/* ФинансСвет — чистая пересборка. Шрифты локальные, переменные. */ /* Горизонтальный скролл: у Тильды html,body{overflow-x:hidden; max-width:100%} /* (обрезка секций на мобильном перенесена в конец файла — там она не перебивается правилами генератора overflow:visible у самих секций) */ и #allrecords{overflow:hidden} — элементы зеро-блоков, торчащие за артборд (карточки видео-отзывов s11 уходят до 587 при экране 375, слайдер дел s9), просто обрезаются. Без этого страница на телефоне листалась вправо в пустоту (замечание владельца 06.08.2026). Проверено на эталоне: docScrollWidth = 375. */ html{overflow-x:hidden} /* DrukCyr Bold — оригинальный шрифт сайта, Commercial Type. Лицензия на стороне владельца, см. HANDOFF. */ @font-face{ font-family:'DrukCyr'; src:url('../fonts/DrukCyr-Bold.woff') format('woff'); font-weight:700; font-style:normal; font-display:swap; } /* Вес 300 — ОТДЕЛЬНЫМ статическим файлом с CDN Тильды (тот же, что грузит оригинал): наш переменный субсет обрезан по оси wght и 300 не содержит — все тонкие тексты рендерились как 400, «жирнее и чернее, чем в исходнике» (замечание владельца). TODO при уборке: пережать в woff2 + сабсет. */ @font-face{ font-family:'Inter Tight'; src:url('../fonts/InterTight-Light.woff') format('woff'); font-weight:300; font-style:normal; font-display:swap; } @font-face{ font-family:'Inter Tight'; src:url('../fonts/InterTight-cyrillic-var.woff2') format('woff2-variations'); font-weight:100 900; font-style:normal; font-display:swap; unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face{ font-family:'Inter Tight'; src:url('../fonts/InterTight-latin-var.woff2') format('woff2-variations'); font-weight:100 900; font-style:normal; font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215; } :root{ --yellow:#f4c408; --yellow-light:#f5d34b; --dark:#222222; /* фон страницы БЕЛЫЙ: в оригинале #allrecords{background:#fff} перекрывает жёлтый body. Серый #f4f4f4 был моей ошибкой — с ним подложки #f1f1f1 сливались, «Кто мы» и «Почему выбирают нас» разваливались визуально. */ --page-bg:#ffffff; --white:#ffffff; --radius-card:18px; --radius-panel:9px; --radius-btn:7px; --container:1280px; --gutter:21px; --font-display:'DrukCyr',Arial,sans-serif; --font-text:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif; } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{ margin:0; background:var(--page-bg); color:var(--dark); font-family:var(--font-text); font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; } img,svg{display:block; max-width:100%} ul,ol{margin:0; padding:0; list-style:none} a{color:inherit; text-decoration:none} /* Сбрасывать ВСЕ заголовки, а не только h1: браузерный margin у h2 однажды утащил заголовок секции на 58px вниз относительно оригинала. */ h1,h2,h3,h4,h5,h6{margin:0; font-size:inherit; font-weight:inherit} p{margin:0} .container{max-width:var(--container); margin-inline:auto; padding-inline:var(--gutter)} /* ---------- Кнопки ---------- */ .btn{ display:inline-flex; align-items:center; justify-content:center; gap:calc(8 * var(--k, 1px)); font-family:var(--font-text); font-size:calc(13 * var(--k, 1px)); font-weight:600; line-height:1; border-radius:var(--radius-btn); padding:16px 24px; white-space:nowrap; transition:background-color .18s ease, transform .18s ease; } .btn:active{transform:translateY(1px)} .btn--dark{ background:var(--dark); color:var(--white); width:calc(118 * var(--k, 1px)); height:calc(32 * var(--k, 1px)); font-size:calc(11 * var(--k, 1px)); font-weight:500; border-radius:calc(6 * var(--k, 1px)); padding:0; } .btn--dark:hover{background:#000} /* В оригинале это ДВЕ кнопки стопкой, обе z-index 3, порядок в DOM решает: #f4c408 с тенью рисуется поверх #f5d34b. Нижняя ловит клик (pointer-events:auto), верхняя декоративная (pointer-events:none) — самодельный ховер. Схлопнуто в одну: поведение то же, разметки вдвое меньше. */ .btn--yellow{ background:var(--yellow); color:var(--dark); width:calc(217 * var(--k, 1px)); height:calc(47 * var(--k, 1px)); border-radius:calc(7 * var(--k, 1px)); padding:0; box-shadow:0 calc(6 * var(--k, 1px)) calc(6 * var(--k, 1px)) calc(2 * var(--k, 1px)) rgba(244,196,8,.6); } .btn--yellow:hover{background:var(--yellow-light)} /* #f5d34b — цвет нижней кнопки */ .btn__price{font-weight:600} .btn__price strong{font-weight:700} /* ₽ в оригинале обёрнут в */ /* ---------- Шапка — зеро-блок rec1293353341, артборд 60 ---------- Та же модель канвы, что и первый экран. Плашка светло-серая #f1f1f1, не белая. Меню на ≤959 Тильда не гасит через display:none, а уносит за артборд (top:-171 / -106) — у неё для мобильного отдельный блок-бургер rec1288971081. */ /* Шапка — ОВЕРЛЕЙ, высоты в потоке не занимает. На живом сайте запись шапки имеет height:0, и первый экран начинается с нуля страницы: обе записи top:0. Если сделать шапку блоком в потоке, она отожмёт первый экран вниз на свою высоту — та самая «полоска» между меню и карточкой. Зазор 10.7px при 1280 не задан руками: плашка кончается на 56.5, карточка начинается на 67.2. */ .header{ --k:calc(100vw / 1200); /* Оригинал: #rec1293353341 .t396__artboard{position:fixed;top:0;z-index:999999} — шапка прилипает при скролле. */ position:fixed; top:0; left:0; width:100%; z-index:999999; padding:calc(7 * var(--k)) 0 0; } .header__inner{ width:calc(100vw - 40 * var(--k)); height:calc(46 * var(--k)); margin-inline:auto; display:flex; align-items:center; background:#f1f1f1; border-radius:calc(8 * var(--k)); padding:0 calc(20 * var(--k)); /* мягкая тень вниз, как у плашки оригинала — без неё стык с баннером читается как резкая белая полоса (замечание владельца) */ box-shadow:0 calc(12 * var(--k)) calc(24 * var(--k)) calc(-14 * var(--k)) rgba(34,34,34,.2); } .header__logo img{width:calc(76 * var(--k)); height:auto} .nav{margin-left:calc(125 * var(--k))} .nav__list{display:flex; align-items:center; gap:calc(25 * var(--k))} .nav__list a{ display:flex; align-items:center; height:calc(25 * var(--k)); padding:0 calc(6 * var(--k)); border-radius:calc(30 * var(--k)); font-size:calc(12 * var(--k)); font-weight:400; color:var(--dark); transition:background-color .18s ease; } .nav__list a:hover{background:rgba(0,0,0,.06)} .nav__caret{width:calc(7 * var(--k)); height:calc(5 * var(--k)); margin-left:calc(5 * var(--k)); transition:transform .18s ease} .nav__item--sub{position:relative} .nav__item--sub:hover .nav__caret, .nav__item--sub:focus-within .nav__caret{transform:rotate(180deg)} /* ---------- Выпадающее меню «Услуги» ---------- Панель 491x277, фон #f1f1f1, скругление только снизу — она «свисает» из шапки. submenu-wrap держит прозрачный мостик в 22px, иначе ховер рвётся на зазоре. */ .submenu-wrap{ position:absolute; top:100%; left:calc(-18 * var(--k)); padding-top:calc(27 * var(--k)); opacity:0; visibility:hidden; transform:translateY(calc(-4 * var(--k))); transition:opacity .18s ease, transform .18s ease, visibility .18s; z-index:20; } .nav__item--sub:hover .submenu-wrap, .nav__item--sub:focus-within .submenu-wrap{opacity:1; visibility:visible; transform:none} .submenu{ width:calc(460 * var(--k)); background:#f1f1f1; border-radius:0 0 calc(12 * var(--k)) calc(12 * var(--k)); box-shadow:0 calc(12 * var(--k)) calc(26 * var(--k)) calc(-12 * var(--k)) rgba(0,11,48,.2); padding:calc(20 * var(--k)); } .submenu__title{font-size:calc(12 * var(--k)); font-weight:600; color:var(--dark)} /* .nav__list a перебивает по специфичности — поэтому селектор усилен. Цвет синий: это дефолтная ссылка Тильды, которую в макете не перекрасили. */ .submenu .submenu__tag{ display:inline-block; margin-top:calc(9 * var(--k)); height:auto; padding:0; border-radius:0; background:none; font-size:calc(12 * var(--k)); font-weight:400; color:#1784ac; } .submenu .submenu__tag:hover{background:none; text-decoration:underline} .submenu__sep{ height:0; margin:calc(14 * var(--k)) 0 0; border:0; border-top:calc(1 * var(--k)) solid var(--yellow); } /* Ряды идут через 38px, но сам пункт высотой 23 — разница это row-gap, поэтому у последнего ряда снизу ничего не висит (в оригинале он 23, а не 38). */ .submenu__list{ display:grid; grid-template-columns:calc(202 * var(--k)) calc(202 * var(--k)); column-gap:calc(45 * var(--k)); row-gap:calc(15 * var(--k)); padding-top:calc(17 * var(--k)); padding-bottom:calc(10 * var(--k)); } .submenu .submenu__list a{ display:flex; align-items:center; gap:calc(8 * var(--k)); height:calc(23 * var(--k)); padding:0; font-size:calc(12 * var(--k)); font-weight:400; color:var(--dark); border-radius:0; background:none; transition:color .18s ease; } .submenu__list img{width:calc(23 * var(--k)); height:calc(23 * var(--k)); flex:none} .submenu .submenu__list a:hover{background:none; color:var(--yellow)} .submenu .submenu__list a.is-active{color:var(--yellow)} /* текущая страница */ .header__actions{display:flex; align-items:center; gap:calc(15 * var(--k)); margin-left:auto} .iconbtn{ position:relative; display:block; width:calc(34 * var(--k)); height:calc(34 * var(--k)); } .iconbtn img{width:100%; height:100%} .iconbtn__hover{position:absolute; inset:0; opacity:0; transition:opacity .18s ease} .iconbtn:hover .iconbtn__hover{opacity:1} .btn--dark{margin-left:calc(7 * var(--k))} /* ---------- Первый экран — зеро-блок rec1293996951 ---------- Артборд = вся ширина окна, поэтому канва x=20 → экран 20*--k. Никакой центрирующей арифметики: числа = координаты канвы Тильды один в один, как их печатает tools/tilda_spec.py. Раскладки на ≤1199/≤959/≤639 — тоже её, не выдуманные. */ .hero{ --k:calc(100vw / 1200); /* базовый артборд; ниже 1199 лестница в медиазапросах */ position:relative; height:calc(625 * var(--k)); overflow:hidden; /* артборд клипует — и без этого ≤639 даёт гориз. скролл */ color:var(--white); } .hero__card{ position:absolute; top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(545 * var(--k)); border-radius:calc(18 * var(--k)); overflow:hidden; } .hero__bg{width:100%; height:100%; object-fit:cover; object-position:center} /* Цвета сняты с оригинала: родительские пункты #f1f1f1, текущая страница тусклее. Прозрачности нет — различаются именно цветом. */ .breadcrumbs{ position:absolute; top:calc(72 * var(--k)); left:calc(40 * var(--k)); width:calc(323 * var(--k)); } .breadcrumbs ol{display:flex; flex-wrap:wrap; align-items:center; font-size:calc(12 * var(--k)); font-weight:400} .breadcrumbs li{display:flex; align-items:center; color:#f1f1f1} .breadcrumbs li:not(:first-child)::before{content:'/'; color:#f1f1f1; margin:0 calc(10 * var(--k))} .breadcrumbs__current{color:#b4b4b4} .breadcrumbs a{color:inherit} .breadcrumbs a:hover{text-decoration:underline} .hero__title{ position:absolute; top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(830 * var(--k)); font-family:var(--font-display); font-weight:700; font-size:calc(66 * var(--k)); line-height:1.1; text-transform:uppercase; } .hero__title-line{display:block} .hero__title-accent{color:var(--yellow)} /* Плашка-подложка (фигура 175747919972025560) — только фон, содержимого не держит */ .benefits{ position:absolute; top:calc(310 * var(--k)); left:calc(40 * var(--k)); width:calc(520 * var(--k)); height:calc(64 * var(--k)); background:rgba(143,143,143,.15); /* в оригинале #8f8f8f + opacity .15 на атоме */ border-radius:calc(9 * var(--k)); /* Именно 5, не 2 — это и есть «замыленность» под плашкой. Умножаем на --k: у оригинала blur(5px) стоит под zoom, значит рисуется как 5.33 при 1280. */ backdrop-filter:blur(calc(5 * var(--k))); -webkit-backdrop-filter:blur(calc(5 * var(--k))); } /* Молекула-группа 175754744391052890 поверх плашки. Шесть flex-детей (иконка, текст) × 3 через column-gap 5 — у нас они в
  • , но зазор тот же и снаружи, и внутри, так что раскладка совпадает. */ .benefits__list{ position:absolute; top:calc(318 * var(--k)); left:calc(57 * var(--k)); width:calc(504 * var(--k)); height:calc(48 * var(--k)); display:flex; flex-direction:row; align-items:center; justify-content:flex-start; column-gap:calc(5 * var(--k)); } .benefits__item{display:flex; align-items:center; gap:calc(5 * var(--k)); flex:none} .benefits__item img{width:calc(48 * var(--k)); height:calc(48 * var(--k)); flex:none} /* Двухцветный текст при одном весе — как в оригинале: акцент белый, хвост серый */ .benefits__text{font-size:calc(13 * var(--k)); font-weight:500; line-height:1.25; flex:none} .benefits__muted{color:#c2c2c2} /* Ширины боксов задают перенос строк ровно как у Тильды */ .benefits__item:nth-child(1) .benefits__text{width:calc(118 * var(--k))} .benefits__item:nth-child(2) .benefits__text{width:calc(112 * var(--k))} .benefits__item:nth-child(3) .benefits__text{width:calc(91 * var(--k))} /* Кнопка 393/40/217x47; текст внутри начинается на 62 (отступ 22), «0 ₽» на 218 — отсюда gap 7. */ .hero__btn{ position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(217 * var(--k)); height:calc(47 * var(--k)); justify-content:flex-start; padding-left:calc(22 * var(--k)); gap:calc(7 * var(--k)); font-size:calc(13 * var(--k)); } .hero__hint{ position:absolute; top:calc(388 * var(--k)); left:calc(366 * var(--k)); width:calc(192 * var(--k)); font-size:calc(13 * var(--k)); font-weight:500; line-height:1.15; } .hero__arrow{ position:absolute; top:calc(401 * var(--k)); left:calc(267 * var(--k)); width:calc(89 * var(--k)); height:calc(33 * var(--k)); color:var(--white); overflow:visible; } /* Самопрорисовка контура — параметры сняты с оригинала один в один */ @keyframes arrow-draw{ 0% {stroke-dashoffset:193.356px} 35.71% {stroke-dashoffset:0} 100% {stroke-dashoffset:0} } .hero__arrow-path{ stroke-dasharray:193.356px; stroke-dashoffset:193.356px; animation:2.8s cubic-bezier(.47,0,.745,.715) 1.2s infinite both arrow-draw; } /* ---------- Адаптив: лестница артбордов Тильды ---------- zoom = ширина_окна / ширина_артборда, артборд = наибольший из screens, который ≤ ширины окна. У сайта screens = 320,640,960,1200 (480 не занят) — отсюда ровно эти три границы. Формула из tilda-zero-1.1.min.js, функция t396__setGlobalScaleVariables. Раскладки ниже — из tilda_spec.py. */ @media (max-width:1199px){ .hero, .header{--k:calc(100vw / 960)} .hero__card{width:calc(920 * var(--k))} .benefits{left:calc(41 * var(--k))} /* да, Тильда двигает плашку на 1 — не опечатка */ .benefits__list{width:calc(471 * var(--k))} } @media (max-width:959px){ .hero, .header{--k:calc(100vw / 640)} /* Тильда уносит пункты и кнопку за артборд (top:-171 / -173), а вместо них показывает блок-бургер rec1288971081. Бургера у нас пока нет — вопрос №7. */ .nav, .header .btn--dark{display:none} .hero__card{width:calc(600 * var(--k))} .hero__title{width:calc(452 * var(--k))} /* заголовок переносится, кегль тот же 66 */ .benefits{top:calc(456 * var(--k)); left:calc(41 * var(--k))} .benefits__list{top:calc(464 * var(--k)); width:calc(471 * var(--k))} .hero__btn{top:calc(539 * var(--k))} .hero__arrow{top:calc(547 * var(--k))} .hero__hint{top:calc(534 * var(--k))} } @media (max-width:639px){ .hero, .header{--k:calc(100vw / 320)} .hero__card{left:calc(10 * var(--k)); width:calc(300 * var(--k))} .breadcrumbs{left:calc(20 * var(--k)); width:calc(269 * var(--k))} .breadcrumbs ol{font-size:calc(10 * var(--k))} .hero__title{top:calc(114 * var(--k)); left:calc(20 * var(--k)); width:calc(235 * var(--k)); font-size:calc(40 * var(--k))} .benefits{top:calc(406 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k))} /* Содержимое (465 канвы) не влезает в контент-бокс 280−17−17=246 → скроллится вбок. Подтверждено владельцем на живом телефоне; overflow — из CSS Тильды. */ .benefits__list{ top:calc(414 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(64 * var(--k)); overflow:auto hidden; padding:0 calc(17 * var(--k)) calc(16 * var(--k)); } .benefits__text{font-size:calc(12 * var(--k))} .benefits__item:nth-child(1) .benefits__text{width:calc(110 * var(--k))} .benefits__item:nth-child(2) .benefits__text{width:calc(103 * var(--k))} .benefits__item:nth-child(3) .benefits__text{width:calc(83 * var(--k))} .hero__btn{top:calc(537 * var(--k)); left:calc(20 * var(--k)); width:calc(198 * var(--k)); font-size:calc(12 * var(--k))} .hero__arrow{top:calc(524 * var(--k)); left:calc(251 * var(--k))} .hero__hint{top:calc(496 * var(--k)); left:calc(50 * var(--k)); width:calc(168 * var(--k)); font-size:calc(12 * var(--k)); text-align:right} } /* ---------- rec1321303811 ---------- */ .s2{ --k:calc(100vw / 1200); position:relative; height:calc(594 * var(--k)); overflow:hidden; } .s2__shape-1{position:absolute; top:calc(25 * var(--k)); left:calc(20 * var(--k)); width:calc(1159 * var(--k)); height:calc(544 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.078turn,rgba(223,136,11,1) 0%,rgba(245,211,75,1) 100%)} @media (max-width:1199px){ .s2__shape-1{top:calc(25 * var(--k)); width:calc(920 * var(--k)); height:calc(707 * var(--k))} } @media (max-width:959px){ .s2__shape-1{top:calc(25 * var(--k)); width:calc(600 * var(--k)); height:calc(1035 * var(--k))} } @media (max-width:639px){ .s2__shape-1{top:calc(25 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(1247 * var(--k))} } .s2__shape-2{position:absolute; top:calc(200 * var(--k)); left:calc(40 * var(--k)); width:calc(143 * var(--k)); height:calc(306 * var(--k)); border-radius:calc(16 * var(--k)); background-image:linear-gradient(0.078turn,rgba(223,138,12,1) 12%,rgba(238,175,41,1) 100%)} @media (max-width:1199px){ .s2__shape-2{top:calc(200 * var(--k)); left:calc(83 * var(--k)); width:calc(143 * var(--k)); height:calc(306 * var(--k))} } @media (max-width:959px){ .s2__shape-2{top:calc(200 * var(--k)); left:calc(85 * var(--k)); width:calc(143 * var(--k)); height:calc(306 * var(--k))} } @media (max-width:639px){ .s2__shape-2{top:calc(176 * var(--k)); left:calc(165 * var(--k)); width:calc(135 * var(--k)); height:calc(280 * var(--k))} } .s2__postoannye-zvonki-3{position:absolute; top:calc(226 * var(--k)); left:calc(53 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k)); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s2__postoannye-zvonki-3{top:calc(226 * var(--k)); left:calc(96 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s2__postoannye-zvonki-3{top:calc(226 * var(--k)); left:calc(98 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s2__postoannye-zvonki-3{top:calc(202 * var(--k)); left:calc(178 * var(--k)); width:calc(114 * var(--k)); font-size:calc(12 * var(--k))} } .s2__shape-4{position:absolute; top:calc(363 * var(--k)); left:calc(40 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k)); background-color:#ececec; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s2__shape-4{top:calc(363 * var(--k)); left:calc(83 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-4{top:calc(363 * var(--k)); left:calc(85 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-4{top:calc(321 * var(--k)); left:calc(165 * var(--k)); width:calc(135 * var(--k)); height:calc(135 * var(--k))} } .s2__1-5{position:absolute; top:calc(363 * var(--k)); left:calc(54 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k)); font-weight:700; line-height:1.1; color:#f7f7f7; text-transform:uppercase} @media (max-width:1199px){ .s2__1-5{top:calc(363 * var(--k)); left:calc(97 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s2__1-5{top:calc(363 * var(--k)); left:calc(99 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s2__1-5{top:calc(321 * var(--k)); left:calc(178 * var(--k)); width:calc(18 * var(--k)); font-size:calc(60 * var(--k))} } .s2__shape-6{position:absolute; top:calc(363 * var(--k)); left:calc(203 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k)); background-color:#2d2d2d; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s2__shape-6{top:calc(524 * var(--k)); left:calc(246 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-6{top:calc(526 * var(--k)); left:calc(85 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-6{top:calc(321 * var(--k)); left:calc(20 * var(--k)); width:calc(135 * var(--k)); height:calc(135 * var(--k))} } .s2__shape-7{position:absolute; top:calc(363 * var(--k)); left:calc(366 * var(--k)); width:calc(306 * var(--k)); height:calc(143 * var(--k)); background-color:#f7f9a3; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s2__shape-7{top:calc(363 * var(--k)); left:calc(246 * var(--k)); width:calc(306 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-7{top:calc(526 * var(--k)); left:calc(248 * var(--k)); width:calc(306 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-7{top:calc(629 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(135 * var(--k))} } .s2__3-8{position:absolute; top:calc(363 * var(--k)); left:calc(380 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k)); font-weight:700; line-height:1.1; color:#feffd6; text-transform:uppercase} @media (max-width:1199px){ .s2__3-8{top:calc(363 * var(--k)); left:calc(260 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s2__3-8{top:calc(526 * var(--k)); left:calc(262 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s2__3-8{top:calc(629 * var(--k)); left:calc(33 * var(--k)); width:calc(21 * var(--k)); font-size:calc(60 * var(--k))} } .s2__image-9{position:absolute; top:calc(370 * var(--k)); left:calc(636 * var(--k)); width:calc(29 * var(--k)); border-radius:calc(0 * var(--k)); background-image:url('../img/lib__emoji__fluent__plus_3d.png'); background-size:cover; background-position:center} @media (max-width:1199px){ .s2__image-9{left:calc(516 * var(--k))} } @media (max-width:959px){ .s2__image-9{top:calc(533 * var(--k)); left:calc(518 * var(--k))} } @media (max-width:639px){ .s2__image-9{top:calc(638 * var(--k)); left:calc(267 * var(--k)); width:calc(24 * var(--k))} } .s2__shape-10{position:absolute; top:calc(200 * var(--k)); left:calc(203 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k)); border-radius:calc(16 * var(--k)); background-image:url('../img/tild3731-3362-4237-b163-656338656532__1_1.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s2__shape-10{top:calc(200 * var(--k)); left:calc(246 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-10{top:calc(200 * var(--k)); left:calc(248 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-10{top:calc(176 * var(--k)); left:calc(20 * var(--k)); width:calc(135 * var(--k)); height:calc(135 * var(--k))} } .s2__shape-11{position:absolute; top:calc(191 * var(--k)); left:calc(270 * var(--k)); width:calc(71 * var(--k)); height:calc(20 * var(--k)); background-color:#717171; border-radius:calc(100 * var(--k))} @media (max-width:1199px){ .s2__shape-11{top:calc(192 * var(--k)); left:calc(313 * var(--k))} } @media (max-width:959px){ .s2__shape-11{top:calc(193 * var(--k)); left:calc(315 * var(--k))} } @media (max-width:639px){ .s2__shape-11{top:calc(167 * var(--k)); left:calc(82 * var(--k)); width:calc(68 * var(--k)); height:calc(19 * var(--k))} } .s2__dostali-12{position:absolute; top:calc(192 * var(--k)); left:calc(281 * var(--k)); width:calc(53 * var(--k)); font-size:calc(12 * var(--k)); font-weight:400; line-height:1.5; color:#ffffff} @media (max-width:1199px){ .s2__dostali-12{top:calc(192 * var(--k)); left:calc(324 * var(--k)); width:calc(53 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .s2__dostali-12{top:calc(193 * var(--k)); left:calc(326 * var(--k)); width:calc(53 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:639px){ .s2__dostali-12{top:calc(168 * var(--k)); left:calc(93 * var(--k)); width:calc(51 * var(--k)); font-size:calc(11 * var(--k)); white-space:normal} } .s2__opasenie-za-13{position:absolute; top:calc(417 * var(--k)); left:calc(414 * var(--k)); width:calc(236 * var(--k)); font-size:calc(13 * var(--k)); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s2__opasenie-za-13{top:calc(417 * var(--k)); left:calc(294 * var(--k)); width:calc(236 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s2__opasenie-za-13{top:calc(580 * var(--k)); left:calc(296 * var(--k)); width:calc(236 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s2__opasenie-za-13{top:calc(683 * var(--k)); left:calc(68 * var(--k)); width:calc(218 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .s2__shape-14{position:absolute; top:calc(200 * var(--k)); left:calc(366 * var(--k)); width:calc(306 * var(--k)); height:calc(143 * var(--k)); border-radius:calc(16 * var(--k)); background-image:linear-gradient(0.078turn,rgba(231,162,33,1) 12%,rgba(239,190,57,1) 100%)} @media (max-width:1199px){ .s2__shape-14{top:calc(200 * var(--k)); left:calc(409 * var(--k)); width:calc(306 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-14{top:calc(363 * var(--k)); left:calc(248 * var(--k)); width:calc(306 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-14{top:calc(466 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(135 * var(--k))} } .s2__strah-poterat-15{position:absolute; top:calc(226 * var(--k)); left:calc(379 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k)); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s2__strah-poterat-15{top:calc(226 * var(--k)); left:calc(422 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s2__strah-poterat-15{top:calc(389 * var(--k)); left:calc(261 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s2__strah-poterat-15{top:calc(492 * var(--k)); left:calc(33 * var(--k)); width:calc(110 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .s2__shape-16{position:absolute; top:calc(200 * var(--k)); left:calc(366 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k)); background-color:#ffffff; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s2__shape-16{top:calc(200 * var(--k)); left:calc(409 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-16{top:calc(363 * var(--k)); left:calc(248 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-16{top:calc(466 * var(--k)); left:calc(20 * var(--k)); width:calc(135 * var(--k)); height:calc(135 * var(--k))} } .s2__2-17{position:absolute; top:calc(200 * var(--k)); left:calc(380 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k)); font-weight:700; line-height:1.1; color:#f4f4f4; text-transform:uppercase} @media (max-width:1199px){ .s2__2-17{top:calc(200 * var(--k)); left:calc(423 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s2__2-17{top:calc(363 * var(--k)); left:calc(262 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s2__2-17{top:calc(466 * var(--k)); left:calc(33 * var(--k)); width:calc(22 * var(--k)); font-size:calc(60 * var(--k))} } .s2__shape-18{position:absolute; top:calc(200 * var(--k)); left:calc(855 * var(--k)); width:calc(143 * var(--k)); height:calc(306 * var(--k)); border-radius:calc(16 * var(--k)); background-image:linear-gradient(0.078turn,rgba(231,161,33,1) 12%,rgba(245,202,66,1) 100%)} @media (max-width:1199px){ .s2__shape-18{top:calc(363 * var(--k)); left:calc(572 * var(--k)); width:calc(143 * var(--k)); height:calc(306 * var(--k))} } @media (max-width:959px){ .s2__shape-18{top:calc(689 * var(--k)); left:calc(248 * var(--k)); width:calc(143 * var(--k)); height:calc(306 * var(--k))} } @media (max-width:639px){ .s2__shape-18{top:calc(774 * var(--k)); left:calc(20 * var(--k)); width:calc(135 * var(--k)); height:calc(280 * var(--k))} } .s2__uhudsenie-kreditnoy-19{position:absolute; top:calc(235 * var(--k)); left:calc(868 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k)); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s2__uhudsenie-kreditnoy-19{top:calc(398 * var(--k)); left:calc(585 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s2__uhudsenie-kreditnoy-19{top:calc(724 * var(--k)); left:calc(261 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } @media (max-width:639px){ .s2__uhudsenie-kreditnoy-19{top:calc(809 * var(--k)); left:calc(33 * var(--k)); width:calc(111 * var(--k)); font-size:calc(12 * var(--k))} } .s2__shape-20{position:absolute; top:calc(363 * var(--k)); left:calc(855 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k)); background-color:#fffe5b; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s2__shape-20{top:calc(526 * var(--k)); left:calc(572 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-20{top:calc(852 * var(--k)); left:calc(248 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-20{top:calc(919 * var(--k)); left:calc(20 * var(--k)); width:calc(135 * var(--k)); height:calc(135 * var(--k))} } .s2__4-21{position:absolute; top:calc(362 * var(--k)); left:calc(869 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k)); font-weight:700; line-height:1.1; color:#ffffb5; text-transform:uppercase} @media (max-width:1199px){ .s2__4-21{top:calc(525 * var(--k)); left:calc(586 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s2__4-21{top:calc(851 * var(--k)); left:calc(262 * var(--k)); width:calc(30 * var(--k)); font-size:calc(66 * var(--k)); white-space:normal} } @media (max-width:639px){ .s2__4-21{top:calc(919 * var(--k)); left:calc(33 * var(--k)); width:calc(22 * var(--k)); font-size:calc(60 * var(--k))} } .s2__shape-22{position:absolute; top:calc(200 * var(--k)); left:calc(692 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k)); background-color:#4a4a4a; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s2__shape-22{top:calc(200 * var(--k)); left:calc(735 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-22{top:calc(689 * var(--k)); left:calc(411 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-22{top:calc(919 * var(--k)); left:calc(165 * var(--k)); width:calc(135 * var(--k)); height:calc(135 * var(--k))} } .s2__potera-doveria-23{position:absolute; top:calc(407 * var(--k)); left:calc(1031 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k)); font-weight:500; line-height:1.35; color:#ffffff} @media (max-width:1199px){ .s2__potera-doveria-23{top:calc(570 * var(--k)); left:calc(749 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } @media (max-width:959px){ .s2__potera-doveria-23{top:calc(896 * var(--k)); left:calc(425 * var(--k)); width:calc(119 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } @media (max-width:639px){ .s2__potera-doveria-23{top:calc(1108 * var(--k)); left:calc(179 * var(--k)); width:calc(119 * var(--k)); font-size:calc(12 * var(--k))} } .s2__pora-cto-24{position:absolute; top:calc(74 * var(--k)); left:calc(40 * var(--k)); width:calc(404 * var(--k)); font-size:calc(66 * var(--k)); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s2__pora-cto-24{top:calc(74 * var(--k)); left:calc(40 * var(--k)); width:calc(404 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s2__pora-cto-24{top:calc(74 * var(--k)); left:calc(40 * var(--k)); width:calc(404 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s2__pora-cto-24{top:calc(78 * var(--k)); left:calc(36 * var(--k)); width:calc(248 * var(--k)); font-size:calc(40 * var(--k)); text-align:center} } .s2__shape-25{position:absolute; top:calc(200 * var(--k)); left:calc(1017 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k)); border-radius:calc(16 * var(--k)); background-image:url('../img/tild6266-3034-4539-b763-366662663364__3_1.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s2__shape-25{top:calc(526 * var(--k)); left:calc(83 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-25{top:calc(689 * var(--k)); left:calc(85 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-25{top:calc(1064 * var(--k)); left:calc(20 * var(--k)); width:calc(135 * var(--k)); height:calc(135 * var(--k))} } .s2__shape-26{position:absolute; top:calc(363 * var(--k)); left:calc(692 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k)); border-radius:calc(16 * var(--k)); background-image:url('../img/tild3032-6130-4435-a536-393834613162__123_1.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s2__shape-26{top:calc(524 * var(--k)); left:calc(409 * var(--k)); width:calc(143 * var(--k)); height:calc(145 * var(--k))} } @media (max-width:959px){ .s2__shape-26{top:calc(200 * var(--k)); left:calc(411 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-26{top:calc(774 * var(--k)); left:calc(165 * var(--k)); width:calc(135 * var(--k)); height:calc(135 * var(--k))} } .s2__shape-27{position:absolute; top:calc(363 * var(--k)); left:calc(1017 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k)); background-color:#ffffff; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s2__shape-27{top:calc(526 * var(--k)); left:calc(735 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:959px){ .s2__shape-27{top:calc(852 * var(--k)); left:calc(411 * var(--k)); width:calc(143 * var(--k)); height:calc(143 * var(--k))} } @media (max-width:639px){ .s2__shape-27{top:calc(1064 * var(--k)); left:calc(165 * var(--k)); width:calc(135 * var(--k)); height:calc(135 * var(--k))} } .s2__resenie-est-28{position:absolute; top:calc(398 * var(--k)); left:calc(1039 * var(--k)); width:calc(102 * var(--k)); font-size:calc(33 * var(--k)); font-weight:700; line-height:1.1; color:transparent; text-transform:uppercase; background-image:linear-gradient(0.078turn,rgba(233,170,40,1) 12%,rgba(237,186,53,1) 100%)} @media (max-width:1199px){ .s2__resenie-est-28{top:calc(561 * var(--k)); left:calc(757 * var(--k)); width:calc(102 * var(--k)); font-size:calc(33 * var(--k)); white-space:normal} } @media (max-width:959px){ .s2__resenie-est-28{top:calc(887 * var(--k)); left:calc(433 * var(--k)); width:calc(102 * var(--k)); font-size:calc(33 * var(--k)); white-space:normal} } @media (max-width:639px){ .s2__resenie-est-28{top:calc(1099 * var(--k)); left:calc(185 * var(--k)); width:calc(102 * var(--k)); font-size:calc(31 * var(--k))} } .s2__text-29{position:absolute; top:calc(466 * var(--k)); left:calc(312 * var(--k)); font-size:calc(100 * var(--k)); font-weight:700; line-height:0.75; color:#f3cd43; text-transform:uppercase} @media (max-width:1199px){ .s2__text-29{top:calc(627 * var(--k)); left:calc(355 * var(--k)); font-size:calc(100 * var(--k)); white-space:nowrap} } @media (max-width:959px){ .s2__text-29{top:calc(629 * var(--k)); left:calc(194 * var(--k)); font-size:calc(100 * var(--k)); white-space:nowrap} } @media (max-width:639px){ .s2__text-29{top:calc(429 * var(--k)); left:calc(129 * var(--k)); width:calc(18 * var(--k)); font-size:calc(74 * var(--k))} } .s2__text-30{position:absolute; top:calc(236 * var(--k)); left:calc(692 * var(--k)); width:calc(28 * var(--k)); font-size:calc(66 * var(--k)); font-weight:700; line-height:1.1; color:#606060; text-transform:uppercase} @media (max-width:1199px){ .s2__text-30{top:calc(230 * var(--k)); left:calc(735 * var(--k)); width:calc(28 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s2__text-30{top:calc(725 * var(--k)); left:calc(411 * var(--k)); width:calc(28 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s2__text-30{top:calc(955 * var(--k)); left:calc(165 * var(--k)); width:calc(20 * var(--k)); font-size:calc(60 * var(--k))} } /* --- Ручные добавки к rec1321303811 --- Градиенты и картинки генератор берёт сам. Здесь только то, чего он не знает: шрифты (в CSS Тильды они на .tn-atom) и правка высоты у картинки-плюса. ВАЖНО: line-height тут НЕ трогать — он приходит из генератора (1.1 у номеров, 0.75 у звезды). Моё `line-height:1` ломало высоту на 7.5px у всех четырёх номеров. */ .s2{background:var(--page-bg); font-family:var(--font-text); margin-top:60px} /* padding-top:60px обёртки записи в оригинале */ .s2__resenie-est-28{ -webkit-background-clip:text; background-clip:text; font-family:var(--font-display); font-weight:700; text-transform:uppercase; } .s2__pora-cto-24, .s2__1-5,.s2__2-17,.s2__3-8,.s2__4-21,.s2__text-29,.s2__t-onfuncload-30{ font-family:var(--font-display); font-weight:700; } /* картинка-плюс: в оригинале height:auto, но даёт высоту сам. У нас это div с фоном — без height схлопывается в ноль. */ .s2__image-9{height:calc(29 * var(--k))} /* ---------- rec1321303721 ---------- */ .s3{ --k:calc(100vw / 1200); position:relative; height:calc(110 * var(--k)); overflow:visible; background:#ffffff; } .s3__ot-4-1{position:absolute; top:calc(87 * var(--k)); left:calc(20 * var(--k)); width:calc(138 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.5; color:#222222} @media (max-width:1199px){ .s3__ot-4-1{top:calc(87 * var(--k)); left:calc(20 * var(--k)); width:calc(138 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .s3__ot-4-1{top:calc(87 * var(--k)); left:calc(20 * var(--k)); width:calc(138 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s3__ot-4-1{top:calc(68 * var(--k)); left:calc(10 * var(--k)); width:calc(128 * var(--k)); font-size:calc(14 * var(--k))} } .s3__procedura-bankrotstva-2{position:absolute; top:calc(15 * var(--k)); left:calc(19 * var(--k)); width:calc(492 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s3__procedura-bankrotstva-2{top:calc(15 * var(--k)); left:calc(19 * var(--k)); width:calc(492 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s3__procedura-bankrotstva-2{top:calc(15 * var(--k)); left:calc(19 * var(--k)); width:calc(492 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s3__procedura-bankrotstva-2{top:calc(20 * var(--k)); left:calc(9 * var(--k)); width:calc(301 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } .s3{margin-top:45px; margin-bottom:0px} /* ---------- rec1321303731 ---------- */ .s4{ --k:calc(100vw / 1200); position:relative; height:calc(173 * var(--k)); overflow:hidden; background:#ffffff; } .s4__shape-1{position:absolute; top:calc(27 * var(--k)); left:calc(408 * var(--k)); width:calc(100 * var(--k)); height:calc(133 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s4__shape-1{top:calc(27 * var(--k)); left:calc(1100 * var(--k))} } @media (max-width:959px){ .s4__shape-1{top:calc(27 * var(--k)); left:calc(1100 * var(--k)); height:calc(133 * var(--k))} } @media (max-width:639px){ .s4__shape-1{top:calc(27 * var(--k)); left:calc(943 * var(--k)); width:calc(95 * var(--k)); height:calc(121 * var(--k))} } .s4__shape-2{position:absolute; top:calc(27 * var(--k)); left:calc(905 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k)); background-color:#f1f1f1; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s4__shape-2{top:calc(27 * var(--k)); left:calc(905 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k))} } @media (max-width:959px){ .s4__shape-2{top:calc(27 * var(--k)); left:calc(905 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k))} } @media (max-width:639px){ .s4__shape-2{top:calc(27 * var(--k)); left:calc(781 * var(--k)); width:calc(247 * var(--k)); height:calc(121 * var(--k))} } .s4__image-3{position:absolute; top:calc(36 * var(--k)); left:calc(1112 * var(--k)); width:calc(58 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s4__image-3{top:calc(35 * var(--k)); left:calc(1112 * var(--k)); width:calc(58 * var(--k))} } @media (max-width:959px){ .s4__image-3{top:calc(34 * var(--k)); left:calc(1112 * var(--k)); width:calc(58 * var(--k))} } @media (max-width:639px){ .s4__image-3{top:calc(33 * var(--k)); left:calc(967 * var(--k)); width:calc(51 * var(--k))} } .s4__vam-ne-4{position:absolute; top:calc(102 * var(--k)); left:calc(934 * var(--k)); width:calc(206 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s4__vam-ne-4{top:calc(102 * var(--k)); left:calc(934 * var(--k)); width:calc(206 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s4__vam-ne-4{top:calc(102 * var(--k)); left:calc(934 * var(--k)); width:calc(206 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s4__vam-ne-4{top:calc(97 * var(--k)); left:calc(804 * var(--k)); width:calc(195 * var(--k)); font-size:calc(12 * var(--k))} } .s4__udalenno-5{position:absolute; top:calc(59 * var(--k)); left:calc(934 * var(--k)); width:calc(110 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s4__udalenno-5{top:calc(59 * var(--k)); left:calc(934 * var(--k)); width:calc(110 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s4__udalenno-5{top:calc(60 * var(--k)); left:calc(934 * var(--k)); width:calc(110 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s4__udalenno-5{top:calc(55 * var(--k)); left:calc(804 * var(--k)); width:calc(104 * var(--k)); font-size:calc(31 * var(--k))} } .s4__shape-6{position:absolute; top:calc(27 * var(--k)); left:calc(610 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k)); background-color:#f1f1f1; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s4__shape-6{top:calc(27 * var(--k)); left:calc(610 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k))} } @media (max-width:959px){ .s4__shape-6{top:calc(27 * var(--k)); left:calc(610 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k))} } @media (max-width:639px){ .s4__shape-6{top:calc(27 * var(--k)); left:calc(524 * var(--k)); width:calc(247 * var(--k)); height:calc(121 * var(--k))} } .s4__nikto-ne-7{position:absolute; top:calc(103 * var(--k)); left:calc(639 * var(--k)); width:calc(168 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s4__nikto-ne-7{top:calc(103 * var(--k)); left:calc(639 * var(--k)); width:calc(168 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s4__nikto-ne-7{top:calc(103 * var(--k)); left:calc(639 * var(--k)); width:calc(168 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s4__nikto-ne-7{top:calc(98 * var(--k)); left:calc(546 * var(--k)); width:calc(159 * var(--k)); font-size:calc(12 * var(--k))} } .s4__anonimno-8{position:absolute; top:calc(60 * var(--k)); left:calc(639 * var(--k)); width:calc(114 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s4__anonimno-8{top:calc(60 * var(--k)); left:calc(639 * var(--k)); width:calc(114 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s4__anonimno-8{top:calc(60 * var(--k)); left:calc(639 * var(--k)); width:calc(114 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s4__anonimno-8{top:calc(56 * var(--k)); left:calc(546 * var(--k)); width:calc(108 * var(--k)); font-size:calc(31 * var(--k))} } .s4__image-9{position:absolute; top:calc(36 * var(--k)); left:calc(827 * var(--k)); width:calc(48 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s4__image-9{top:calc(36 * var(--k)); left:calc(827 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .s4__image-9{top:calc(36 * var(--k)); left:calc(827 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:639px){ .s4__image-9{top:calc(36 * var(--k)); left:calc(721 * var(--k)); width:calc(41 * var(--k))} } .s4__shape-10{position:absolute; top:calc(27 * var(--k)); left:calc(315 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k)); background-color:#f1f1f1; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s4__shape-10{top:calc(27 * var(--k)); left:calc(315 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k))} } @media (max-width:959px){ .s4__shape-10{top:calc(27 * var(--k)); left:calc(315 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k))} } @media (max-width:639px){ .s4__shape-10{top:calc(27 * var(--k)); left:calc(267 * var(--k)); width:calc(247 * var(--k)); height:calc(121 * var(--k))} } .s4__sohranim-imusestvo-11{position:absolute; top:calc(102 * var(--k)); left:calc(344 * var(--k)); width:calc(138 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s4__sohranim-imusestvo-11{top:calc(102 * var(--k)); left:calc(344 * var(--k)); width:calc(138 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s4__sohranim-imusestvo-11{top:calc(102 * var(--k)); left:calc(344 * var(--k)); width:calc(138 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s4__sohranim-imusestvo-11{top:calc(97 * var(--k)); left:calc(290 * var(--k)); width:calc(131 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .s4__bezopasno-12{position:absolute; top:calc(60 * var(--k)); left:calc(344 * var(--k)); width:calc(116 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s4__bezopasno-12{top:calc(60 * var(--k)); left:calc(344 * var(--k)); width:calc(116 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s4__bezopasno-12{top:calc(60 * var(--k)); left:calc(344 * var(--k)); width:calc(116 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s4__bezopasno-12{top:calc(56 * var(--k)); left:calc(290 * var(--k)); width:calc(110 * var(--k)); font-size:calc(31 * var(--k)); white-space:normal} } .s4__image-13{position:absolute; top:calc(36 * var(--k)); left:calc(529 * var(--k)); width:calc(51 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s4__image-13{top:calc(35 * var(--k)); left:calc(529 * var(--k)); width:calc(51 * var(--k))} } @media (max-width:959px){ .s4__image-13{top:calc(34 * var(--k)); left:calc(529 * var(--k)); width:calc(51 * var(--k))} } @media (max-width:639px){ .s4__image-13{top:calc(36 * var(--k)); left:calc(459 * var(--k)); width:calc(45 * var(--k))} } .s4__shape-14{position:absolute; top:calc(27 * var(--k)); left:calc(20 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k)); background-color:#f1f1f1; border-radius:calc(16 * var(--k))} @media (max-width:1199px){ .s4__shape-14{top:calc(27 * var(--k)); left:calc(20 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k))} } @media (max-width:959px){ .s4__shape-14{top:calc(27 * var(--k)); left:calc(20 * var(--k)); width:calc(275 * var(--k)); height:calc(133 * var(--k))} } @media (max-width:639px){ .s4__shape-14{top:calc(27 * var(--k)); left:calc(10 * var(--k)); width:calc(247 * var(--k)); height:calc(121 * var(--k))} } .s4__kajdyy-mojet-15{position:absolute; top:calc(102 * var(--k)); left:calc(49 * var(--k)); width:calc(191 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s4__kajdyy-mojet-15{top:calc(102 * var(--k)); left:calc(49 * var(--k)); width:calc(191 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s4__kajdyy-mojet-15{top:calc(102 * var(--k)); left:calc(49 * var(--k)); width:calc(191 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s4__kajdyy-mojet-15{top:calc(97 * var(--k)); left:calc(33 * var(--k)); width:calc(181 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .s4__zakonno-16{position:absolute; top:calc(60 * var(--k)); left:calc(49 * var(--k)); width:calc(96 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s4__zakonno-16{top:calc(60 * var(--k)); left:calc(49 * var(--k)); font-size:calc(33 * var(--k)); white-space:nowrap} } @media (max-width:959px){ .s4__zakonno-16{top:calc(60 * var(--k)); left:calc(49 * var(--k)); font-size:calc(33 * var(--k)); white-space:nowrap} } @media (max-width:639px){ .s4__zakonno-16{top:calc(56 * var(--k)); left:calc(33 * var(--k)); font-size:calc(31 * var(--k)); white-space:nowrap} } .s4__image-17{position:absolute; top:calc(34 * var(--k)); left:calc(233 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s4__image-17{top:calc(33 * var(--k)); left:calc(233 * var(--k)); width:calc(52 * var(--k))} } @media (max-width:959px){ .s4__image-17{top:calc(32 * var(--k)); left:calc(233 * var(--k)); width:calc(52 * var(--k))} } @media (max-width:639px){ .s4__image-17{top:calc(31 * var(--k)); left:calc(202 * var(--k)); width:calc(45 * var(--k))} } /* ---------- rec1321303741 ---------- */ .s5{ --k:calc(100vw / 1200); position:relative; height:calc(175 * var(--k)); overflow:visible; background:#ffffff; } .s5__vas-put-1{position:absolute; top:calc(15 * var(--k)); left:calc(19 * var(--k)); width:calc(498 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s5__vas-put-1{top:calc(15 * var(--k)); left:calc(19 * var(--k)); width:calc(498 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s5__vas-put-1{top:calc(15 * var(--k)); left:calc(19 * var(--k)); width:calc(498 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s5__vas-put-1{top:calc(25 * var(--k)); left:calc(9 * var(--k)); width:calc(304 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } .s5{margin-top:60px; margin-bottom:0px} /* ---------- rec1321303751 ---------- */ .s6{ --k:calc(100vw / 1200); position:relative; height:calc(599 * var(--k)); overflow:visible; background:#ffffff; } .s6__shape-1{position:absolute; top:calc(30 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(539 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .s6__shape-1{top:calc(30 * var(--k)); left:calc(20 * var(--k)); width:calc(920 * var(--k)); height:calc(701 * var(--k))} } @media (max-width:959px){ .s6__shape-1{top:calc(30 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k)); height:calc(1022 * var(--k))} } @media (max-width:639px){ .s6__shape-1{top:calc(30 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(1323 * var(--k))} } .s6__shape-2{position:absolute; top:calc(378 * var(--k)); left:calc(40 * var(--k)); width:calc(1120 * var(--k)); height:calc(126 * var(--k)); background-color:#ffffff; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .s6__shape-2{top:calc(509 * var(--k)); left:calc(37 * var(--k)); width:calc(880 * var(--k)); height:calc(160 * var(--k))} } @media (max-width:959px){ .s6__shape-2{top:calc(818 * var(--k)); left:calc(39 * var(--k)); width:calc(560 * var(--k)); height:calc(174 * var(--k))} } @media (max-width:639px){ .s6__shape-2{top:calc(957 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(331 * var(--k))} } .s6__shape-3{position:absolute; top:calc(392 * var(--k)); left:calc(835 * var(--k)); width:calc(311 * var(--k)); height:calc(98 * var(--k)); border-radius:calc(14 * var(--k))} @media (max-width:1199px){ .s6__shape-3{top:calc(540 * var(--k)); left:calc(592 * var(--k)); width:calc(311 * var(--k)); height:calc(98 * var(--k))} } @media (max-width:959px){ .s6__shape-3{top:calc(855 * var(--k)); left:calc(322 * var(--k)); width:calc(264 * var(--k)); height:calc(98 * var(--k))} } @media (max-width:639px){ .s6__shape-3{top:calc(1141 * var(--k)); left:calc(30 * var(--k)); width:calc(260 * var(--k)); height:calc(98 * var(--k))} } .s6__polucit-besplatnuu-4{position:absolute; top:calc(281 * var(--k)); left:calc(40 * var(--k)); width:calc(265 * var(--k)); height:calc(47 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .s6__polucit-besplatnuu-4{top:calc(281 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .s6__polucit-besplatnuu-4{top:calc(712 * var(--k)); left:calc(187 * var(--k))} } @media (max-width:639px){ .s6__polucit-besplatnuu-4{top:calc(830 * var(--k)); left:calc(37 * var(--k)); width:calc(246 * var(--k)); font-size:calc(12 * var(--k))} } .s6__polucit-besplatnuu-5{position:absolute; top:calc(281 * var(--k)); left:calc(40 * var(--k)); width:calc(265 * var(--k)); height:calc(47 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .s6__polucit-besplatnuu-5{top:calc(281 * var(--k)); left:calc(40 * var(--k)); width:calc(265 * var(--k))} } @media (max-width:959px){ .s6__polucit-besplatnuu-5{top:calc(712 * var(--k)); left:calc(187 * var(--k))} } @media (max-width:639px){ .s6__polucit-besplatnuu-5{top:calc(830 * var(--k)); left:calc(37 * var(--k)); width:calc(246 * var(--k)); font-size:calc(12 * var(--k))} } .s6__shape-6{position:absolute; top:calc(95 * var(--k)); left:calc(895 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k)); border-radius:calc(20 * var(--k)); background-image:linear-gradient(0.341turn,rgba(253,226,118,1) 0%,rgba(245,172,0,1) 100%)} @media (max-width:1199px){ .s6__shape-6{top:calc(281 * var(--k)); left:calc(655 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k))} } @media (max-width:959px){ .s6__shape-6{top:calc(488 * var(--k)); left:calc(309 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k))} } @media (max-width:639px){ .s6__shape-6{top:calc(607 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(150 * var(--k))} } .s6__9-y-7{position:absolute; top:calc(105 * var(--k)); left:calc(1083 * var(--k)); width:calc(65 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s6__9-y-7{top:calc(291 * var(--k)); left:calc(843 * var(--k)); width:calc(65 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s6__9-y-7{top:calc(498 * var(--k)); left:calc(497 * var(--k)); width:calc(65 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s6__9-y-7{top:calc(617 * var(--k)); left:calc(228 * var(--k)); width:calc(61 * var(--k)); font-size:calc(12 * var(--k))} } .s6__resenie-suda-8{position:absolute; top:calc(185 * var(--k)); left:calc(923 * var(--k)); width:calc(206 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s6__resenie-suda-8{top:calc(371 * var(--k)); left:calc(683 * var(--k)); width:calc(206 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s6__resenie-suda-8{top:calc(578 * var(--k)); left:calc(341 * var(--k)); width:calc(206 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s6__resenie-suda-8{top:calc(689 * var(--k)); left:calc(48 * var(--k)); width:calc(206 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .s6__itog-9{position:absolute; top:calc(141 * var(--k)); left:calc(923 * var(--k)); width:calc(54 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s6__itog-9{top:calc(327 * var(--k)); left:calc(683 * var(--k)); width:calc(54 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s6__itog-9{top:calc(534 * var(--k)); left:calc(341 * var(--k)); width:calc(54 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s6__itog-9{top:calc(645 * var(--k)); left:calc(48 * var(--k)); width:calc(50 * var(--k)); font-size:calc(31 * var(--k)); white-space:normal} } .s6__shape-10{position:absolute; top:calc(95 * var(--k)); left:calc(610 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k)); border-radius:calc(20 * var(--k)); background-image:linear-gradient(0.341turn,rgba(255,240,181,1) 0%,rgba(254,210,42,1) 100%)} @media (max-width:1199px){ .s6__shape-10{top:calc(281 * var(--k)); left:calc(370 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k))} } @media (max-width:959px){ .s6__shape-10{top:calc(380 * var(--k)); left:calc(65 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k))} } @media (max-width:639px){ .s6__shape-10{top:calc(437 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(150 * var(--k))} } .s6__3-y-11{position:absolute; top:calc(105 * var(--k)); left:calc(798 * var(--k)); width:calc(65 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s6__3-y-11{top:calc(291 * var(--k)); left:calc(558 * var(--k)); width:calc(65 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s6__3-y-11{top:calc(390 * var(--k)); left:calc(253 * var(--k)); width:calc(65 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s6__3-y-11{top:calc(447 * var(--k)); left:calc(228 * var(--k)); width:calc(60 * var(--k)); font-size:calc(12 * var(--k))} } .s6__my-podgotavlivaem-12{position:absolute; top:calc(185 * var(--k)); left:calc(638 * var(--k)); width:calc(212 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s6__my-podgotavlivaem-12{top:calc(371 * var(--k)); left:calc(398 * var(--k)); width:calc(212 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s6__my-podgotavlivaem-12{top:calc(470 * var(--k)); left:calc(97 * var(--k)); width:calc(212 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s6__my-podgotavlivaem-12{top:calc(519 * var(--k)); left:calc(48 * var(--k)); width:calc(198 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .s6__zaavlenie-v-13{position:absolute; top:calc(141 * var(--k)); left:calc(638 * var(--k)); width:calc(166 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s6__zaavlenie-v-13{top:calc(327 * var(--k)); left:calc(398 * var(--k)); width:calc(166 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s6__zaavlenie-v-13{top:calc(426 * var(--k)); left:calc(97 * var(--k)); width:calc(166 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s6__zaavlenie-v-13{top:calc(475 * var(--k)); left:calc(48 * var(--k)); width:calc(156 * var(--k)); font-size:calc(31 * var(--k)); white-space:normal} } .s6__shape-14{position:absolute; top:calc(95 * var(--k)); left:calc(325 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k)); border-radius:calc(20 * var(--k)); background-image:linear-gradient(0.341turn,rgba(255,250,231,1) 0%,rgba(252,228,121,1) 100%)} @media (max-width:1199px){ .s6__shape-14{top:calc(95 * var(--k)); left:calc(325 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k))} } @media (max-width:959px){ .s6__shape-14{top:calc(204 * var(--k)); left:calc(310 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k))} } @media (max-width:639px){ .s6__shape-14{top:calc(267 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(150 * var(--k))} } .s6__3-y-15{position:absolute; top:calc(105 * var(--k)); left:calc(521 * var(--k)); width:calc(57 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s6__3-y-15{top:calc(105 * var(--k)); left:calc(521 * var(--k)); width:calc(57 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } @media (max-width:959px){ .s6__3-y-15{top:calc(214 * var(--k)); left:calc(506 * var(--k)); width:calc(57 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } @media (max-width:639px){ .s6__3-y-15{top:calc(277 * var(--k)); left:calc(236 * var(--k)); width:calc(53 * var(--k)); font-size:calc(12 * var(--k))} } .s6__sostavlaem-dogovor-16{position:absolute; top:calc(185 * var(--k)); left:calc(353 * var(--k)); width:calc(132 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s6__sostavlaem-dogovor-16{top:calc(185 * var(--k)); left:calc(353 * var(--k)); width:calc(132 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } @media (max-width:959px){ .s6__sostavlaem-dogovor-16{top:calc(294 * var(--k)); left:calc(342 * var(--k)); width:calc(132 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } @media (max-width:639px){ .s6__sostavlaem-dogovor-16{top:calc(349 * var(--k)); left:calc(48 * var(--k)); width:calc(121 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .s6__dogovor-17{position:absolute; top:calc(141 * var(--k)); left:calc(353 * var(--k)); width:calc(92 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s6__dogovor-17{top:calc(141 * var(--k)); left:calc(353 * var(--k)); width:calc(92 * var(--k)); font-size:calc(33 * var(--k)); white-space:normal} } @media (max-width:959px){ .s6__dogovor-17{top:calc(250 * var(--k)); left:calc(342 * var(--k)); width:calc(92 * var(--k)); font-size:calc(33 * var(--k)); white-space:normal} } @media (max-width:639px){ .s6__dogovor-17{top:calc(305 * var(--k)); left:calc(48 * var(--k)); width:calc(86 * var(--k)); font-size:calc(31 * var(--k)); white-space:normal} } .s6__shape-18{position:absolute; top:calc(95 * var(--k)); left:calc(40 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k)); border-radius:calc(20 * var(--k)); background-image:linear-gradient(0.341turn,rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%)} @media (max-width:1199px){ .s6__shape-18{top:calc(95 * var(--k)); left:calc(40 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k))} } @media (max-width:959px){ .s6__shape-18{top:calc(95 * var(--k)); left:calc(65 * var(--k)); width:calc(265 * var(--k)); height:calc(166 * var(--k))} } @media (max-width:639px){ .s6__shape-18{top:calc(95 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(152 * var(--k))} } .s6__otvecaem-na-19{position:absolute; top:calc(185 * var(--k)); left:calc(68 * var(--k)); width:calc(158 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s6__otvecaem-na-19{top:calc(185 * var(--k)); left:calc(68 * var(--k)); width:calc(158 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s6__otvecaem-na-19{top:calc(185 * var(--k)); left:calc(97 * var(--k)); width:calc(158 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s6__otvecaem-na-19{top:calc(177 * var(--k)); left:calc(48 * var(--k)); width:calc(158 * var(--k)); font-size:calc(12 * var(--k))} } .s6__1-y-20{position:absolute; top:calc(105 * var(--k)); left:calc(239 * var(--k)); width:calc(54 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222} @media (max-width:1199px){ .s6__1-y-20{top:calc(105 * var(--k)); left:calc(239 * var(--k)); width:calc(54 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s6__1-y-20{top:calc(105 * var(--k)); left:calc(264 * var(--k)); width:calc(54 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s6__1-y-20{top:calc(105 * var(--k)); left:calc(239 * var(--k)); width:calc(50 * var(--k)); font-size:calc(12 * var(--k))} } .s6__konsultacia-21{position:absolute; top:calc(141 * var(--k)); left:calc(68 * var(--k)); width:calc(146 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s6__konsultacia-21{top:calc(141 * var(--k)); left:calc(68 * var(--k)); width:calc(146 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s6__konsultacia-21{top:calc(141 * var(--k)); left:calc(97 * var(--k)); width:calc(146 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s6__konsultacia-21{top:calc(133 * var(--k)); left:calc(48 * var(--k)); width:calc(138 * var(--k)); font-size:calc(31 * var(--k))} } .s6__0-22{position:absolute; top:calc(141 * var(--k)); left:calc(221 * var(--k)); width:calc(36 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#c6c6c6; text-transform:uppercase} @media (max-width:1199px){ .s6__0-22{top:calc(141 * var(--k)); left:calc(221 * var(--k)); width:calc(36 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s6__0-22{top:calc(141 * var(--k)); left:calc(250 * var(--k)); width:calc(36 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s6__0-22{top:calc(133 * var(--k)); left:calc(192 * var(--k)); width:calc(32 * var(--k)); font-size:calc(31 * var(--k))} } .s6__6-8-23{position:absolute; top:calc(422 * var(--k)); left:calc(117 * var(--k)); width:calc(648 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s6__6-8-23{top:calc(553 * var(--k)); left:calc(70 * var(--k)); width:calc(398 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s6__6-8-23{top:calc(851 * var(--k)); left:calc(60 * var(--k)); width:calc(253 * var(--k)); font-size:calc(33 * var(--k)); white-space:normal} } @media (max-width:639px){ .s6__6-8-23{top:calc(1001 * var(--k)); left:calc(38 * var(--k)); width:calc(242 * var(--k)); font-size:calc(31 * var(--k))} } .s6__v-redkih-24{position:absolute; top:calc(422 * var(--k)); left:calc(871 * var(--k)); width:calc(246 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s6__v-redkih-24{top:calc(570 * var(--k)); left:calc(626 * var(--k)); width:calc(246 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s6__v-redkih-24{top:calc(885 * var(--k)); left:calc(334 * var(--k)); width:calc(246 * var(--k)); font-size:calc(33 * var(--k)); text-align:left; white-space:normal} } @media (max-width:639px){ .s6__v-redkih-24{top:calc(1171 * var(--k)); left:calc(44 * var(--k)); width:calc(232 * var(--k)); font-size:calc(31 * var(--k)); text-align:center} } /* ---------- rec1294131661 ---------- */ .s7{ --k:calc(100vw / 1200); position:relative; height:calc(105 * var(--k)); overflow:visible; background:#ffffff; } .s7__kto-my-1{position:absolute; top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(174 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s7__kto-my-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(174 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s7__kto-my-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(174 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s7__kto-my-1{top:calc(20 * var(--k)); left:calc(9 * var(--k)); width:calc(105 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } .s7{margin-top:30px; margin-bottom:0px} /* ---------- rec1294132671 ---------- */ .s8{ --k:calc(100vw / 1200); position:relative; height:calc(456 * var(--k)); overflow:visible; background:#ffffff; } .s8__shape-1{position:absolute; top:calc(30 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(396 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .s8__shape-1{top:calc(30 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .s8__shape-1{top:calc(30 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k)); height:calc(548 * var(--k))} } @media (max-width:639px){ .s8__shape-1{top:calc(26 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(1122 * var(--k))} } .s8__shape-2{position:absolute; top:calc(56 * var(--k)); left:calc(854 * var(--k)); width:calc(300 * var(--k)); height:calc(344 * var(--k)); border-radius:calc(16 * var(--k)); background-image:url('../img/tild3632-3136-4630-b230-373161306639__photo_1.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s8__shape-2{top:calc(56 * var(--k)); left:calc(631 * var(--k)); width:calc(289 * var(--k)); height:calc(344 * var(--k))} } @media (max-width:959px){ .s8__shape-2{top:calc(150 * var(--k)); left:calc(396 * var(--k)); width:calc(198 * var(--k)); height:calc(188 * var(--k))} } @media (max-width:639px){ .s8__shape-2{top:calc(711 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(291 * var(--k))} } .s8__shape-3{position:absolute; top:calc(56 * var(--k)); left:calc(536 * var(--k)); width:calc(300 * var(--k)); height:calc(188 * var(--k)); border-radius:calc(16 * var(--k)); background-image:url('../img/tild3435-3332-4137-b638-363133373835__office3-1.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s8__shape-3{top:calc(56 * var(--k)); left:calc(396 * var(--k)); width:calc(217 * var(--k)); height:calc(136 * var(--k))} } @media (max-width:959px){ .s8__shape-3{top:calc(364 * var(--k)); left:calc(294 * var(--k)); width:calc(300 * var(--k)); height:calc(188 * var(--k))} } @media (max-width:639px){ .s8__shape-3{top:calc(403 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(174 * var(--k))} } .s8__shape-4{position:absolute; top:calc(212 * var(--k)); left:calc(46 * var(--k)); width:calc(157 * var(--k)); height:calc(188 * var(--k)); border-radius:calc(14 * var(--k)); background-image:url('../img/tild6138-6164-4330-b135-303465313865__office1-1.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s8__shape-4{top:calc(212 * var(--k)); left:calc(46 * var(--k)); width:calc(157 * var(--k)); height:calc(188 * var(--k))} } @media (max-width:959px){ .s8__shape-4{top:calc(150 * var(--k)); left:calc(46 * var(--k)); width:calc(157 * var(--k)); height:calc(188 * var(--k))} } @media (max-width:639px){ .s8__shape-4{top:calc(232 * var(--k)); left:calc(20 * var(--k)); width:calc(135 * var(--k)); height:calc(161 * var(--k))} } .s8__shape-5{position:absolute; top:calc(212 * var(--k)); left:calc(221 * var(--k)); width:calc(157 * var(--k)); height:calc(188 * var(--k)); border-radius:calc(14 * var(--k)); background-image:url('../img/tild3634-6539-4734-b832-656163653361__office2-1.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s8__shape-5{top:calc(212 * var(--k)); left:calc(221 * var(--k)); width:calc(157 * var(--k)); height:calc(188 * var(--k))} } @media (max-width:959px){ .s8__shape-5{top:calc(150 * var(--k)); left:calc(221 * var(--k)); width:calc(157 * var(--k)); height:calc(188 * var(--k))} } @media (max-width:639px){ .s8__shape-5{top:calc(232 * var(--k)); left:calc(165 * var(--k)); width:calc(135 * var(--k)); height:calc(161 * var(--k))} } /* Кнопка «Задать вопрос» в «Кто мы»: у Тильды opacity:0 — старт entrance-анимации и ховер-переменные. Здесь — видимая тёмная кнопка-ссылка на квиз. */ .s8__zadat-vopros-6{position:absolute; top:calc(299 * var(--k)); left:calc(536 * var(--k)); width:calc(177 * var(--k)); height:calc(42 * var(--k)); display:flex; align-items:center; justify-content:center; font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; color:#fff; background:var(--dark); border-radius:calc(8 * var(--k))} .s8__zadat-vopros-6:hover{background:#000} @media (max-width:1199px){ .s8__zadat-vopros-6{top:calc(330 * var(--k)); left:calc(396 * var(--k))} } @media (max-width:959px){ .s8__zadat-vopros-6{top:calc(481 * var(--k)); left:calc(46 * var(--k))} } @media (max-width:639px){ .s8__zadat-vopros-6{top:calc(1055 * var(--k)); left:calc(83 * var(--k)); width:calc(155 * var(--k)); font-size:calc(12 * var(--k))} } .s8__nasi-sotrudniki-7{position:absolute; top:calc(132 * var(--k)); left:calc(46 * var(--k)); width:calc(470 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#222222} @media (max-width:1199px){ .s8__nasi-sotrudniki-7{top:calc(208 * var(--k)); left:calc(396 * var(--k)); width:calc(224 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s8__nasi-sotrudniki-7{top:calc(358 * var(--k)); left:calc(45 * var(--k)); width:calc(241 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s8__nasi-sotrudniki-7{top:calc(606 * var(--k)); left:calc(20 * var(--k)); width:calc(283 * var(--k)); font-size:calc(12 * var(--k))} } .s8__nasa-kompania-8{position:absolute; top:calc(52 * var(--k)); left:calc(46 * var(--k)); width:calc(472 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#222222} @media (max-width:1199px){ .s8__nasa-kompania-8{top:calc(52 * var(--k)); left:calc(46 * var(--k)); width:calc(334 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s8__nasa-kompania-8{top:calc(60 * var(--k)); left:calc(46 * var(--k)); width:calc(559 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } @media (max-width:639px){ .s8__nasa-kompania-8{top:calc(74 * var(--k)); left:calc(20 * var(--k)); width:calc(283 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .s8{margin-top:0px; margin-bottom:45px} /* ---------- rec1321296311 ---------- */ .s9{ --k:calc(100vw / 1200); position:relative; /* у артборда оригинала overflow:hidden — слайдер дел шире экрана */ height:calc(420 * var(--k)); overflow:hidden; background:#ffffff; } /* Пунктирные разделители цифры/текст: элемент h4 канвы с border 2px dotted по периметру — верх+низ дают ДВЕ пунктирные дорожки (замечание владельца). Генератор dotted-бордеры не переносит — дописано руками по CSS экспорта. */ .s9__shape-1{position:absolute; top:calc(10 * var(--k)); left:calc(20 * var(--k)); width:calc(498 * var(--k)); height:calc(4 * var(--k)); border-radius:calc(0 * var(--k)); display:none; border:calc(2 * var(--k)) dotted #d8d8d8} @media (max-width:1199px){ .s9__shape-1{width:calc(408 * var(--k))} } @media (max-width:959px){ .s9__shape-1{width:calc(424 * var(--k))} } @media (max-width:639px){ .s9__shape-1{display:block; top:calc(546 * var(--k)); left:calc(-7 * var(--k)); width:calc(368 * var(--k))} } .s9__shape-2{position:absolute; top:calc(253 * var(--k)); left:calc(497 * var(--k)); width:calc(238 * var(--k)); height:calc(4 * var(--k)); border-radius:calc(0 * var(--k)); border:calc(2 * var(--k)) dotted #f4c408} @media (max-width:1199px){ .s9__shape-2{top:calc(253 * var(--k)); left:calc(406 * var(--k)); width:calc(187 * var(--k)); height:calc(4 * var(--k))} } @media (max-width:959px){ .s9__shape-2{top:calc(222 * var(--k)); left:calc(422 * var(--k))} } @media (max-width:639px){ .s9__shape-2{top:calc(546 * var(--k)); left:calc(123 * var(--k))} } .s9__shape-3{position:absolute; top:calc(186 * var(--k)); left:calc(20 * var(--k)); width:calc(2 * var(--k)); height:calc(210 * var(--k)); background-color:#b1b1b1; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-3{top:calc(186 * var(--k))} } @media (max-width:959px){ .s9__shape-3{top:calc(155 * var(--k)); left:calc(30 * var(--k)); width:calc(2 * var(--k)); height:calc(218 * var(--k))} } @media (max-width:639px){ .s9__shape-3{top:calc(115 * var(--k)); left:calc(10 * var(--k)); width:calc(171 * var(--k)); height:calc(166 * var(--k))} } .s9__shape-4{position:absolute; top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(498 * var(--k)); height:calc(4 * var(--k)); border-radius:calc(0 * var(--k)); display:none; border:calc(2 * var(--k)) dotted #d8d8d8} @media (max-width:1199px){ .s9__shape-4{width:calc(408 * var(--k))} } @media (max-width:959px){ .s9__shape-4{width:calc(424 * var(--k))} } @media (max-width:639px){ .s9__shape-4{display:block; top:calc(361 * var(--k)); left:calc(-7 * var(--k)); width:calc(368 * var(--k))} } .s9__shape-5{position:absolute; top:calc(186 * var(--k)); left:calc(258 * var(--k)); width:calc(2 * var(--k)); height:calc(210 * var(--k)); background-color:#b1b1b1; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-5{top:calc(186 * var(--k)); left:calc(191 * var(--k)); width:calc(2 * var(--k)); height:calc(210 * var(--k))} } @media (max-width:959px){ .s9__shape-5{top:calc(155 * var(--k)); left:calc(201 * var(--k)); height:calc(218 * var(--k))} } @media (max-width:639px){ .s9__shape-5{top:calc(301 * var(--k)); left:calc(50 * var(--k)); width:calc(222 * var(--k)); height:calc(165 * var(--k))} } .s9__uspesno-zaversennye-6{position:absolute; top:calc(358 * var(--k)); left:calc(511 * var(--k)); width:calc(166 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#222222} @media (max-width:1199px){ .s9__uspesno-zaversennye-6{top:calc(358 * var(--k)); left:calc(420 * var(--k)); width:calc(166 * var(--k)); font-size:calc(15 * var(--k)); white-space:normal} } @media (max-width:959px){ .s9__uspesno-zaversennye-6{top:calc(327 * var(--k)); left:calc(436 * var(--k)); width:calc(166 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s9__uspesno-zaversennye-6{top:calc(587 * var(--k)); left:calc(137 * var(--k)); width:calc(166 * var(--k)); font-size:calc(14 * var(--k))} } .s9__polucili-uridiceskuu-7{position:absolute; top:calc(358 * var(--k)); left:calc(271 * var(--k)); width:calc(176 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#222222} @media (max-width:1199px){ .s9__polucili-uridiceskuu-7{top:calc(358 * var(--k)); left:calc(204 * var(--k)); width:calc(176 * var(--k)); font-size:calc(15 * var(--k)); white-space:normal} } @media (max-width:959px){ .s9__polucili-uridiceskuu-7{top:calc(327 * var(--k)); left:calc(214 * var(--k)); width:calc(176 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s9__polucili-uridiceskuu-7{top:calc(394 * var(--k)); left:calc(63 * var(--k)); width:calc(176 * var(--k)); font-size:calc(14 * var(--k)); white-space:normal} } .s9__opyt-v-8{position:absolute; top:calc(358 * var(--k)); left:calc(33 * var(--k)); width:calc(154 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#222222} @media (max-width:1199px){ .s9__opyt-v-8{top:calc(358 * var(--k)); left:calc(33 * var(--k)); width:calc(154 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .s9__opyt-v-8{top:calc(327 * var(--k)); left:calc(43 * var(--k)); width:calc(154 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s9__opyt-v-8{top:calc(208 * var(--k)); left:calc(23 * var(--k)); width:calc(154 * var(--k)); font-size:calc(14 * var(--k))} } .s9__shape-9{position:absolute; top:calc(253 * var(--k)); left:calc(0 * var(--k)); width:calc(498 * var(--k)); height:calc(4 * var(--k)); border-radius:calc(0 * var(--k)); border:calc(2 * var(--k)) dotted #d8d8d8} @media (max-width:1199px){ .s9__shape-9{top:calc(253 * var(--k)); width:calc(408 * var(--k))} } @media (max-width:959px){ .s9__shape-9{top:calc(222 * var(--k)); width:calc(424 * var(--k))} } @media (max-width:639px){ .s9__shape-9{top:calc(174 * var(--k)); left:calc(-7 * var(--k)); width:calc(368 * var(--k))} } .s9__shape-10{position:absolute; top:calc(186 * var(--k)); left:calc(497 * var(--k)); width:calc(3 * var(--k)); height:calc(210 * var(--k)); background-color:#f4c408; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-10{top:calc(186 * var(--k)); left:calc(406 * var(--k)); width:calc(3 * var(--k)); height:calc(210 * var(--k))} } @media (max-width:959px){ .s9__shape-10{top:calc(155 * var(--k)); left:calc(422 * var(--k)); width:calc(3 * var(--k)); height:calc(289 * var(--k))} } @media (max-width:639px){ .s9__shape-10{top:calc(479 * var(--k)); left:calc(123 * var(--k)); width:calc(3 * var(--k)); height:calc(222 * var(--k))} } .s9__shape-11{position:absolute; top:calc(186 * var(--k)); left:calc(20 * var(--k)); width:calc(240 * var(--k)); height:calc(68 * var(--k)); background-color:#f4c408; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-11{top:calc(186 * var(--k)); width:calc(171 * var(--k))} } @media (max-width:959px){ .s9__shape-11{top:calc(155 * var(--k)); left:calc(30 * var(--k))} } @media (max-width:639px){ .s9__shape-11{top:calc(107 * var(--k)); left:calc(10 * var(--k))} } .s9__shape-12{position:absolute; top:calc(186 * var(--k)); left:calc(20 * var(--k)); width:calc(241 * var(--k)); height:calc(68 * var(--k)); background-color:#f4c408; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-12{top:calc(186 * var(--k)); width:calc(171 * var(--k))} } @media (max-width:959px){ .s9__shape-12{top:calc(155 * var(--k)); left:calc(30 * var(--k))} } @media (max-width:639px){ .s9__shape-12{top:calc(107 * var(--k)); left:calc(10 * var(--k))} } .s9__shape-13{position:absolute; top:calc(186 * var(--k)); left:calc(258 * var(--k)); width:calc(241 * var(--k)); height:calc(68 * var(--k)); background-color:#f4c408; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-13{top:calc(186 * var(--k)); left:calc(191 * var(--k)); width:calc(220 * var(--k)); height:calc(68 * var(--k))} } @media (max-width:959px){ .s9__shape-13{top:calc(155 * var(--k)); left:calc(201 * var(--k)); width:calc(222 * var(--k))} } @media (max-width:639px){ .s9__shape-13{top:calc(293 * var(--k)); left:calc(49 * var(--k)); width:calc(222 * var(--k)); height:calc(68 * var(--k))} } .s9__shape-14{position:absolute; top:calc(186 * var(--k)); left:calc(259 * var(--k)); width:calc(241 * var(--k)); height:calc(68 * var(--k)); background-color:#f4c408; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-14{top:calc(186 * var(--k)); left:calc(191 * var(--k)); width:calc(220 * var(--k)); height:calc(68 * var(--k))} } @media (max-width:959px){ .s9__shape-14{top:calc(155 * var(--k)); left:calc(201 * var(--k)); width:calc(222 * var(--k))} } @media (max-width:639px){ .s9__shape-14{top:calc(293 * var(--k)); left:calc(50 * var(--k)); width:calc(222 * var(--k)); height:calc(68 * var(--k))} } .s9__shape-15{position:absolute; top:calc(186 * var(--k)); left:calc(497 * var(--k)); width:calc(238 * var(--k)); height:calc(68 * var(--k)); background-color:#f4c408; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-15{top:calc(186 * var(--k)); left:calc(406 * var(--k)); width:calc(187 * var(--k)); height:calc(68 * var(--k))} } @media (max-width:959px){ .s9__shape-15{top:calc(155 * var(--k)); left:calc(422 * var(--k))} } @media (max-width:639px){ .s9__shape-15{top:calc(479 * var(--k)); left:calc(123 * var(--k))} } .s9__shape-16{position:absolute; top:calc(186 * var(--k)); left:calc(497 * var(--k)); width:calc(238 * var(--k)); height:calc(68 * var(--k)); background-color:#f4c408; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-16{top:calc(186 * var(--k)); left:calc(406 * var(--k)); width:calc(187 * var(--k)); height:calc(68 * var(--k))} } @media (max-width:959px){ .s9__shape-16{top:calc(155 * var(--k)); left:calc(422 * var(--k))} } @media (max-width:639px){ .s9__shape-16{top:calc(479 * var(--k)); left:calc(123 * var(--k))} } .s9__let-17{position:absolute; top:calc(198 * var(--k)); left:calc(68 * var(--k)); width:calc(36 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222} @media (max-width:1199px){ .s9__let-17{top:calc(198 * var(--k)); left:calc(68 * var(--k)); width:calc(36 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s9__let-17{top:calc(169 * var(--k)); left:calc(78 * var(--k)); width:calc(36 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s9__let-17{top:calc(119 * var(--k)); left:calc(47 * var(--k)); width:calc(34 * var(--k)); font-size:calc(31 * var(--k))} } .s9__8-18{position:absolute; top:calc(180 * var(--k)); left:calc(33 * var(--k)); width:calc(32 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s9__8-18{top:calc(180 * var(--k)); left:calc(33 * var(--k)); width:calc(32 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s9__8-18{top:calc(151 * var(--k)); left:calc(43 * var(--k)); width:calc(32 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s9__8-18{top:calc(116 * var(--k)); left:calc(23 * var(--k)); width:calc(20 * var(--k)); font-size:calc(40 * var(--k))} } .s9__klientov-19{position:absolute; top:calc(198 * var(--k)); left:calc(379 * var(--k)); width:calc(93 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222} @media (max-width:1199px){ .s9__klientov-19{top:calc(198 * var(--k)); left:calc(312 * var(--k)); width:calc(93 * var(--k)); font-size:calc(33 * var(--k)); white-space:normal} } @media (max-width:959px){ .s9__klientov-19{top:calc(169 * var(--k)); left:calc(322 * var(--k)); width:calc(93 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s9__klientov-19{top:calc(305 * var(--k)); left:calc(131 * var(--k)); width:calc(88 * var(--k)); font-size:calc(31 * var(--k)); white-space:normal} } .s9__1-800-20{position:absolute; top:calc(180 * var(--k)); left:calc(271 * var(--k)); width:calc(105 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s9__1-800-20{top:calc(180 * var(--k)); left:calc(204 * var(--k)); width:calc(105 * var(--k)); font-size:calc(66 * var(--k)); white-space:normal} } @media (max-width:959px){ .s9__1-800-20{top:calc(151 * var(--k)); left:calc(214 * var(--k)); width:calc(105 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s9__1-800-20{top:calc(302 * var(--k)); left:calc(63 * var(--k)); width:calc(64 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } .s9__klienta-21{position:absolute; top:calc(198 * var(--k)); left:calc(595 * var(--k)); width:calc(82 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222} @media (max-width:1199px){ .s9__klienta-21{top:calc(198 * var(--k)); left:calc(504 * var(--k)); width:calc(82 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s9__klienta-21{top:calc(169 * var(--k)); left:calc(520 * var(--k)); width:calc(82 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s9__klienta-21{top:calc(491 * var(--k)); left:calc(190 * var(--k)); width:calc(76 * var(--k)); font-size:calc(31 * var(--k))} } .s9__502-22{position:absolute; top:calc(180 * var(--k)); left:calc(511 * var(--k)); width:calc(78 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s9__502-22{top:calc(180 * var(--k)); left:calc(420 * var(--k)); width:calc(78 * var(--k)); font-size:calc(66 * var(--k)); white-space:normal} } @media (max-width:959px){ .s9__502-22{top:calc(151 * var(--k)); left:calc(436 * var(--k)); width:calc(78 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s9__502-22{top:calc(488 * var(--k)); left:calc(137 * var(--k)); width:calc(48 * var(--k)); font-size:calc(40 * var(--k))} } .s9__shape-23{position:absolute; top:calc(27 * var(--k)); left:calc(833 * var(--k)); width:calc(347 * var(--k)); height:calc(372 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.078turn,rgba(223,136,11,1) 0%,rgba(245,211,75,1) 100%)} @media (max-width:1199px){ .s9__shape-23{top:calc(27 * var(--k)); left:calc(593 * var(--k))} } @media (max-width:959px){ .s9__shape-23{top:calc(438 * var(--k)); left:calc(147 * var(--k)); width:calc(347 * var(--k)); height:calc(372 * var(--k))} } @media (max-width:639px){ .s9__shape-23{top:calc(692 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(321 * var(--k))} } .s9__image-24{position:absolute; top:calc(149 * var(--k)); left:calc(839 * var(--k)); width:calc(330 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__image-24{top:calc(149 * var(--k)); left:calc(599 * var(--k))} } @media (max-width:959px){ .s9__image-24{top:calc(560 * var(--k)); left:calc(152 * var(--k))} } @media (max-width:639px){ .s9__image-24{top:calc(800 * var(--k)); left:calc(18 * var(--k)); width:calc(281 * var(--k))} } .s9__izbavlenie-ot-25{position:absolute; top:calc(100 * var(--k)); left:calc(852 * var(--k)); width:calc(308 * var(--k)); font-size:calc(17 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .s9__izbavlenie-ot-25{top:calc(100 * var(--k)); left:calc(612 * var(--k)); width:calc(308 * var(--k)); font-size:calc(17 * var(--k))} } @media (max-width:959px){ .s9__izbavlenie-ot-25{top:calc(511 * var(--k)); left:calc(165 * var(--k)); width:calc(308 * var(--k)); font-size:calc(17 * var(--k))} } @media (max-width:639px){ .s9__izbavlenie-ot-25{top:calc(765 * var(--k)); left:calc(26 * var(--k)); width:calc(268 * var(--k)); font-size:calc(15 * var(--k))} } .s9__dela-o-26{position:absolute; top:calc(56 * var(--k)); left:calc(888 * var(--k)); width:calc(236 * var(--k)); font-size:calc(34 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .s9__dela-o-26{top:calc(56 * var(--k)); left:calc(648 * var(--k)); width:calc(236 * var(--k)); font-size:calc(34 * var(--k))} } @media (max-width:959px){ .s9__dela-o-26{top:calc(467 * var(--k)); left:calc(201 * var(--k)); width:calc(236 * var(--k)); font-size:calc(34 * var(--k))} } @media (max-width:639px){ .s9__dela-o-26{top:calc(721 * var(--k)); left:calc(51 * var(--k)); width:calc(219 * var(--k)); font-size:calc(32 * var(--k))} } .s9__gallery-27{position:absolute; top:calc(203 * var(--k)); left:calc(912 * var(--k)); width:calc(188 * var(--k)); height:calc(252 * var(--k)); font-size:calc(14 * var(--k)); font-family:var(--font-display); font-weight:400; line-height:1.55; text-align:center} @media (max-width:1199px){ .s9__gallery-27{top:calc(203 * var(--k)); left:calc(672 * var(--k))} } @media (max-width:959px){ .s9__gallery-27{top:calc(614 * var(--k)); left:calc(225 * var(--k))} } @media (max-width:639px){ .s9__gallery-27{top:calc(845 * var(--k)); left:calc(81 * var(--k)); width:calc(158 * var(--k)); height:calc(213 * var(--k))} } .s9__shape-28{position:absolute; top:calc(399 * var(--k)); left:calc(839 * var(--k)); width:calc(330 * var(--k)); height:calc(63 * var(--k)); background-color:#ffffff; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .s9__shape-28{top:calc(399 * var(--k)); left:calc(599 * var(--k))} } @media (max-width:959px){ .s9__shape-28{top:calc(810 * var(--k)); left:calc(152 * var(--k))} } @media (max-width:639px){ .s9__shape-28{top:calc(1013 * var(--k)); left:calc(2 * var(--k)); width:calc(318 * var(--k)); height:calc(45 * var(--k))} } .s9__otkryt-arhiv-29{position:absolute; top:calc(357 * var(--k)); left:calc(946 * var(--k)); width:calc(119 * var(--k)); height:calc(32 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .s9__otkryt-arhiv-29{top:calc(357 * var(--k)); left:calc(706 * var(--k))} } @media (max-width:959px){ .s9__otkryt-arhiv-29{top:calc(768 * var(--k)); left:calc(259 * var(--k))} } @media (max-width:639px){ .s9__otkryt-arhiv-29{top:calc(974 * var(--k)); left:calc(103 * var(--k)); width:calc(115 * var(--k)); font-size:calc(11 * var(--k))} } .s9__otkryt-arhiv-30{position:absolute; top:calc(357 * var(--k)); left:calc(946 * var(--k)); width:calc(119 * var(--k)); height:calc(32 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#ffffff; text-align:center; background-color:var(--t396-bgcolor-color,transparent); border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .s9__otkryt-arhiv-30{top:calc(357 * var(--k)); left:calc(706 * var(--k))} } @media (max-width:959px){ .s9__otkryt-arhiv-30{top:calc(768 * var(--k)); left:calc(259 * var(--k)); width:calc(119 * var(--k))} } @media (max-width:639px){ .s9__otkryt-arhiv-30{top:calc(974 * var(--k)); left:calc(103 * var(--k)); width:calc(115 * var(--k)); font-size:calc(11 * var(--k))} } .s9__image-31{position:absolute; top:calc(25 * var(--k)); left:calc(793 * var(--k)); width:calc(62 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__image-31{top:calc(25 * var(--k)); left:calc(553 * var(--k))} } @media (max-width:959px){ .s9__image-31{top:calc(436 * var(--k)); left:calc(107 * var(--k))} } @media (max-width:639px){ .s9__image-31{top:calc(64 * var(--k)); left:calc(265 * var(--k)); width:calc(46 * var(--k))} } .s9__shape-32{position:absolute; top:calc(228 * var(--k)); left:calc(946 * var(--k)); width:calc(119 * var(--k)); height:calc(171 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-32{top:calc(228 * var(--k)); left:calc(706 * var(--k))} } @media (max-width:959px){ .s9__shape-32{top:calc(639 * var(--k)); left:calc(259 * var(--k))} } @media (max-width:639px){ .s9__shape-32{top:calc(858 * var(--k)); left:calc(115 * var(--k)); width:calc(89 * var(--k)); height:calc(155 * var(--k))} } .s9__shape-33{position:absolute; top:calc(186 * var(--k)); left:calc(21 * var(--k)); width:calc(237 * var(--k)); height:calc(210 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-33{top:calc(186 * var(--k)); left:calc(21 * var(--k)); width:calc(172 * var(--k)); height:calc(210 * var(--k))} } @media (max-width:959px){ .s9__shape-33{top:calc(155 * var(--k)); left:calc(32 * var(--k)); width:calc(170 * var(--k)); height:calc(210 * var(--k))} } @media (max-width:639px){ .s9__shape-33{top:calc(107 * var(--k)); left:calc(11 * var(--k)); height:calc(174 * var(--k))} } .s9__shape-34{position:absolute; top:calc(186 * var(--k)); left:calc(259 * var(--k)); width:calc(239 * var(--k)); height:calc(210 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-34{top:calc(186 * var(--k)); left:calc(192 * var(--k)); width:calc(217 * var(--k)); height:calc(216 * var(--k))} } @media (max-width:959px){ .s9__shape-34{top:calc(155 * var(--k)); left:calc(202 * var(--k)); width:calc(221 * var(--k)); height:calc(210 * var(--k))} } @media (max-width:639px){ .s9__shape-34{top:calc(293 * var(--k)); left:calc(50 * var(--k)); height:calc(173 * var(--k))} } .s9__shape-35{position:absolute; top:calc(186 * var(--k)); left:calc(497 * var(--k)); width:calc(239 * var(--k)); height:calc(210 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s9__shape-35{top:calc(186 * var(--k)); left:calc(408 * var(--k)); width:calc(185 * var(--k)); height:calc(216 * var(--k))} } @media (max-width:959px){ .s9__shape-35{top:calc(155 * var(--k)); left:calc(424 * var(--k)); height:calc(210 * var(--k))} } @media (max-width:639px){ .s9__shape-35{top:calc(479 * var(--k)); left:calc(126 * var(--k)); height:calc(213 * var(--k))} } .s9__pocemu-vybiraut-36{position:absolute; top:calc(11 * var(--k)); left:calc(19 * var(--k)); width:calc(454 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#f4c408; text-transform:uppercase} @media (max-width:1199px){ .s9__pocemu-vybiraut-36{top:calc(11 * var(--k)); left:calc(19 * var(--k)); width:calc(454 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s9__pocemu-vybiraut-36{top:calc(11 * var(--k)); left:calc(19 * var(--k)); width:calc(454 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s9__pocemu-vybiraut-36{top:calc(11 * var(--k)); left:calc(9 * var(--k)); width:calc(276 * var(--k)); font-size:calc(40 * var(--k))} } .s9{margin-top:0px; margin-bottom:30px} /* ---------- rec1294134911 ---------- */ .s10{ --k:calc(100vw / 1200); position:relative; height:calc(175 * var(--k)); overflow:visible; background:#ffffff; } .s10__otzyvy-nasih-1{position:absolute; top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(369 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s10__otzyvy-nasih-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(369 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s10__otzyvy-nasih-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(369 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s10__otzyvy-nasih-1{top:calc(25 * var(--k)); left:calc(9 * var(--k)); width:calc(230 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } .s10{margin-top:30px; margin-bottom:0px} /* ---------- rec1713162391 ---------- */ .s11{ --k:calc(100vw / 1200); position:relative; height:calc(295 * var(--k)); overflow:visible; background:#ffffff; } .s11__gallery-1{position:absolute; top:calc(-67 * var(--k)); left:calc(990 * var(--k)); width:calc(152 * var(--k)); height:calc(326 * var(--k)); font-size:calc(14 * var(--k)); font-family:var(--font-display); font-weight:400; line-height:1.55; text-align:center} @media (max-width:1199px){ .s11__gallery-1{top:calc(-67 * var(--k)); left:calc(1225 * var(--k)); width:calc(152 * var(--k)); height:calc(326 * var(--k))} } @media (max-width:959px){ .s11__gallery-1{top:calc(303 * var(--k)); left:calc(406 * var(--k)); width:calc(142 * var(--k)); height:calc(308 * var(--k))} } @media (max-width:639px){ .s11__gallery-1{top:calc(564 * var(--k)); left:calc(89 * var(--k)); width:calc(142 * var(--k)); height:calc(308 * var(--k))} } .s11__image-2{position:absolute; top:calc(-74 * var(--k)); left:calc(781 * var(--k)); width:calc(368 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s11__image-2{top:calc(-74 * var(--k)); left:calc(1016 * var(--k)); width:calc(368 * var(--k))} } @media (max-width:959px){ .s11__image-2{top:calc(298 * var(--k)); left:calc(210 * var(--k)); width:calc(345 * var(--k))} } @media (max-width:639px){ .s11__image-2{top:calc(559 * var(--k)); left:calc(-107 * var(--k)); width:calc(345 * var(--k))} } .s11__shape-3{position:absolute; top:calc(33 * var(--k)); left:calc(572 * var(--k)); width:calc(3 * var(--k)); height:calc(166 * var(--k)); background-color:#f4c408; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s11__shape-3{left:calc(572 * var(--k))} } @media (max-width:959px){ .s11__shape-3{top:calc(296 * var(--k)); left:calc(20 * var(--k)); height:calc(186 * var(--k))} } @media (max-width:639px){ .s11__shape-3{top:calc(319 * var(--k)); left:calc(10 * var(--k))} } .s11__my-horoso-4{position:absolute; top:calc(30 * var(--k)); left:calc(592 * var(--k)); width:calc(343 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#222222} @media (max-width:1199px){ .s11__my-horoso-4{top:calc(30 * var(--k)); left:calc(593 * var(--k)); width:calc(343 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s11__my-horoso-4{top:calc(293 * var(--k)); left:calc(39 * var(--k)); width:calc(297 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s11__my-horoso-4{top:calc(316 * var(--k)); left:calc(24 * var(--k)); width:calc(276 * var(--k)); font-size:calc(12 * var(--k))} } .s11__zadat-vopros-5{position:absolute; top:calc(157 * var(--k)); left:calc(592 * var(--k)); width:calc(177 * var(--k)); height:calc(42 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .s11__zadat-vopros-5{top:calc(157 * var(--k)); left:calc(593 * var(--k))} } @media (max-width:959px){ .s11__zadat-vopros-5{top:calc(440 * var(--k)); left:calc(39 * var(--k))} } @media (max-width:639px){ .s11__zadat-vopros-5{top:calc(445 * var(--k)); left:calc(24 * var(--k)); width:calc(155 * var(--k)); font-size:calc(12 * var(--k))} } .s11__shape-6{position:absolute; top:calc(32 * var(--k)); left:calc(20 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k)); border-radius:calc(12 * var(--k)); background-image:url('../img/tild6136-6338-4464-b931-336166636461__2_11.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s11__shape-6{top:calc(32 * var(--k)); left:calc(20 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:959px){ .s11__shape-6{top:calc(32 * var(--k)); left:calc(20 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:639px){ .s11__shape-6{top:calc(32 * var(--k)); left:calc(10 * var(--k)); width:calc(157 * var(--k)); height:calc(218 * var(--k))} } .s11__shape-7{position:absolute; top:calc(32 * var(--k)); left:calc(20 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k)); border-radius:calc(12 * var(--k)); background-image:linear-gradient(0.581turn,rgba(244,196,8,0.39) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .s11__shape-7{top:calc(32 * var(--k)); left:calc(20 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:959px){ .s11__shape-7{top:calc(32 * var(--k)); left:calc(20 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:639px){ .s11__shape-7{top:calc(32 * var(--k)); left:calc(10 * var(--k)); width:calc(157 * var(--k)); height:calc(218 * var(--k))} } .s11__image-8{position:absolute; top:calc(41 * var(--k)); left:calc(126 * var(--k)); width:calc(51 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s11__image-8{top:calc(41 * var(--k)); left:calc(126 * var(--k))} } @media (max-width:959px){ .s11__image-8{top:calc(41 * var(--k)); left:calc(126 * var(--k))} } @media (max-width:639px){ .s11__image-8{top:calc(40 * var(--k)); left:calc(111 * var(--k)); width:calc(48 * var(--k))} } .s11__shape-9{position:absolute; top:calc(32 * var(--k)); left:calc(204 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k)); border-radius:calc(12 * var(--k)); background-image:url('../img/tild3533-3439-4538-b637-613433653866__3_11.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s11__shape-9{top:calc(32 * var(--k)); left:calc(204 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:959px){ .s11__shape-9{top:calc(32 * var(--k)); left:calc(204 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:639px){ .s11__shape-9{top:calc(32 * var(--k)); left:calc(177 * var(--k)); width:calc(157 * var(--k)); height:calc(218 * var(--k))} } .s11__shape-10{position:absolute; top:calc(32 * var(--k)); left:calc(204 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k)); border-radius:calc(12 * var(--k)); background-image:linear-gradient(0.581turn,rgba(244,196,8,0.39) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .s11__shape-10{top:calc(32 * var(--k)); left:calc(204 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:959px){ .s11__shape-10{top:calc(32 * var(--k)); left:calc(204 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:639px){ .s11__shape-10{top:calc(32 * var(--k)); left:calc(177 * var(--k)); width:calc(157 * var(--k)); height:calc(218 * var(--k))} } .s11__image-11{position:absolute; top:calc(41 * var(--k)); left:calc(310 * var(--k)); width:calc(51 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s11__image-11{top:calc(41 * var(--k)); left:calc(310 * var(--k))} } @media (max-width:959px){ .s11__image-11{top:calc(41 * var(--k)); left:calc(310 * var(--k))} } @media (max-width:639px){ .s11__image-11{top:calc(40 * var(--k)); left:calc(278 * var(--k)); width:calc(48 * var(--k))} } .s11__shape-12{position:absolute; top:calc(32 * var(--k)); left:calc(388 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k)); border-radius:calc(12 * var(--k)); background-image:url('../img/tild3864-3538-4739-a633-393030303365__1_11.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .s11__shape-12{top:calc(32 * var(--k)); left:calc(388 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:959px){ .s11__shape-12{top:calc(32 * var(--k)); left:calc(388 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:639px){ .s11__shape-12{top:calc(32 * var(--k)); left:calc(344 * var(--k)); width:calc(157 * var(--k)); height:calc(218 * var(--k))} } .s11__shape-13{position:absolute; top:calc(32 * var(--k)); left:calc(388 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k)); border-radius:calc(12 * var(--k)); background-image:linear-gradient(0.581turn,rgba(244,196,8,0.39) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .s11__shape-13{top:calc(32 * var(--k)); left:calc(388 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:959px){ .s11__shape-13{top:calc(32 * var(--k)); left:calc(388 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} } @media (max-width:639px){ .s11__shape-13{top:calc(32 * var(--k)); left:calc(344 * var(--k)); width:calc(157 * var(--k)); height:calc(218 * var(--k))} } .s11__image-14{position:absolute; top:calc(41 * var(--k)); left:calc(494 * var(--k)); width:calc(51 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s11__image-14{top:calc(41 * var(--k)); left:calc(494 * var(--k))} } @media (max-width:959px){ .s11__image-14{top:calc(41 * var(--k)); left:calc(494 * var(--k))} } @media (max-width:639px){ .s11__image-14{top:calc(40 * var(--k)); left:calc(445 * var(--k)); width:calc(48 * var(--k))} } .s11{margin-top:0px; margin-bottom:15px} /* ---------- rec1294143261 ---------- */ .s12{ --k:calc(100vw / 1200); position:relative; height:calc(85 * var(--k)); overflow:visible; background:#ffffff; } .s12__proydite-anonimnyy-1{position:absolute; top:calc(26 * var(--k)); left:calc(120 * var(--k)); width:calc(753 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.25; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s12__proydite-anonimnyy-1{top:calc(26 * var(--k)); left:calc(120 * var(--k)); width:calc(753 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .s12__proydite-anonimnyy-1{top:calc(26 * var(--k)); left:calc(20 * var(--k)); width:calc(533 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .s12__proydite-anonimnyy-1{top:calc(26 * var(--k)); left:calc(10 * var(--k)); width:calc(256 * var(--k)); font-size:calc(31 * var(--k))} } .s12{margin-top:45px; margin-bottom:15px} /* ---------- rec1294146261 ---------- */ .s13{ --k:calc(100vw / 1200); position:relative; height:calc(10 * var(--k)); overflow:visible; background:#ffffff; } .s13__faq-1{position:absolute; top:calc(47 * var(--k)); left:calc(19 * var(--k)); width:calc(72 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#f4c408} @media (max-width:1199px){ .s13__faq-1{top:calc(47 * var(--k)); left:calc(19 * var(--k)); width:calc(72 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s13__faq-1{top:calc(41 * var(--k)); left:calc(19 * var(--k)); width:calc(72 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s13__faq-1{top:calc(26 * var(--k)); left:calc(10 * var(--k)); width:calc(45 * var(--k)); font-size:calc(39 * var(--k))} } .s13__vopros-otvet-2{position:absolute; top:calc(36 * var(--k)); left:calc(20 * var(--k)); width:calc(72 * var(--k)); font-size:calc(16 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s13__vopros-otvet-2{top:calc(36 * var(--k)); left:calc(20 * var(--k)); width:calc(72 * var(--k)); font-size:calc(16 * var(--k))} } @media (max-width:959px){ .s13__vopros-otvet-2{top:calc(30 * var(--k)); left:calc(20 * var(--k)); width:calc(72 * var(--k)); font-size:calc(16 * var(--k))} } @media (max-width:639px){ .s13__vopros-otvet-2{top:calc(19 * var(--k)); left:calc(11 * var(--k)); width:calc(44 * var(--k)); font-size:calc(9 * var(--k))} } .s13{margin-top:30px; margin-bottom:0px} /* ---------- rec1294152391 ---------- */ .s14{ --k:calc(100vw / 1200); position:relative; height:calc(10 * var(--k)); overflow:visible; background:#ffffff; } .s14__shape-1{position:absolute; top:calc(-97 * var(--k)); left:calc(113 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .s14__shape-1{top:calc(-97 * var(--k)); left:calc(113 * var(--k))} } @media (max-width:959px){ .s14__shape-1{top:calc(94 * var(--k)); left:calc(115 * var(--k))} } @media (max-width:639px){ .s14__shape-1{top:calc(84 * var(--k)); left:calc(100 * var(--k))} } .s14__online-2{position:absolute; top:calc(-101 * var(--k)); left:calc(130 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .s14__online-2{top:calc(-101 * var(--k)); left:calc(130 * var(--k))} } @media (max-width:959px){ .s14__online-2{top:calc(90 * var(--k)); left:calc(132 * var(--k))} } @media (max-width:639px){ .s14__online-2{top:calc(81 * var(--k)); left:calc(117 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k))} } .s14__image-3{position:absolute; top:calc(-111 * var(--k)); left:calc(20 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:959px){ .s14__image-3{top:calc(80 * var(--k))} } @media (max-width:639px){ .s14__image-3{top:calc(71 * var(--k)); left:calc(10 * var(--k)); width:calc(32 * var(--k))} } .s14__image-4{position:absolute; top:calc(-111 * var(--k)); left:calc(20 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:959px){ .s14__image-4{top:calc(80 * var(--k))} } @media (max-width:639px){ .s14__image-4{top:calc(70 * var(--k)); left:calc(10 * var(--k)); width:calc(31 * var(--k))} } .s14__image-5{position:absolute; top:calc(-111 * var(--k)); left:calc(68 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:959px){ .s14__image-5{top:calc(80 * var(--k)); left:calc(70 * var(--k))} } @media (max-width:639px){ .s14__image-5{top:calc(71 * var(--k)); left:calc(57 * var(--k)); width:calc(32 * var(--k))} } .s14__image-6{position:absolute; top:calc(-111 * var(--k)); left:calc(68 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:959px){ .s14__image-6{top:calc(80 * var(--k))} } @media (max-width:639px){ .s14__image-6{top:calc(71 * var(--k)); left:calc(56 * var(--k)); width:calc(31 * var(--k))} } .s14__vozmojno-vy-7{position:absolute; top:calc(-169 * var(--k)); left:calc(20 * var(--k)); width:calc(186 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222} @media (max-width:1199px){ .s14__vozmojno-vy-7{top:calc(-169 * var(--k)); left:calc(20 * var(--k)); width:calc(186 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .s14__vozmojno-vy-7{top:calc(22 * var(--k)); left:calc(20 * var(--k)); width:calc(186 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:639px){ .s14__vozmojno-vy-7{top:calc(13 * var(--k)); left:calc(10 * var(--k)); width:calc(170 * var(--k)); font-size:calc(11 * var(--k))} } /* ---------- rec1294153851 ---------- */ .s15{ --k:calc(100vw / 1200); position:relative; height:calc(105 * var(--k)); overflow:visible; background:#ffffff; } .s15__vse-stati-1{position:absolute; top:calc(42 * var(--k)); left:calc(464 * var(--k)); width:calc(166 * var(--k)); height:calc(42 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .s15__vse-stati-1{top:calc(42 * var(--k)); left:calc(464 * var(--k)); white-space:normal} } @media (max-width:959px){ .s15__vse-stati-1{top:calc(42 * var(--k)); left:calc(454 * var(--k)); white-space:normal} } @media (max-width:639px){ .s15__vse-stati-1{top:calc(89 * var(--k)); left:calc(159 * var(--k)); width:calc(151 * var(--k)); height:calc(38 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .s15__poslednie-novosti-2{position:absolute; top:calc(24 * var(--k)); left:calc(19 * var(--k)); width:calc(400 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s15__poslednie-novosti-2{top:calc(24 * var(--k)); left:calc(19 * var(--k)); width:calc(400 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s15__poslednie-novosti-2{top:calc(24 * var(--k)); left:calc(19 * var(--k)); width:calc(400 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s15__poslednie-novosti-2{top:calc(24 * var(--k)); left:calc(9 * var(--k)); width:calc(254 * var(--k)); font-size:calc(40 * var(--k))} } /* ---------- rec1294154771 ---------- */ .s16{ --k:calc(100vw / 1200); position:relative; height:calc(80 * var(--k)); overflow:visible; background:#ffffff; } /* ---------- rec1302933221 ---------- */ .s17{ --k:calc(100vw / 1200); position:relative; height:calc(454 * var(--k)); overflow:visible; background:#ffffff; } .s17__shape-1{position:absolute; top:calc(23 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(408 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .s17__shape-1{top:calc(27 * var(--k)); width:calc(920 * var(--k)); height:calc(409 * var(--k))} } @media (max-width:959px){ .s17__shape-1{top:calc(27 * var(--k)); width:calc(600 * var(--k)); height:calc(655 * var(--k))} } @media (max-width:639px){ .s17__shape-1{top:calc(27 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(1180 * var(--k))} } .s17__image-2{position:absolute; top:calc(362 * var(--k)); left:calc(128 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s17__image-2{top:calc(362 * var(--k)); left:calc(93 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:959px){ .s17__image-2{top:calc(600 * var(--k)); left:calc(107 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .s17__image-2{top:calc(698 * var(--k)); left:calc(212 * var(--k)); width:calc(32 * var(--k))} } .s17__image-3{position:absolute; top:calc(362 * var(--k)); left:calc(128 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s17__image-3{top:calc(362 * var(--k)); left:calc(93 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:959px){ .s17__image-3{top:calc(600 * var(--k)); left:calc(107 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .s17__image-3{top:calc(697 * var(--k)); left:calc(212 * var(--k)); width:calc(32 * var(--k))} } .s17__image-4{position:absolute; top:calc(362 * var(--k)); left:calc(80 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s17__image-4{top:calc(362 * var(--k)); left:calc(45 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:959px){ .s17__image-4{top:calc(600 * var(--k)); left:calc(57 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .s17__image-4{top:calc(698 * var(--k)); left:calc(164 * var(--k)); width:calc(32 * var(--k))} } .s17__image-5{position:absolute; top:calc(362 * var(--k)); left:calc(80 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s17__image-5{top:calc(362 * var(--k)); left:calc(45 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:959px){ .s17__image-5{top:calc(600 * var(--k)); left:calc(57 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .s17__image-5{top:calc(697 * var(--k)); left:calc(164 * var(--k)); width:calc(32 * var(--k))} } .s17__online-6{position:absolute; top:calc(372 * var(--k)); left:calc(190 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .s17__online-6{top:calc(372 * var(--k)); left:calc(155 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:959px){ .s17__online-6{top:calc(610 * var(--k)); left:calc(169 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .s17__online-6{top:calc(708 * var(--k)); left:calc(272 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .s17__shape-7{position:absolute; top:calc(375 * var(--k)); left:calc(173 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .s17__shape-7{top:calc(375 * var(--k)); left:calc(138 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:959px){ .s17__shape-7{top:calc(613 * var(--k)); left:calc(152 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .s17__shape-7{top:calc(711 * var(--k)); left:calc(255 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .s17__ili-napisite-8{position:absolute; top:calc(338 * var(--k)); left:calc(80 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222} @media (max-width:1199px){ .s17__ili-napisite-8{top:calc(338 * var(--k)); left:calc(45 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:959px){ .s17__ili-napisite-8{top:calc(576 * var(--k)); left:calc(57 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .s17__ili-napisite-8{top:calc(698 * var(--k)); left:calc(78 * var(--k)); width:calc(78 * var(--k)); font-size:calc(11 * var(--k)); text-align:left; white-space:normal} } .s17__vyasnim-vasi-9{position:absolute; top:calc(142 * var(--k)); left:calc(91 * var(--k)); width:calc(208 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.9; color:#222222} @media (max-width:1199px){ .s17__vyasnim-vasi-9{top:calc(142 * var(--k)); left:calc(56 * var(--k)); width:calc(208 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s17__vyasnim-vasi-9{top:calc(145 * var(--k)); left:calc(56 * var(--k)); width:calc(208 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s17__vyasnim-vasi-9{top:calc(210 * var(--k)); left:calc(46 * var(--k)); width:calc(189 * var(--k)); font-size:calc(12 * var(--k))} } .s17__v-kakoe-10{position:absolute; top:calc(240 * var(--k)); left:calc(80 * var(--k)); width:calc(187 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.9; color:#222222} @media (max-width:1199px){ .s17__v-kakoe-10{top:calc(240 * var(--k)); left:calc(45 * var(--k)); width:calc(187 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s17__v-kakoe-10{top:calc(283 * var(--k)); left:calc(57 * var(--k)); width:calc(187 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s17__v-kakoe-10{top:calc(385 * var(--k)); left:calc(40 * var(--k)); width:calc(177 * var(--k)); font-size:calc(12 * var(--k))} } .s17__ozvucim-budjet-11{position:absolute; top:calc(142 * var(--k)); left:calc(327 * var(--k)); width:calc(244 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.9; color:#222222} @media (max-width:1199px){ .s17__ozvucim-budjet-11{top:calc(142 * var(--k)); left:calc(292 * var(--k)); width:calc(244 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s17__ozvucim-budjet-11{top:calc(145 * var(--k)); left:calc(292 * var(--k)); width:calc(244 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s17__ozvucim-budjet-11{top:calc(279 * var(--k)); left:calc(46 * var(--k)); width:calc(222 * var(--k)); font-size:calc(12 * var(--k))} } .s17__polucite-besplatnuu-12{position:absolute; top:calc(63 * var(--k)); left:calc(80 * var(--k)); width:calc(531 * var(--k)); font-size:calc(47 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s17__polucite-besplatnuu-12{top:calc(63 * var(--k)); left:calc(45 * var(--k)); width:calc(531 * var(--k)); font-size:calc(47 * var(--k))} } @media (max-width:959px){ .s17__polucite-besplatnuu-12{top:calc(63 * var(--k)); left:calc(45 * var(--k)); width:calc(531 * var(--k)); font-size:calc(47 * var(--k))} } @media (max-width:639px){ .s17__polucite-besplatnuu-12{top:calc(77 * var(--k)); left:calc(19 * var(--k)); width:calc(286 * var(--k)); font-size:calc(42 * var(--k)); text-align:center} } .s17__lid-1754547183961-13{position:absolute; top:calc(267 * var(--k)); left:calc(79 * var(--k)); width:calc(475 * var(--k))} @media (max-width:1199px){ .s17__lid-1754547183961-13{left:calc(44 * var(--k))} } @media (max-width:959px){ .s17__lid-1754547183961-13{top:calc(310 * var(--k)); left:calc(57 * var(--k)); width:calc(240 * var(--k))} } @media (max-width:639px){ .s17__lid-1754547183961-13{top:calc(411 * var(--k)); left:calc(40 * var(--k)); width:calc(240 * var(--k))} } .s17__perezvonit-mne-14{position:absolute; top:calc(267 * var(--k)); left:calc(525 * var(--k)); width:calc(200 * var(--k)); height:calc(54 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .s17__perezvonit-mne-14{top:calc(267 * var(--k)); left:calc(490 * var(--k))} } @media (max-width:959px){ .s17__perezvonit-mne-14{top:calc(499 * var(--k)); left:calc(57 * var(--k)); width:calc(200 * var(--k))} } @media (max-width:639px){ .s17__perezvonit-mne-14{top:calc(597 * var(--k)); left:calc(60 * var(--k))} } .s17__perezvonit-mne-15{position:absolute; top:calc(267 * var(--k)); left:calc(525 * var(--k)); width:calc(200 * var(--k)); height:calc(54 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .s17__perezvonit-mne-15{top:calc(267 * var(--k)); left:calc(490 * var(--k))} } @media (max-width:959px){ .s17__perezvonit-mne-15{top:calc(499 * var(--k)); left:calc(57 * var(--k)); width:calc(200 * var(--k))} } @media (max-width:639px){ .s17__perezvonit-mne-15{top:calc(597 * var(--k)); left:calc(60 * var(--k)); width:calc(200 * var(--k))} } .s17__lid-1756192423638-16{position:absolute; top:calc(337 * var(--k)); left:calc(526 * var(--k)); width:calc(197 * var(--k))} @media (max-width:1199px){ .s17__lid-1756192423638-16{top:calc(337 * var(--k)); left:calc(491 * var(--k))} } @media (max-width:959px){ .s17__lid-1756192423638-16{top:calc(447 * var(--k)); left:calc(57 * var(--k)); width:calc(197 * var(--k))} } @media (max-width:639px){ .s17__lid-1756192423638-16{top:calc(545 * var(--k)); left:calc(68 * var(--k)); width:calc(183 * var(--k))} } .s17__image-17{position:absolute; top:calc(0 * var(--k)); left:calc(849 * var(--k)); width:calc(215 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s17__image-17{top:calc(0 * var(--k)); left:calc(709 * var(--k))} } @media (max-width:959px){ .s17__image-17{top:calc(246 * var(--k)); left:calc(363 * var(--k))} } @media (max-width:639px){ .s17__image-17{top:calc(776 * var(--k)); left:calc(60 * var(--k)); width:calc(204 * var(--k))} } /* rgba вместо генераторного «#b1b4ba.15» (битый CSS → плашка была невидима, имя юриста «не выделено в плашку» — замечание владельца) */ .s17__shape-18{position:absolute; top:calc(323 * var(--k)); left:calc(860 * var(--k)); width:calc(189 * var(--k)); height:calc(64 * var(--k)); background-color:rgba(177,180,186,.15); border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .s17__shape-18{top:calc(323 * var(--k)); left:calc(720 * var(--k)); width:calc(189 * var(--k)); height:calc(64 * var(--k))} } @media (max-width:959px){ .s17__shape-18{top:calc(569 * var(--k)); left:calc(374 * var(--k))} } @media (max-width:639px){ .s17__shape-18{top:calc(1085 * var(--k)); left:calc(69 * var(--k)); width:calc(182 * var(--k)); height:calc(64 * var(--k))} } .s17__vedusiy-kreditnyy-19{position:absolute; top:calc(357 * var(--k)); left:calc(874 * var(--k)); width:calc(161 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.5; color:#222222; text-align:center} @media (max-width:1199px){ .s17__vedusiy-kreditnyy-19{top:calc(357 * var(--k)); left:calc(734 * var(--k)); width:calc(161 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:959px){ .s17__vedusiy-kreditnyy-19{top:calc(603 * var(--k)); left:calc(388 * var(--k)); width:calc(161 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .s17__vedusiy-kreditnyy-19{top:calc(1119 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .s17__elena-adoneva-20{position:absolute; top:calc(335 * var(--k)); left:calc(874 * var(--k)); width:calc(161 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.5; color:#222222; text-align:center} @media (max-width:1199px){ .s17__elena-adoneva-20{top:calc(335 * var(--k)); left:calc(727 * var(--k)); width:calc(174 * var(--k)); font-size:calc(15 * var(--k)); white-space:normal} } @media (max-width:959px){ .s17__elena-adoneva-20{top:calc(581 * var(--k)); left:calc(381 * var(--k)); width:calc(174 * var(--k)); font-size:calc(15 * var(--k)); white-space:normal} } @media (max-width:639px){ .s17__elena-adoneva-20{top:calc(1098 * var(--k)); left:calc(73 * var(--k)); width:calc(174 * var(--k)); font-size:calc(14 * var(--k)); text-align:center; white-space:normal} } .s17{margin-top:0px; margin-bottom:60px} /* ---------- rec1294158351 ---------- */ .s18{ --k:calc(100vw / 1200); position:relative; height:calc(105 * var(--k)); overflow:visible; background:#ffffff; } .s18__nasi-kontakty-1{position:absolute; top:calc(24 * var(--k)); left:calc(19 * var(--k)); width:calc(321 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .s18__nasi-kontakty-1{top:calc(24 * var(--k)); left:calc(19 * var(--k)); width:calc(321 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .s18__nasi-kontakty-1{top:calc(24 * var(--k)); left:calc(19 * var(--k)); width:calc(321 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .s18__nasi-kontakty-1{top:calc(22 * var(--k)); left:calc(9 * var(--k)); width:calc(196 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } .s18{margin-top:30px; margin-bottom:0px} /* ---------- rec1308006321 ---------- */ .s19{ --k:calc(100vw / 1200); position:relative; height:calc(10 * var(--k)); overflow:visible; background:#ffffff; } .s19__shape-1{position:absolute; top:calc(32 * var(--k)); left:calc(794 * var(--k)); width:calc(366 * var(--k)); height:calc(417 * var(--k)); background-color:rgba(255,255,255,.35); border-radius:calc(14 * var(--k))} @media (max-width:1199px){ .s19__shape-1{top:calc(32 * var(--k)); left:calc(554 * var(--k)); width:calc(366 * var(--k)); height:calc(417 * var(--k))} } @media (max-width:959px){ .s19__shape-1{top:calc(32 * var(--k)); left:calc(234 * var(--k))} } @media (max-width:639px){ .s19__shape-1{top:calc(32 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .s19__g-novokuzneck-2{position:absolute; top:calc(117 * var(--k)); left:calc(831 * var(--k)); width:calc(218 * var(--k)); height:calc(57 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.45; color:#222222} @media (max-width:1199px){ .s19__g-novokuzneck-2{top:calc(117 * var(--k)); left:calc(591 * var(--k)); width:calc(218 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s19__g-novokuzneck-2{top:calc(117 * var(--k)); left:calc(271 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s19__g-novokuzneck-2{top:calc(39 * var(--k)); left:calc(10 * var(--k)); width:calc(218 * var(--k)); font-size:calc(12 * var(--k))} } .s19__e-mail-3{position:absolute; top:calc(187 * var(--k)); left:calc(831 * var(--k)); width:calc(52 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.5; color:#222222} @media (max-width:1199px){ .s19__e-mail-3{top:calc(187 * var(--k)); left:calc(591 * var(--k)); width:calc(62 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .s19__e-mail-3{top:calc(187 * var(--k)); left:calc(271 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s19__e-mail-3{top:calc(109 * var(--k)); left:calc(10 * var(--k)); width:calc(50 * var(--k)); font-size:calc(14 * var(--k))} } .s19__telefon-4{position:absolute; top:calc(245 * var(--k)); left:calc(831 * var(--k)); width:calc(72 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.5; color:#222222} @media (max-width:1199px){ .s19__telefon-4{top:calc(245 * var(--k)); left:calc(591 * var(--k)); width:calc(72 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .s19__telefon-4{top:calc(245 * var(--k)); left:calc(271 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s19__telefon-4{top:calc(168 * var(--k)); left:calc(10 * var(--k)); width:calc(67 * var(--k)); font-size:calc(14 * var(--k))} } .s19__image-5{position:absolute; top:calc(364 * var(--k)); left:calc(990 * var(--k)); width:calc(26 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s19__image-5{top:calc(364 * var(--k)); left:calc(750 * var(--k)); width:calc(26 * var(--k))} } @media (max-width:959px){ .s19__image-5{top:calc(364 * var(--k)); left:calc(432 * var(--k)); width:calc(26 * var(--k))} } @media (max-width:639px){ .s19__image-5{top:calc(287 * var(--k)); left:calc(170 * var(--k)); width:calc(25 * var(--k))} } .s19__image-6{position:absolute; top:calc(364 * var(--k)); left:calc(990 * var(--k)); width:calc(26 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s19__image-6{top:calc(364 * var(--k)); left:calc(750 * var(--k)); width:calc(26 * var(--k))} } @media (max-width:959px){ .s19__image-6{top:calc(364 * var(--k)); left:calc(432 * var(--k)); width:calc(26 * var(--k))} } @media (max-width:639px){ .s19__image-6{top:calc(287 * var(--k)); left:calc(170 * var(--k)); width:calc(24 * var(--k))} } .s19__image-7{position:absolute; top:calc(364 * var(--k)); left:calc(950 * var(--k)); width:calc(26 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s19__image-7{top:calc(364 * var(--k)); left:calc(710 * var(--k)); width:calc(26 * var(--k))} } @media (max-width:959px){ .s19__image-7{top:calc(364 * var(--k)); left:calc(390 * var(--k)); width:calc(26 * var(--k))} } @media (max-width:639px){ .s19__image-7{top:calc(287 * var(--k)); left:calc(129 * var(--k)); width:calc(25 * var(--k))} } .s19__image-8{position:absolute; top:calc(364 * var(--k)); left:calc(950 * var(--k)); width:calc(26 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s19__image-8{top:calc(364 * var(--k)); left:calc(710 * var(--k)); width:calc(26 * var(--k))} } @media (max-width:959px){ .s19__image-8{top:calc(364 * var(--k)); left:calc(390 * var(--k)); width:calc(26 * var(--k))} } @media (max-width:639px){ .s19__image-8{top:calc(287 * var(--k)); left:calc(129 * var(--k)); width:calc(24 * var(--k))} } .s19__nase-soobsestvo-9{position:absolute; top:calc(368 * var(--k)); left:calc(831 * var(--k)); width:calc(106 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222} @media (max-width:1199px){ .s19__nase-soobsestvo-9{top:calc(368 * var(--k)); left:calc(591 * var(--k)); width:calc(106 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .s19__nase-soobsestvo-9{top:calc(368 * var(--k)); left:calc(271 * var(--k)); width:calc(106 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:639px){ .s19__nase-soobsestvo-9{top:calc(291 * var(--k)); left:calc(10 * var(--k)); width:calc(98 * var(--k)); font-size:calc(11 * var(--k))} } .s19__image-10{position:absolute; top:calc(314 * var(--k)); left:calc(997 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s19__image-10{left:calc(757 * var(--k))} } @media (max-width:959px){ .s19__image-10{left:calc(439 * var(--k))} } @media (max-width:639px){ .s19__image-10{top:calc(237 * var(--k)); left:calc(176 * var(--k)); width:calc(32 * var(--k))} } .s19__image-11{position:absolute; top:calc(314 * var(--k)); left:calc(997 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s19__image-11{left:calc(757 * var(--k))} } @media (max-width:959px){ .s19__image-11{left:calc(439 * var(--k))} } @media (max-width:639px){ .s19__image-11{top:calc(237 * var(--k)); left:calc(176 * var(--k)); width:calc(32 * var(--k))} } .s19__image-12{position:absolute; top:calc(314 * var(--k)); left:calc(949 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s19__image-12{left:calc(709 * var(--k))} } @media (max-width:959px){ .s19__image-12{left:calc(389 * var(--k))} } @media (max-width:639px){ .s19__image-12{top:calc(237 * var(--k)); left:calc(128 * var(--k)); width:calc(32 * var(--k))} } .s19__image-13{position:absolute; top:calc(314 * var(--k)); left:calc(949 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s19__image-13{left:calc(709 * var(--k))} } @media (max-width:959px){ .s19__image-13{left:calc(389 * var(--k))} } @media (max-width:639px){ .s19__image-13{top:calc(237 * var(--k)); left:calc(128 * var(--k)); width:calc(32 * var(--k))} } .s19__online-14{position:absolute; top:calc(324 * var(--k)); left:calc(1059 * var(--k)); width:calc(34 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .s19__online-14{top:calc(324 * var(--k)); left:calc(819 * var(--k))} } @media (max-width:959px){ .s19__online-14{top:calc(324 * var(--k)); left:calc(501 * var(--k))} } @media (max-width:639px){ .s19__online-14{top:calc(247 * var(--k)); left:calc(236 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k))} } .s19__shape-15{position:absolute; top:calc(327 * var(--k)); left:calc(1042 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .s19__shape-15{top:calc(327 * var(--k)); left:calc(802 * var(--k))} } @media (max-width:959px){ .s19__shape-15{top:calc(327 * var(--k)); left:calc(484 * var(--k))} } @media (max-width:639px){ .s19__shape-15{top:calc(250 * var(--k)); left:calc(219 * var(--k))} } .s19__svajites-s-16{position:absolute; top:calc(313 * var(--k)); left:calc(831 * var(--k)); width:calc(105 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222} @media (max-width:1199px){ .s19__svajites-s-16{top:calc(313 * var(--k)); left:calc(591 * var(--k)); width:calc(105 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .s19__svajites-s-16{top:calc(313 * var(--k)); left:calc(271 * var(--k)); width:calc(105 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:639px){ .s19__svajites-s-16{top:calc(236 * var(--k)); left:calc(10 * var(--k)); width:calc(96 * var(--k)); font-size:calc(11 * var(--k))} } .s19__okb-office-17{position:absolute; top:calc(207 * var(--k)); left:calc(831 * var(--k)); width:calc(114 * var(--k)); height:calc(28 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.45; color:#f4c408; text-align:left; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .s19__okb-office-17{top:calc(207 * var(--k)); left:calc(591 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s19__okb-office-17{top:calc(207 * var(--k)); left:calc(271 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s19__okb-office-17{top:calc(130 * var(--k)); left:calc(10 * var(--k)); width:calc(106 * var(--k)); font-size:calc(12 * var(--k))} } .s19__adres-18{position:absolute; top:calc(91 * var(--k)); left:calc(831 * var(--k)); width:calc(56 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.5; color:#222222} @media (max-width:1199px){ .s19__adres-18{top:calc(91 * var(--k)); left:calc(591 * var(--k)); width:calc(56 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .s19__adres-18{top:calc(91 * var(--k)); left:calc(271 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s19__adres-18{top:calc(14 * var(--k)); left:calc(10 * var(--k)); width:calc(52 * var(--k)); font-size:calc(14 * var(--k))} } .s19__7-3843-19{position:absolute; top:calc(269 * var(--k)); left:calc(831 * var(--k)); width:calc(176 * var(--k)); height:calc(28 * var(--k)); font-size:calc(18 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:#f4c408; text-align:left; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .s19__7-3843-19{top:calc(269 * var(--k)); left:calc(591 * var(--k))} } @media (max-width:959px){ .s19__7-3843-19{top:calc(269 * var(--k)); left:calc(271 * var(--k))} } @media (max-width:639px){ .s19__7-3843-19{top:calc(192 * var(--k)); left:calc(10 * var(--k)); width:calc(166 * var(--k)); font-size:calc(17 * var(--k))} } .s19__image-20{position:absolute; top:calc(37 * var(--k)); left:calc(1098 * var(--k)); width:calc(57 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s19__image-20{left:calc(858 * var(--k))} } @media (max-width:959px){ .s19__image-20{top:calc(37 * var(--k)); left:calc(538 * var(--k))} } @media (max-width:639px){ .s19__image-20{top:calc(16 * var(--k)); left:calc(263 * var(--k)); width:calc(52 * var(--k))} } .s19{margin-top:30px; margin-bottom:0px} /* ---------- rec1205122426 ---------- */ .s20{ --k:calc(100vw / 1200); position:relative; /* высота под укороченную плашку (было 225 — плашка торчала за секцию) */ height:calc(234 * var(--k)); overflow:visible; background:#ffffff; } /* Плашка подвала укорочена 272 → 232 канвы (06.08.2026, замечание владельца): в оригинале под строкой «© 2024 / Политика / Разработка сайта» оставалось пустое место под бейдж «Сделано на Тильде». Бейджа у нас нет — вырезали и пустоту, низ плашки теперь через 21 канвы после копирайта (низ текста 211). Мобильные высоты укорочены по той же логике: 381→320 (≤959), 489→418 (≤639). */ .s20__shape-1{position:absolute; top:calc(1 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(232 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .s20__shape-1{top:calc(1 * var(--k)); left:calc(20 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .s20__shape-1{top:calc(1 * var(--k)); width:calc(600 * var(--k)); height:calc(320 * var(--k))} } /* 450 канвы: плашка должна накрывать «Разработку сайта» (низ 507 экранных = 433 канвы); 418 обрезало её ровно по букве — замечание владельца 06.08 */ @media (max-width:639px){ .s20__shape-1{top:calc(1 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(450 * var(--k))} } .s20__text-2{position:absolute; top:calc(156 * var(--k)); left:calc(319 * var(--k)); width:calc(400 * var(--k)); font-size:calc(14 * var(--k)); font-family:var(--font-display); font-weight:300; line-height:1.45; color:#696969; text-align:right} @media (max-width:1199px){ .s20__text-2{top:calc(157 * var(--k)); left:calc(332 * var(--k)); width:calc(118 * var(--k)); text-align:left} } @media (max-width:959px){ .s20__text-2{top:calc(187 * var(--k)); left:calc(244 * var(--k)); width:calc(118 * var(--k)); font-size:calc(14 * var(--k)); text-align:left} } @media (max-width:639px){ .s20__text-2{top:calc(370 * var(--k)); left:calc(98 * var(--k)); width:calc(120 * var(--k)); font-size:calc(14 * var(--k)); text-align:left} } .s20__politika-konfidencialn-3{position:absolute; top:calc(188 * var(--k)); left:calc(507 * var(--k)); width:calc(186 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.3; color:#f4c408; text-align:center; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__politika-konfidencialn-3{top:calc(188 * var(--k)); left:calc(387 * var(--k))} } @media (max-width:959px){ .s20__politika-konfidencialn-3{top:calc(277 * var(--k)); left:calc(227 * var(--k))} } @media (max-width:639px){ .s20__politika-konfidencialn-3{top:calc(342 * var(--k)); left:calc(76 * var(--k)); width:calc(168 * var(--k)); font-size:calc(11 * var(--k))} } .s20__razrabotka-sayta-4{position:absolute; top:calc(188 * var(--k)); left:calc(1012 * var(--k)); width:calc(114 * var(--k)); height:calc(27 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:300; line-height:1.55; color:#f4c408; text-align:center; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .s20__razrabotka-sayta-4{top:calc(188 * var(--k)); left:calc(782 * var(--k))} } @media (max-width:959px){ .s20__razrabotka-sayta-4{top:calc(277 * var(--k)); left:calc(489 * var(--k))} } @media (max-width:639px){ .s20__razrabotka-sayta-4{top:calc(406 * var(--k)); left:calc(105 * var(--k)); width:calc(110 * var(--k)); font-size:calc(11 * var(--k))} } .s20__shape-5{position:absolute; top:calc(179 * var(--k)); left:calc(15 * var(--k)); width:calc(1170 * var(--k)); height:calc(1 * var(--k)); background-color:#ffffff; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .s20__shape-5{top:calc(179 * var(--k)); width:calc(930 * var(--k))} } @media (max-width:959px){ .s20__shape-5{top:calc(268 * var(--k)); width:calc(610 * var(--k))} } @media (max-width:639px){ .s20__shape-5{top:calc(328 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(1 * var(--k))} } .s20__2024-vse-6{position:absolute; top:calc(193 * var(--k)); left:calc(80 * var(--k)); width:calc(186 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:300; line-height:1.45; color:#222222} @media (max-width:1199px){ .s20__2024-vse-6{top:calc(193 * var(--k)); left:calc(70 * var(--k)); width:calc(186 * var(--k))} } @media (max-width:959px){ .s20__2024-vse-6{top:calc(282 * var(--k)); left:calc(40 * var(--k)); width:calc(171 * var(--k)); text-align:left} } @media (max-width:639px){ .s20__2024-vse-6{top:calc(379 * var(--k)); left:calc(76 * var(--k)); width:calc(168 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .s20__html-7{position:absolute; top:calc(0 * var(--k)); left:calc(30 * var(--k)); width:calc(183 * var(--k)); height:calc(78 * var(--k))} @media (max-width:1199px){ .s20__html-7{top:calc(0 * var(--k)); left:calc(30 * var(--k))} } @media (max-width:959px){ .s20__html-7{top:calc(0 * var(--k)); left:calc(30 * var(--k))} } @media (max-width:639px){ .s20__html-7{top:calc(0 * var(--k)); left:calc(30 * var(--k)); width:calc(183 * var(--k)); height:calc(78 * var(--k))} } .s20__adres-8{position:absolute; top:calc(41 * var(--k)); left:calc(555 * var(--k)); width:calc(54 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.5; color:#222222} @media (max-width:1199px){ .s20__adres-8{top:calc(41 * var(--k)); left:calc(429 * var(--k)); width:calc(54 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .s20__adres-8{top:calc(41 * var(--k)); left:calc(369 * var(--k)); width:calc(54 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s20__adres-8{top:calc(113 * var(--k)); left:calc(54 * var(--k)); width:calc(50 * var(--k)); font-size:calc(14 * var(--k))} } .s20__telefon-9{position:absolute; top:calc(41 * var(--k)); left:calc(912 * var(--k)); width:calc(70 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.5; color:#222222} @media (max-width:1199px){ .s20__telefon-9{top:calc(41 * var(--k)); left:calc(721 * var(--k)); width:calc(70 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .s20__telefon-9{top:calc(116 * var(--k)); left:calc(369 * var(--k)); width:calc(70 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s20__telefon-9{top:calc(185 * var(--k)); left:calc(54 * var(--k)); width:calc(63 * var(--k)); font-size:calc(14 * var(--k))} } .s20__nase-soobsestvo-10{position:absolute; top:calc(41 * var(--k)); left:calc(275 * var(--k)); width:calc(139 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.5; color:#222222} @media (max-width:1199px){ .s20__nase-soobsestvo-10{top:calc(41 * var(--k)); left:calc(230 * var(--k)); width:calc(139 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .s20__nase-soobsestvo-10{top:calc(41 * var(--k)); left:calc(176 * var(--k)); width:calc(139 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .s20__nase-soobsestvo-10{top:calc(252 * var(--k)); left:calc(56 * var(--k)); width:calc(130 * var(--k)); font-size:calc(14 * var(--k)); white-space:normal} } .s20__image-11{position:absolute; top:calc(70 * var(--k)); left:calc(275 * var(--k)); width:calc(26 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__image-11{left:calc(230 * var(--k))} } @media (max-width:959px){ .s20__image-11{left:calc(176 * var(--k))} } @media (max-width:639px){ .s20__image-11{top:calc(281 * var(--k)); left:calc(56 * var(--k)); width:calc(25 * var(--k))} } .s20__image-12{position:absolute; top:calc(70 * var(--k)); left:calc(275 * var(--k)); width:calc(26 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__image-12{left:calc(230 * var(--k))} } @media (max-width:959px){ .s20__image-12{left:calc(176 * var(--k))} } @media (max-width:639px){ .s20__image-12{top:calc(281 * var(--k)); left:calc(56 * var(--k)); width:calc(25 * var(--k))} } .s20__image-13{position:absolute; top:calc(70 * var(--k)); left:calc(315 * var(--k)); width:calc(26 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__image-13{left:calc(270 * var(--k))} } @media (max-width:959px){ .s20__image-13{left:calc(218 * var(--k))} } @media (max-width:639px){ .s20__image-13{top:calc(281 * var(--k)); left:calc(97 * var(--k)); width:calc(25 * var(--k))} } .s20__image-14{position:absolute; top:calc(70 * var(--k)); left:calc(315 * var(--k)); width:calc(26 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__image-14{left:calc(270 * var(--k))} } @media (max-width:959px){ .s20__image-14{left:calc(218 * var(--k))} } @media (max-width:639px){ .s20__image-14{top:calc(281 * var(--k)); left:calc(97 * var(--k)); width:calc(25 * var(--k))} } .s20__image-15{position:absolute; top:calc(133 * var(--k)); left:calc(912 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__image-15{left:calc(721 * var(--k))} } @media (max-width:959px){ .s20__image-15{top:calc(208 * var(--k)); left:calc(369 * var(--k))} } @media (max-width:639px){ .s20__image-15{top:calc(57 * var(--k)); left:calc(165 * var(--k)); width:calc(32 * var(--k))} } .s20__image-16{position:absolute; top:calc(133 * var(--k)); left:calc(912 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__image-16{left:calc(721 * var(--k))} } @media (max-width:959px){ .s20__image-16{top:calc(208 * var(--k)); left:calc(369 * var(--k))} } @media (max-width:639px){ .s20__image-16{top:calc(57 * var(--k)); left:calc(165 * var(--k)); width:calc(32 * var(--k))} } .s20__image-17{position:absolute; top:calc(133 * var(--k)); left:calc(960 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__image-17{left:calc(769 * var(--k))} } @media (max-width:959px){ .s20__image-17{top:calc(208 * var(--k)); left:calc(419 * var(--k))} } @media (max-width:639px){ .s20__image-17{top:calc(57 * var(--k)); left:calc(213 * var(--k)); width:calc(32 * var(--k))} } .s20__image-18{position:absolute; top:calc(133 * var(--k)); left:calc(960 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__image-18{left:calc(769 * var(--k))} } @media (max-width:959px){ .s20__image-18{top:calc(208 * var(--k)); left:calc(419 * var(--k))} } @media (max-width:639px){ .s20__image-18{top:calc(57 * var(--k)); left:calc(213 * var(--k)); width:calc(32 * var(--k))} } .s20__online-19{position:absolute; top:calc(144 * var(--k)); left:calc(1022 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .s20__online-19{top:calc(144 * var(--k)); left:calc(831 * var(--k))} } @media (max-width:959px){ .s20__online-19{top:calc(219 * var(--k)); left:calc(481 * var(--k))} } @media (max-width:639px){ .s20__online-19{top:calc(67 * var(--k)); left:calc(273 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .s20__shape-20{position:absolute; top:calc(147 * var(--k)); left:calc(1005 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .s20__shape-20{top:calc(147 * var(--k)); left:calc(814 * var(--k))} } @media (max-width:959px){ .s20__shape-20{top:calc(222 * var(--k)); left:calc(464 * var(--k))} } @media (max-width:639px){ .s20__shape-20{top:calc(70 * var(--k)); left:calc(256 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .s20__nas-cat-21{position:absolute; top:calc(109 * var(--k)); left:calc(912 * var(--k)); width:calc(52 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222} @media (max-width:1199px){ .s20__nas-cat-21{top:calc(109 * var(--k)); left:calc(721 * var(--k)); width:calc(52 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .s20__nas-cat-21{top:calc(184 * var(--k)); left:calc(369 * var(--k)); width:calc(52 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:639px){ .s20__nas-cat-21{top:calc(33 * var(--k)); left:calc(165 * var(--k)); width:calc(48 * var(--k)); font-size:calc(11 * var(--k)); white-space:normal} } .s20__g-novokuzneck-22{position:absolute; top:calc(66 * var(--k)); left:calc(555 * var(--k)); width:calc(234 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.45; color:#222222} @media (max-width:1199px){ .s20__g-novokuzneck-22{top:calc(66 * var(--k)); left:calc(429 * var(--k)); width:calc(234 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .s20__g-novokuzneck-22{top:calc(66 * var(--k)); left:calc(369 * var(--k)); width:calc(234 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .s20__g-novokuzneck-22{top:calc(137 * var(--k)); left:calc(54 * var(--k)); width:calc(214 * var(--k)); font-size:calc(12 * var(--k))} } .s20__7-3843-23{position:absolute; top:calc(66 * var(--k)); left:calc(912 * var(--k)); width:calc(180 * var(--k)); height:calc(28 * var(--k)); font-size:calc(18 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:#f4c408; text-align:left; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .s20__7-3843-23{top:calc(66 * var(--k)); left:calc(721 * var(--k))} } @media (max-width:959px){ .s20__7-3843-23{top:calc(141 * var(--k)); left:calc(369 * var(--k))} } @media (max-width:639px){ .s20__7-3843-23{top:calc(209 * var(--k)); left:calc(54 * var(--k)); width:calc(172 * var(--k)); font-size:calc(17 * var(--k))} } .s20__image-24{position:absolute; top:calc(45 * var(--k)); left:calc(80 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .s20__image-24{left:calc(70 * var(--k))} } @media (max-width:959px){ .s20__image-24{left:calc(40 * var(--k))} } @media (max-width:639px){ .s20__image-24{top:calc(36 * var(--k)); left:calc(20 * var(--k)); width:calc(76 * var(--k))} } /* ---------- Типовые блоки (не зеро): обычные responsive, БЕЗ zoom ---------- */ .faq,.txt,.arch{font-family:var(--font-text); background:#fff} /* FAQ пересверен 30.07 по живому рендеру @1280 (числа = экранные px@1280, секция под зумом с базой 1280): плашка 857x56, шаг 71 (gap 15), вопрос 17/500, паддинг слева 32; было 53/gap8/15px/20 — «FAQ криво» из списка владельца */ .faq{padding:32px 20px 77px} /* эталон: плашки с y32, всего 591 при 1280 */ .faq__inner{max-width:1160px; margin-inline:auto} .faq__list{width:857px; max-width:100%; margin-left:auto; display:flex; flex-direction:column; gap:15px} /* Открытый вопрос — ЖЁЛТАЯ плашка, ответ выходит НАРУЖУ на белый фон (скрины владельца 30.07): фон у details снят, серым/жёлтым красится summary */ .faq__item{background:none} .faq__item summary{ position:relative; list-style:none; cursor:pointer; min-height:56px; display:flex; align-items:center; padding:8px 60px 8px 32px; border-radius:8px; background:#f1f1f1; font-size:17px; font-weight:500; line-height:1.3; color:var(--dark); transition:background-color .2s ease; } .faq__item[open] summary{background:var(--yellow)} .faq__item summary::-webkit-details-marker{display:none} /* Кружок с ШЕВРОНОМ (не плюсом — замечание по сверке с оригиналом): закрыто — галка вверх, открыто — вниз */ .faq__plus{position:absolute; right:14px; top:50%; width:30px; height:30px; transform:translateY(-50%); background:#fff; border-radius:100px} .faq__plus::before{ content:''; position:absolute; left:50%; top:50%; width:9px; height:9px; border-left:1.5px solid var(--dark); border-top:1.5px solid var(--dark); margin:-2px 0 0 -4.5px; transform:rotate(45deg); transform-origin:center 3px; transition:transform .3s; } .faq__item[open] .faq__plus::before{transform:rotate(225deg)} /* ответ — снаружи плашки, на белом фоне секции */ .faq__item p{padding:18px 60px 6px 32px; font-size:15px; line-height:1.6; color:var(--dark)} /* жёлтая кнопка в ответе первого вопроса — как в исходнике, со свечением */ .faq__btn{display:inline-flex; align-items:center; justify-content:center; margin:14px 0 10px 32px; padding:0 26px; height:50px; background:var(--yellow); color:var(--dark); border-radius:8px; font-size:14px; font-weight:600; box-shadow:0 6px 14px 2px rgba(244,196,8,.5)} .faq__btn:hover{background:var(--yellow-light)} /* SEO-текст пересверен 30.07 по живому рендеру (в ориг блок под opacity:0 — несработавший animationappear; включали принудительно). Заголовок — НЕ Druk, а скромный InterTight 15/500 канвы; текст 13/400 lh1.55. «Текст ужасно» из списка владельца был из-за дисплейного заголовка 33px. Числа ×1.0667 (база секции 1280). */ /* Замеры эталона @1280 (экранные, после zoom 1.0667): колонка left 21.3 ширина 1237.3 (=1160 канвы), заголовок 16/500 lh 19.7 и блок заголовка 51.7 до текста, текст 13.87/400 lh 21.5 (13/1.55 канвы), высота записи 227.6. Была колонка 1160 ЭКРАННЫХ с отступами 60 — уже оригинала на 77px. */ .txt{padding:40.5px 21px 6px} .txt__inner{max-width:1238px; margin-inline:auto} .txt__title{font-family:var(--font-text); font-weight:500; text-transform:none; font-size:16px; line-height:1.23; color:var(--dark); margin-bottom:32px} /* Один сплошной текстовый блок, как .t-text у Тильды: разбивка — только
    , никаких абзацных margin и никаких ступенек кегля внутри. */ .txt__body{font-size:13.87px; line-height:1.55; color:var(--dark)} /* раскрытая часть — отдельная запись оригинала (rec1294156781), между записями пустая строка: в свёрнутом виде её роль играет «Раскрыть полностью» */ .txt__more[open] .txt__body{margin-top:21.5px} .txt__more summary{cursor:pointer; list-style:none; color:#8a8a8a; font-size:14px; padding:6px 0} .txt__more summary::-webkit-details-marker{display:none} .txt__more[open] summary{display:none} .arch{padding:45px 20px 60px; text-align:left} .arch__title{font-family:var(--font-display); font-weight:700; text-transform:uppercase; font-size:66px; line-height:1.1; color:var(--dark); max-width:1160px; margin-inline:auto; padding-bottom:12px} .arch__note{max-width:1160px; margin-inline:auto; color:#8a8a8a; font-size:15px} /* ---------- Квиз t1040 — по живому рендеру экспорта (замеры @1440/1.2) ---------- Карточка 957x510 канвы, центр. Main белая r10 с прогресс-баром; sidebar 260 #f6f6f6 r10. Опции — белые боксы 296x60 border #efefef r8, радио 20 жёлтый. Прежняя витрина (жёлтая рамка 2px, опции-подчёркивания) не совпадала с оригиналом — замечание владельца «структура другая». Числа в канве: секция типовая, масштаб даёт общий zoom-фикс. */ /* padding-top нет: у rec1302894841 только pb_45 — верхние 30px были лишние (высота @1280 была 624 против 596 ориг) */ .quiz{padding:0 20px 45px; background:var(--page-bg); font-family:var(--font-text)} .quiz__card{width:957px; margin-inline:auto; height:510px; display:flex} .quiz__main{position:relative; width:697px; flex:none; background:#fff; border-radius:10px; padding:45px} .quiz__progress{position:absolute; top:0; left:0; right:0; height:5px; background:rgba(244,196,8,.2); border-radius:10px 10px 0 0; overflow:hidden} .quiz__progress i{display:block; width:14.29%; height:100%; background:var(--yellow)} .quiz__pre{color:#222; opacity:.55; font-size:15px; font-weight:300; margin-bottom:6px} .quiz__title{font-family:var(--font-display); font-weight:600; text-transform:uppercase; font-size:33px; line-height:1.2; color:var(--dark); margin-bottom:26px} .quiz__opts{display:grid; grid-template-columns:296px 296px; gap:15px} .quiz__opt{position:relative; display:flex; align-items:center; height:60px; background:#fff; border:1px solid #efefef; border-radius:8px; padding-left:16px; cursor:pointer; font-size:13px; font-weight:300; color:var(--dark)} .quiz__opt:hover{border-color:#e0e0e0} .quiz__opt input{position:absolute; opacity:0; width:1px; height:1px} .quiz__dot{flex:none; width:20px; height:20px; margin-right:10px; border:2px solid var(--yellow); border-radius:50%; background:#fff} .quiz__opt input:checked ~ .quiz__dot{ background:radial-gradient(circle, var(--yellow) 42%, #fff 48%)} .quiz__opt input:checked ~ span{font-weight:400} .quiz__footer{position:absolute; left:45px; right:45px; bottom:30px; display:flex; align-items:center; justify-content:space-between} .quiz__back{width:44px; height:44px; background:#fff; border:1px solid #ececec; border-radius:8px; color:#9a9a9a; font-size:17px; cursor:pointer} .quiz__back:hover{color:#555} .quiz__next{background:var(--dark); color:#fff; border:0; border-radius:8px; cursor:pointer; height:45px; padding:0 30px; font-family:var(--font-text); font-size:13px; font-weight:600} .quiz__next:hover{background:#000} .quiz__aside{flex:none; width:260px; background:#f6f6f6; border-radius:10px; padding:25px; display:flex; flex-direction:column} .quiz__photo{width:88px; height:88px; object-fit:cover; border-radius:7px; border:1px solid #ececec; margin-bottom:0} /* ОДНА белая карточка на имя+должность+приветствие (эталон: msg-box 210x220 r7, x+12/y+12 внутр. отступы; скрин владельца + замер 30.07) */ .quiz__who{background:#fff; border-radius:7px; padding:12px; margin-top:15px} .quiz__name{font-size:16px; font-weight:600; color:var(--dark)} .quiz__role{font-size:12px; font-weight:300; color:#959595} /* Приветствие: fs 12 (была 14 → карточка разбухала и выдавливала бонус-блок за низ сайдбара — «правая часть поехала» из 3-го списка владельца) */ /* приветствие — внутри общей белой карточки .quiz__who */ .quiz__msg{margin-top:13px; font-size:12px; font-weight:300; line-height:1.55; color:var(--dark)} .quiz__msg em{font-style:italic} .quiz__bonus{margin-top:auto; font-size:14px} .quiz__bonus-label{display:block; font-weight:300; color:var(--dark); margin-bottom:6px} /* Текст справа от фото буклета (в эталоне 2 строки слева-направо), не по центру */ .quiz__bonus-val{display:flex; align-items:center; justify-content:flex-start; height:66px; border-radius:9px; color:#fff; font-weight:500; padding-left:96px; line-height:1.35; text-align:left; background:url('../img/tild3030-3836-4431-b066-323136613036__sale-kviz.jpg') left center/auto 100% no-repeat #6b5a2a} /* Хвостик-стрелка — псевдоэлемент карточки (в эталоне примыкает к её верху) */ .quiz__who{position:relative} .quiz__who::before{content:''; position:absolute; top:-6px; left:30px; width:14px; height:14px; background:#fff; transform:rotate(45deg)} /* Планшет 640-959: у Тильды сайдбар с консультантом УНЕСЁН за артборд (замер эталона @768: t -7500, w 0) — остаётся одна карточка во всю ширину (716 при 768, высота 780). Раньше мы клали сайдбар под карточку и давали +337 к высоте записи. На ≤639 сайдбар возвращается — там он сверху. */ @media (max-width:959px){ .quiz__card{flex-direction:column; height:auto; width:auto; max-width:none; min-height:650px} /* fixed-height карточки: 650 канвы = 780 экранных при 768 */ .quiz__main{width:auto} .quiz__opts{grid-template-columns:1fr 1fr} .quiz__footer{position:static; margin-top:24px} .quiz__aside{display:none} } /* ---------- Форма s17 (t657) — по замерам оригинала ---------- Оригинал: select timecall 207x54 (267/79) + телефон 207x54 (267/302, флаг РФ + caret + маска) + жёлтая кнопка 200x54 (267/525) + чекбокс политики (337/526). Поля: белые, border 1px #e1e1e1, r7, fs13. Списки — настоящие ul c диском. */ .s17__form{display:contents} /* дети позиционируются от .s17, форма не мешает */ .s17__ul{list-style:disc; padding-left:calc(17 * var(--k)); margin:0} .s17__ul li{padding-left:calc(2 * var(--k))} .s17__field{position:absolute; top:calc(267 * var(--k)); width:calc(207 * var(--k)); height:calc(54 * var(--k)); display:flex; align-items:center; background:#fff; border:1px solid #e1e1e1; border-radius:calc(7 * var(--k))} .s17__field--select{left:calc(79 * var(--k))} .s17__field--phone{left:calc(302 * var(--k)); padding-left:calc(20 * var(--k))} .s17__field select{ appearance:none; -webkit-appearance:none; width:100%; height:100%; background:transparent; border:0; cursor:pointer; padding:0 calc(40 * var(--k)) 0 calc(20 * var(--k)); font-family:var(--font-text); font-size:calc(13 * var(--k)); color:var(--dark); } /* каретка селекта — чёрный треугольник, как у Тильды */ .s17__field--select::after{ content:''; position:absolute; right:calc(20 * var(--k)); top:50%; transform:translateY(-25%); border:calc(5 * var(--k)) solid transparent; border-top-color:#222; pointer-events:none; } /* флаг РФ (мини-триколор) + каретка перед полем телефона */ .s17__flag{flex:none; width:calc(19 * var(--k)); height:calc(13 * var(--k)); border-radius:calc(2 * var(--k)); overflow:hidden; background:linear-gradient(#fff 0 33.3%, #0039a6 33.3% 66.6%, #d52b1e 66.6% 100%); box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)} .s17__flag-caret{flex:none; margin-left:calc(6 * var(--k)); border:calc(4 * var(--k)) solid transparent; border-top-color:#8a8a8a; transform:translateY(25%)} .s17__field--phone input{ flex:1; min-width:0; height:100%; background:transparent; border:0; padding:0 calc(12 * var(--k)); font-family:var(--font-text); font-size:calc(13 * var(--k)); color:var(--dark); } .s17__field input:focus, .s17__field select:focus{outline:none} .s17__field:focus-within{border-color:#c9c9c9} .s17__form input::placeholder{color:#9a9a9a} /* чекбокс политики: квадрат 20x20 канвы r3.5 #828282, текст 11px, ссылка с u */ .s17__agree{display:flex; gap:calc(10 * var(--k)); align-items:flex-start; cursor:pointer} .s17__agree input{position:absolute; opacity:0; width:1px; height:1px} .s17__agree-box{flex:none; width:calc(20 * var(--k)); height:calc(20 * var(--k)); border:calc(1.4 * var(--k)) solid #828282; border-radius:calc(3.5 * var(--k)); background:#fff} .s17__agree input:checked + .s17__agree-box{ background:#222 center/70% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5 6.5 12 13 4.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); border-color:#222} .s17__agree-text{font-family:var(--font-text); font-size:calc(11 * var(--k)); line-height:calc(16 * var(--k)); color:var(--dark)} .s17__agree-text a{text-decoration:underline} /* Ошибка обязательного поля — как у Тильды: `border:1px solid red` на самом поле (.t-input/.t-select) и на боксе чекбокса (.t-checkbox__control). Ширина рамки не меняется (у Тильды тоже 1px), краснеет только цвет. Держать ПОСЛЕ .s17__field/.s17__agree-box, иначе те перебьют по порядку. */ .s17__field.is-err{border-color:red} .s17__agree.is-err .s17__agree-box{border-color:red} /* Иконки чатов/сообществ ВО ВСЕХ секциях: обычный слой снизу (тёмный WA/TG, синий VK), жёлтый «-ac»/«acti» поверх ТОЛЬКО на ховер. animation:none — их forwards-анимации из anim.css играли при загрузке и оставляли жёлтый слой видимым (в оригинале это ховер-твины, а не onload). Замечание владельца «другие цвета мессенджеров». */ .s17__image-3,.s17__image-5, .s14__image-4,.s14__image-6, .s19__image-6,.s19__image-8,.s19__image-11,.s19__image-13, .s20__image-12,.s20__image-14,.s20__image-16,.s20__image-18, .blog5__image-9,.blog5__image-11{ opacity:0; transition:opacity .2s ease; animation:none !important} .s17__image-3:hover,.s17__image-5:hover, .s14__image-4:hover,.s14__image-6:hover, .s19__image-6:hover,.s19__image-8:hover,.s19__image-11:hover,.s19__image-13:hover, .s20__image-12:hover,.s20__image-14:hover,.s20__image-16:hover,.s20__image-18:hover, .blog5__image-9:hover,.blog5__image-11:hover{opacity:1} /* лого в подвале: anim.css гасил его до 0.75 (ховер-твин, сыгравший onload) — в эталоне лого полной непрозрачности */ .s20__image-24{animation:none !important; opacity:1} /* поля на планшете/мобиле — в столбик (координаты из спеки формы) */ @media (max-width:959px){ .s17__field{width:calc(240 * var(--k))} .s17__field--select{left:calc(57 * var(--k)); top:calc(310 * var(--k))} .s17__field--phone{left:calc(57 * var(--k)); top:calc(374 * var(--k))} } @media (max-width:639px){ .s17__field--select{left:calc(40 * var(--k)); top:calc(411 * var(--k))} .s17__field--phone{left:calc(40 * var(--k)); top:calc(475 * var(--k))} } /* ---------- Демо-новость и карта ---------- */ /* Лента новостей по замерам ЖИВОГО сайта @1280 (запись pt45/pb30 канвы = 48/32 экранных): 3 колонки по 384, gap 43, поля 21 (384*3+43*2 = 1238). */ .news{padding:48px 21px 32px; background:var(--page-bg); font-family:var(--font-text)} .news__grid{max-width:1238px; margin-inline:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:43px; align-items:start} .news__link{display:block; color:inherit} .news__thumb{display:block; width:100%; height:213px; object-fit:cover; border-radius:14px; margin-bottom:22px} .news__title{font-size:15px; font-weight:500; line-height:1.35; color:var(--dark)} .news__date{font-size:10px; font-weight:400; color:#a6a4a4; margin-top:17px} @media (max-width:959px){ .news__grid{grid-template-columns:repeat(2,1fr); gap:30px} } @media (max-width:639px){ .news__grid{grid-template-columns:1fr; gap:26px} .news__thumb{height:auto; aspect-ratio:384/213} } .kmap{position:relative; height:587px; padding:0 21px 96px; background:var(--page-bg)} /* скруглённая рамка карты = .t-map-lazyload оригинала (r18, overflow hidden) */ .kmap__frame{width:100%; max-width:1238px; height:491px; margin-inline:auto; border-radius:18px; overflow:hidden; transform:translateZ(0)} .kmap iframe{width:100%; height:100%; border:0; display:block} /* карточка контактов s19 ложится ПОВЕРХ карты, как у Тильды (overflow visible) */ [data-rec="rec1308006321"]{z-index:5} /* ---------- Демо: дела и отзывы (ВОССТАНОВЛЕНО: съедено правкой s17. ГРАБЛЯ: replace-скрипты с find(x)..find(mark) режут ВСЁ до конца — резать только до следующего "/* ----------" заголовка!) ---------- */ .arch__grid{max-width:1160px; margin:24px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:24px} .arch__card{background:#fff; border:1px solid #eee; border-radius:14px; padding:16px} .arch__card img{width:100%; height:280px; object-fit:cover; object-position:top; border-radius:8px; margin-bottom:12px} .arch__num{font-weight:600; color:var(--dark); font-size:15px} .arch__sum{color:#1a9e4b; font-weight:600; font-size:15px} /* Пересверено 30.07 с полным рендером myReviews-iframe на 8412 (эталон 526px @1280): вся секция — серая скруглённая карточка-подложка; хедер — белая плашка «4.8 ★ | 438» + отдельные белые пилюли площадок; теги по центру. */ .revs{padding:14px 20px 40px; background:var(--page-bg); font-family:var(--font-text)} .revs__inner{max-width:1300px; margin-inline:auto; background:#ececec; border-radius:24px; padding:26px 28px 24px} .revs__head{display:flex; align-items:center; gap:14px; margin-bottom:20px; flex-wrap:wrap} .revs__scorebox{display:flex; align-items:center; gap:10px; background:#fff; border-radius:12px; padding:12px 18px} .revs__score{font-size:22px; font-weight:700; color:var(--dark)} .revs__star{color:var(--yellow); font-size:19px} .revs__sep{width:1px; height:22px; background:#e2e2e2} .revs__count{color:#8a8a8a; font-size:14px} .revs__plats{display:flex; gap:10px; flex-wrap:wrap} .revs__plats span{background:#fff; border-radius:12px; padding:14px 18px; font-size:14px; color:var(--dark)} .revs__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px} .revs__card{background:#fff; border-radius:16px; padding:20px} .revs__name{font-weight:600; font-size:15px; color:var(--dark)} .revs__stars{color:var(--yellow); letter-spacing:3px; margin:6px 0 10px; font-size:15px} .revs__text{font-size:14px; line-height:1.65; color:#333} @media (max-width:900px){ .revs__grid,.arch__grid{grid-template-columns:1fr} } /* Слайдер дел s9: radio-CSS, стрелки по бокам как в оригинале, 0 JS */ .s9__slider{overflow:hidden; border-radius:calc(10 * var(--k)); z-index:6} .s9__slider input{display:none} /* Слайды листаются СДВИГОМ (как t-slds оригинала), позицию задаёт JS через transform; прежний opacity-фейд — замечание владельца */ .s9__slide{position:absolute; inset:0; transition:transform .45s ease; pointer-events:none} .s9__slide img{width:100%; height:100%; object-fit:cover; object-position:top} .s9__arr{position:absolute; top:50%; transform:translateY(-50%); width:26px; height:26px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.85); border-radius:50%; cursor:pointer; font-size:18px; line-height:1; color:#222; user-select:none} .s9__arr:hover{background:#fff} .s9__arr--l{left:6px} .s9__arr--r{right:6px} /* s9 «Почему выбирают нас»: слои по мотивам z-index Тильды (генератор их не переносит — грабля). Линии и пунктиры ПОВЕРХ белых карточек-подложек, жёлтые ховер-твины — верхним слоем, чтобы ловить мышь. */ [data-eid="1754575535831"],[data-eid="1754575548816"],[data-eid="1754575530420"], [data-eid="1754577122364"],[data-eid="1754576513887"]{z-index:4} [data-eid="175738057217591570"],[data-eid="175738164234048060"], [data-eid="175738164738291470"]{z-index:5} /* подстраховка: ховер на любом месте колонки зажигает её жёлтый твин */ .s9:has([data-eid="1754819974392"]:hover) [data-eid="175738057217591570"], .s9:has([data-eid="1754820218851"]:hover) [data-eid="175738164234048060"], .s9:has([data-eid="1754820234202"]:hover) [data-eid="175738164738291470"]{opacity:1} /* цифры и подписи над жёлтой заливкой */ [data-eid="1754576191792"],[data-eid="1754576146006"],[data-eid="1754576170648"], [data-eid="1754576983367"],[data-eid="1754577029174"],[data-eid="1754577076994"]{z-index:6} /* «Мерцание» оригинала: Тильда JS кладёт поверх КАЖДОЙ записи анимированный noise.gif (size 250px, opacity .05, z 99999999). У нас — один fixed-оверлей на всю страницу: bесшовно и дешевле. Он же делает белый фон «чуть сероватым» и подложки темнее — то самое отличие тона, которое заметил владелец. */ body::after{ content:''; position:fixed; inset:0; pointer-events:none; /* z выше шапки (999999): у Тильды noise лежит поверх КАЖДОЙ записи, включая фикс-шапку — без этого шапка выглядела «чисто-белой», без серой текстуры (замечание владельца) */ z-index:99999999; background:url('../img/noise.gif'); background-size:250px; opacity:.05; } /* Кнопка «Получить бесплатную консультацию» в s6: жёлтая, текст по центру (в экспорте текст кнопки живёт в дочернем .tn-atom__button-text — парсер его не достаёт, поэтому руками) */ .s6__polucit-besplatnuu-4{display:flex; align-items:center; justify-content:center; background:var(--yellow); color:var(--dark); text-align:center; font-family:var(--font-text); font-size:calc(13 * var(--k)); font-weight:600; border-radius:calc(8 * var(--k)); box-shadow:0 calc(6 * var(--k)) calc(6 * var(--k)) calc(2 * var(--k)) rgba(244,196,8,.4)} .s6__polucit-besplatnuu-4:hover{background:var(--yellow-light)} /* s9: полосы под цифрами — в базовом CSS Тильды они ЖЁЛТЫЕ, но в живом виде белые до наведения (жёлтое = ховер). Перекрашиваем базу в белый и глушим их forwards-анимации из anim.css (!important, т.к. anim.css грузится позже). */ [data-eid="1754819900220"],[data-eid="1754820266601"],[data-eid="1754820285333"]{ background:#fff !important; animation:none !important} [data-eid="175738057217591570"],[data-eid="175738164234048060"], [data-eid="175738164738291470"]{animation:none !important} /* кнопка «Открыть архив»: текст Тильда прячет в дочернем элементе — вписан руками */ .s9__otkryt-arhiv-29{display:flex; align-items:center; justify-content:center; background:var(--dark); color:#fff; z-index:7; font-family:var(--font-text); font-size:calc(13 * var(--k)); font-weight:600; border-radius:calc(8 * var(--k))} .s9__otkryt-arhiv-29:hover{background:#000} .s9__otkryt-arhiv-30{display:none} /* ховер-твин не нужен */ /* s9, доводка по замечаниям владельца (2-й заход) */ /* 1. Ховер колонки: срабатывает с ЛЮБОГО её элемента — полоса, цифра, подпись, текст, карточка. Раньше ловили только подложку, цифры «глотали» мышь. */ .s9:has([data-eid="1754819900220"]:hover) [data-eid="175738057217591570"], .s9:has([data-eid="1754819974392"]:hover) [data-eid="175738057217591570"], .s9:has([data-eid="1754576191792"]:hover) [data-eid="175738057217591570"], .s9:has([data-eid="1754576983367"]:hover) [data-eid="175738057217591570"], .s9:has([data-eid="1754576396275"]:hover) [data-eid="175738057217591570"], .s9:has([data-eid="1754820266601"]:hover) [data-eid="175738164234048060"], .s9:has([data-eid="1754820218851"]:hover) [data-eid="175738164234048060"], .s9:has([data-eid="1754576146006"]:hover) [data-eid="175738164234048060"], .s9:has([data-eid="1754577029174"]:hover) [data-eid="175738164234048060"], .s9:has([data-eid="1754576394631"]:hover) [data-eid="175738164234048060"], .s9:has([data-eid="1754820285333"]:hover) [data-eid="175738164738291470"], .s9:has([data-eid="1754820234202"]:hover) [data-eid="175738164738291470"], .s9:has([data-eid="1754576170648"]:hover) [data-eid="175738164738291470"], .s9:has([data-eid="1754577076994"]:hover) [data-eid="175738164738291470"], .s9:has([data-eid="1754575530427"]:hover) [data-eid="175738164738291470"]{opacity:1} /* 2. Пунктир цифра/текст: в оригинале это элемент h4 канвы с border 2px dotted по ВСЕМУ периметру — верхняя+нижняя грани дают ДВЕ пунктирные дорожки. Сегмент 513887 серый #d8d8d8, сегмент 122364 (у «502 клиента») ЖЁЛТЫЙ #f4c408. Прежний repeating-linear-gradient 1px (одна серая полоска) удалён — то самое замечание владельца. Бордеры заданы в правилах .s9__shape-2 / .s9__shape-9. */ /* 3. Стрелки слайдера — 1-в-1 с t-slds оригинала (замерено на экспорте): квадрат 30x30 канвы, r7.5, rgba(34,34,34,.4), белый SVG-шеврон stroke 2px, top 111 канвы (центр ПОЛНОЙ галереи 252, не видимой зоны), отступ 5 канвы. */ .s9__arr{background:rgba(34,34,34,.4); border-radius:calc(7.5 * var(--k)); width:calc(30 * var(--k)); height:calc(30 * var(--k)); top:calc(111 * var(--k)); transform:none; font-size:0} .s9__arr:hover{background:rgba(34,34,34,.65)} .s9__arr svg{width:calc(30 * var(--k)); height:calc(30 * var(--k))} .s9__arr--l{left:calc(5 * var(--k))} .s9__arr--r{right:calc(5 * var(--k))} .s9__arr--l svg{transform:scaleX(-1)} /* 4. Обрезка дел: видимая обрезка в оригинале идёт РОВНО по низу жёлтой карточки (канва 399; верх слайдера 203 → видимая высота 196), нижний край — прямая линия, скругление только сверху. Прежние 223 канвы (низ 426) давали торчащий ниже карточки скан — замечание владельца. */ .s9__slider{height:calc(196 * var(--k)) !important; border-radius:calc(11 * var(--k)) calc(11 * var(--k)) 0 0} /* ---------- Фиксы по автосверке v2 (17.07 ночь-2) ---------- */ /* s11: кнопка «Задать вопрос» в отзывах — тёмная, текст белый */ .s11__zadat-vopros-5{display:flex; align-items:center; justify-content:center; background:var(--dark); color:#fff; font-family:var(--font-text); font-size:calc(13 * var(--k)); font-weight:600; border-radius:calc(8 * var(--k))} .s11__zadat-vopros-5:hover{background:#000} /* s15: «Все статьи блога» — кнопка с рамкой */ .s15__vse-stati-1{display:flex; align-items:center; justify-content:center; border:1px solid var(--dark); color:var(--dark); font-family:var(--font-text); font-size:calc(13 * var(--k)); font-weight:600; border-radius:calc(8 * var(--k))} .s15__vse-stati-1:hover{background:var(--dark); color:#fff} /* s17: «Перезвонить мне» — жёлтая submit-кнопка (стопка #f4c408/#f5d34b) */ .s17__perezvonit-mne-14{display:flex; align-items:center; justify-content:center; background:var(--yellow); color:var(--dark); border:0; cursor:pointer; font-family:var(--font-text); font-size:calc(13 * var(--k)); font-weight:600; border-radius:calc(8 * var(--k))} .s17__perezvonit-mne-14:hover{background:var(--yellow-light)} .s17__perezvonit-mne-15{display:none} /* s19: карточка контактов — «стекло»: белая плёнка .35 ПОВЕРХ размытого фона. ИСПРАВЛЕНО 06.08.2026 (замечание владельца «текст не виден»): 30.07 blur сняли, поверив computed:none в песочнице — это была ошибка замера, песочный движок backdrop-filter не отдаёт. В CSS экспорта у обёртки элемента 1754545145668 явно стоит `-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px)`, а opacity .35 + #fff — на .tn-atom внутри. Без размытия карта просвечивает насквозь и текст адреса/телефона теряется. 10px — канва, отсюда var(--k). */ .s19__shape-1{background:rgba(255,255,255,.35) !important; -webkit-backdrop-filter:blur(calc(10 * var(--k))); backdrop-filter:blur(calc(10 * var(--k))); border-radius:calc(14 * var(--k))} /* font-size НЕ дублировать: генератор задаёт его на каждом артборде (13 на десктопе, 12 на мобильном). Ручной дубль 13 перебивал мобильное правило — почта не влезала в строку и налезала на «Телефон:» (замечание владельца). */ .s19__okb-office-17{color:var(--dark); font-family:var(--font-text)} .s19__okb-office-17:hover{text-decoration:underline} /* s20: ссылки футера тёмные/серые, не жёлтые */ .s20__politika-konfidencialn-3{color:var(--dark); font-family:var(--font-text); font-size:calc(12 * var(--k))} .s20__politika-konfidencialn-3:hover{text-decoration:underline} .s20__razrabotka-sayta-4{color:#505050; font-family:var(--font-text); font-size:calc(12 * var(--k))} /* ---------- Добивка по диффу v2, раунд 2 ---------- */ /* телефоны: крупные тёмные ссылки; fw 700 — как в эталоне (жирность подвала, 3-й список владельца; 500 было отсебятиной добивки) */ /* тот же случай: 18 на десктопе, 17 на мобильном — кегль оставляем генератору, иначе номер переносится на две строки и налезает на «Свяжитесь с нами» */ .s19__7-3843-19, .s20__7-3843-23{color:var(--dark); font-family:var(--font-text); font-weight:700} .s19__7-3843-19:hover, .s20__7-3843-23:hover{text-decoration:underline} /* «?» блуждающий в s2: шрифт Druk */ [data-eid="1755004079522"]{font-family:var(--font-display) !important} /* s17: кнопка «Перезвонить мне» — высота и тёмный текст (перебивает .s17__form button) */ .s17__form .s17__perezvonit-mne-14{height:calc(54 * var(--k)); background:var(--yellow); color:var(--dark)} .s17__form .s17__perezvonit-mne-14:hover{background:var(--yellow-light)} /* s17: кегль полей 13 канвы — замерено на живом рендере экспорта (computedStyle отдаёт до-zoom значение: select и input = 13px канвы) */ /* s11: иконки play — базовые размеры генератора верные; ужимала их МОЯ упрощённая анимация (forwards застыл не на том кадре) — глушим */ .s11 img[data-eid="1754539623876"],.s11 img[data-eid="1754539598149"], .s11 img[data-eid="1754539634777"]{animation:none !important; width:calc(51 * var(--k)); height:calc(51 * var(--k)); margin:0} /* Экран телефона в отзывах: обёртка режет луп-анимацию по мокапу (замечание владельца — картинка выезжала за корпус телефона), внутри лента 200% из двух копий слайда. */ .s11__pscreen{overflow:hidden; border-radius:calc(18 * var(--k)); z-index:7} .s11__ptrack{display:flex; width:200%; height:100%; transition:transform .35s ease} .s11__ptrack img{width:50%; height:100%; object-fit:cover; object-position:top} /* Стрелки слайдера телефона (галерея -67/990 152x326; стрелка 30x30 канвы, снаружи экрана: left галереи -39, top +213 — замер живого t-slds) */ .s11__parr{position:absolute; z-index:8; width:calc(30 * var(--k)); height:calc(30 * var(--k)); /* центр экрана телефона: галерея -67..259 канвы, центр 96 → top 81 (было 146 — «стрелки ниже середины», замечание владельца) */ top:calc(81 * var(--k)); background:rgba(34,34,34,.4); border-radius:calc(7.5 * var(--k)); cursor:pointer} .s11__parr:hover{background:rgba(34,34,34,.65)} .s11__parr svg{width:100%; height:100%} .s11__parr--l{left:calc(951 * var(--k))} .s11__parr--l svg{transform:scaleX(-1)} .s11__parr--r{left:calc(1151 * var(--k))} /* Блок ВОЗВРАЩЁН 30.07 (вторая ревизия владельца): myReviews на живом сайте ожил и карточки снова видны — «отзывы появились в исходнике, цепляем». */ /* Обёртка живого MyReviews-виджета. Масштаб на широких экранах — через transform:scale на боксе фиксированной ширины 1160: внутренний вьюпорт iframe ВСЕГДА 1160, контент растёт как картинка (пробовали zoom — браузеры ведут себя по-разному: у части расширяется внутренний вьюпорт и контент мельчает; скрины владельца 30.07). Высоту обёртки синхронизирует JS. */ /* min-height — базовая высота виджета: гасит прыжок макета в первую секунду, пока myReviews догружает карточки и sync не подставил точную высоту */ .revs-widget__wrap{margin-top:20px; padding:0 20px; min-height:473px} /* transform ставит JS (sync в index.html): tan(atan2()) внутри transform в части браузеров считается с багом (градусы/радианы) — у владельца виджет переворачивался и уезжал вверх. В zoom-правилах других секций та же функция работает корректно — глючит именно путь transform. */ .revs-widget__scale{width:1160px; max-width:100%; margin-inline:auto; transform-origin:top center} /* ---------- Виджет отзывов (старая статичная реконструкция — разметка удалена 30.07, правила ниже неактивны и оставлены до генеральной уборки) ---------- */ .revs__tags{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:20px; justify-content:center} .revs__tags span{background:#fff; border-radius:100px; padding:9px 20px; font-size:14px; color:#333} .revs__row{display:flex; align-items:center; gap:10px} .revs__nav{flex:none; width:34px; height:34px; display:flex; align-items:center; justify-content:center; background:#f5f5f5; border:1px solid #e7e7e7; border-radius:50%; color:#888; font-size:18px; user-select:none} .revs__grid{flex:1} .revs__who{display:flex; gap:10px; align-items:center; margin-bottom:6px} .revs__ava{position:relative; width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:600; color:#fff; font-size:17px; flex:none} /* мини-значок площадки на аватаре (зелёный 2Gis / красный пин Яндекса) */ .revs__pin{position:absolute; right:-3px; bottom:-3px; width:15px; height:15px; border-radius:50% 50% 50% 0; border:2px solid #fff; transform:rotate(-45deg)} .revs__pin--g{background:#2fb56f} .revs__pin--y{background:#fc3f1d} .revs__meta{font-size:12px; color:#9a9a9a} .revs__src-y{color:#d99a06; text-decoration:underline; text-underline-offset:2px} .revs__more{display:inline-block; margin-top:8px; font-size:13px; color:#8a8a8a; cursor:pointer} .revs__foot{display:flex; align-items:center; margin-top:16px} .revs__dots{display:flex; gap:6px; margin-inline:auto} .revs__dots i{width:7px; height:7px; border-radius:50%; background:#ddd} .revs__dots i.on{background:#888} .revs__leave{background:var(--dark); color:#fff; border-radius:8px; padding:12px 22px; font-size:13px; font-weight:600} .revs__leave:hover{background:#000} @media (prefers-reduced-motion:reduce){ *{transition:none !important; animation:none !important} body::after{display:none} } /* Плашки статистики s9: жёлтая версия — ховер-твин, в оригинале скрыта за артбордом и показывается по наведению. Статикой: opacity-переход. */ .s9__shape-12{opacity:0; transition:opacity .25s ease} .s9__shape-12:hover{opacity:1} .s9__shape-14{opacity:0; transition:opacity .25s ease} .s9__shape-14:hover{opacity:1} .s9__shape-16{opacity:0; transition:opacity .25s ease} .s9__shape-16:hover{opacity:1} /* ---------- Масштаб типовых блоков = лестница артбордов Тильды ---------- Оригинал вешает inline zoom = vw/артборд на КАЖДЫЙ типовой t-rec (проверено на живом экспорте: 1440 → zoom 1.2, 1100 → 1.14583 = 1100/960). Зеро-секции сюда НЕ добавлять: у них масштаб уже в var(--k). ДВЕ БАЗЫ (грабля двойного зума, поймана владельцем 30.07): - .quiz переверстан в КАНВЕ (числа = канва 1200) → база 1200; - .faq/.revs/.news/.txt/.kmap/.arch сверстаны по ЭКРАННЫМ замерам при 1280 (числа уже х1.0667) → база 1280, лестница 1280/1024/682.67/341.33. Проверка: txt 245/1.0667=229.7≈228 ориг, kmap 626/1.0667=587=ориг. */ /* Zoom типовых секций ставит JS ЧИСЛОМ (zoomSync в index.html) — как сама Тильда (inline zoom на t-rec). Прежний чистый CSS с tan(atan2()) в части браузеров считается с багом градусы/радианы: у владельца квиз оставался без масштаба (уже в 1.2 раза), а transform с той же функцией переворачивал виджет. Больше tan/atan2 НИГДЕ не используем. .revs-widget НЕ зумится: iframe myReviews масштабируется отдельно (transform:scale из JS), иначе мельчает контент. */ /* ---------- s11: жёлтое «свечение» на видео-превью — ХОВЕР (3-й список) ---- Слои shape-7/10/13 (градиент rgba(244,196,8,.39)→прозр.) в Тильде включаются по sbs-hover; anim.css играл их при загрузке. Покой: скрыты, наведение: 1. */ .s11__shape-7,.s11__shape-10,.s11__shape-13{opacity:0; transition:opacity .25s ease; animation:none !important} .s11__shape-6:hover ~ .s11__shape-7, .s11__shape-7:hover, .s11:has(.s11__image-8:hover) .s11__shape-7, .s11__shape-9:hover ~ .s11__shape-10, .s11__shape-10:hover, .s11:has(.s11__image-11:hover) .s11__shape-10, .s11__shape-12:hover ~ .s11__shape-13, .s11__shape-13:hover, .s11:has(.s11__image-14:hover) .s11__shape-13{opacity:1} /* ---------- Скролл-триггер анимаций (blockintoview, 3-й список) ---------- Все раскадровки из anim.css стоят на паузе, пока секция не въехала в экран; .in-view ставит IntersectionObserver (см. скрипт в index.html). Класс .anim-onview на — страховка: без JS ничего не замирает навсегда. */ .anim-onview section:not(.in-view) [data-eid]{animation-play-state:paused !important} /* s11: кнопки play на видео-превью. Раскадровка Тильды (a39623876 и парные) — это ХОВЕР-состояние: scale .8 + opacity .3 («уменьшается, уходит назад», замечание владельца); anim.css застывал в нём с загрузки. Покой — обычная, наведение на превью — уменьшение под жёлтым светом. Превью кликабельны — заготовка под вставку видео (динамика Тильды, в экспорт не попала). */ .s11__image-8,.s11__image-11,.s11__image-14{animation:none !important; transition:transform .25s ease, opacity .25s ease} .s11__shape-6,.s11__shape-9,.s11__shape-12{cursor:pointer} .s11__shape-6:hover ~ .s11__image-8, .s11__shape-7:hover ~ .s11__image-8, .s11__image-8:hover, .s11__shape-9:hover ~ .s11__image-11, .s11__shape-10:hover ~ .s11__image-11, .s11__image-11:hover, .s11__shape-12:hover ~ .s11__image-14, .s11__shape-13:hover ~ .s11__image-14, .s11__image-14:hover{ transform:scale(.8); opacity:.3} /* ---------- Квиз: рабочие шаги (30.07, запрос владельца) ---------- */ .quiz__steps{min-height:330px} .quiz__steps--err{animation:quizShake .5s ease} @keyframes quizShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}} /* чекбоксы — квадратные, как t-checkbox Тильды */ .quiz__dot--sq{border-radius:5px} .quiz__opt input:checked ~ .quiz__dot--sq{ background:var(--yellow); box-shadow:inset 0 0 0 3px #fff} /* финальный шаг */ .quiz__final-text{font-size:14px; font-weight:300; line-height:1.55; color:var(--dark); margin:0 0 18px; max-width:540px} .quiz__mess{display:flex; gap:10px; margin-bottom:14px} .quiz__pill{display:flex; align-items:center; justify-content:center; cursor:pointer; padding:10px 18px; background:#fff; border:1px solid #efefef; border-radius:100px; font-size:13px; font-weight:300; color:var(--dark)} .quiz__pill input{position:absolute; opacity:0; width:1px; height:1px} .quiz__pill:has(input:checked){border-color:var(--yellow); box-shadow:inset 0 0 0 1px var(--yellow)} .quiz__phone{display:block; width:296px; height:60px; padding:0 16px; background:#fff; border:1px solid #efefef; border-radius:8px; font-family:var(--font-text); font-size:14px; color:var(--dark); outline:none} .quiz__phone:focus{border-color:#e0e0e0} .quiz__law{display:flex; align-items:center; gap:10px; margin-top:14px; cursor:pointer; font-size:12px; font-weight:300; color:var(--dark)} .quiz__law input{position:absolute; opacity:0; width:1px; height:1px} .quiz__law .quiz__dot{width:18px; height:18px; margin:0} .quiz__law input:checked ~ .quiz__dot{background:var(--yellow); box-shadow:inset 0 0 0 3px #fff} .quiz__law a{text-decoration:underline; text-underline-offset:2px} /* ================= ЛЕСТНИЦА АРТБОРДОВ ДЛЯ ВСЕХ ЗЕРО-СЕКЦИЙ ================= 06.08.2026, мобильная версия. Была системная дыра: --k переключался в медиазапросах ТОЛЬКО у .header/.hero, остальные 19 секций на любой ширине держали 100vw/1200 → на 375px всё сжималось в 3.75 раза (проба ref_m375 vs ours_m375: 834 расхождения, все — деление на 3.75). Высоты артбордов сняты из экспорта (data-artboard-height[-res-N]); где атрибут не задан, Тильда наследует значение большего артборда. */ @media (max-width:1199px){ .header,.hero,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12,.s13,.s14,.s15,.s16,.s17,.s18,.s19,.s20{--k:calc(100vw / 960)} .s2{height:calc(757 * var(--k))} .s6{height:calc(761 * var(--k))} } @media (max-width:959px){ .header,.hero,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12,.s13,.s14,.s15,.s16,.s17,.s18,.s19,.s20{--k:calc(100vw / 640)} .s2{height:calc(1085 * var(--k))} .s6{height:calc(1080 * var(--k))} .s8{height:calc(608 * var(--k))} .s9{height:calc(831 * var(--k))} .s11{height:calc(675 * var(--k))} .s12{height:calc(127 * var(--k))} .s13{height:calc(135 * var(--k))} .s14{height:calc(138 * var(--k))} .s16{height:calc(70 * var(--k))} .s17{height:calc(709 * var(--k))} .s20{height:calc(415 * var(--k))} } @media (max-width:639px){ .header,.hero,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12,.s13,.s14,.s15,.s16,.s17,.s18,.s19,.s20{--k:calc(100vw / 320)} .header{height:calc(60 * var(--k))} .hero{height:calc(625 * var(--k))} .s2{height:calc(1297 * var(--k))} .s3{height:calc(95 * var(--k))} .s4{height:calc(161 * var(--k))} .s5{height:calc(126 * var(--k))} .s6{height:calc(1383 * var(--k))} .s7{height:calc(82 * var(--k))} .s8{height:calc(1174 * var(--k))} .s9{height:calc(1034 * var(--k))} .s10{height:calc(126 * var(--k))} .s11{height:calc(932 * var(--k))} .s12{height:calc(166 * var(--k))} .s13{height:calc(92 * var(--k))} .s14{height:calc(142 * var(--k))} .s15{height:calc(157 * var(--k))} .s16{height:calc(70 * var(--k))} .s17{height:calc(1234 * var(--k))} .s18{height:calc(79 * var(--k))} .s19{height:calc(370 * var(--k))} .s20{height:calc(452 * var(--k))} /* нижний элемент «Разработка сайта» кончается на 507 экранных = 433 канвы + поле */ } /* ============ ТИПОВЫЕ БЛОКИ НА МОБИЛЬНОМ (≤639) ============ Замеры сняты 06.08.2026 при 375px: с экспорта 8412 (txt/faq/kmap/quiz — рендерится целиком) и с живого сайта (news/отзывы — их в экспорте нет). Система координат = ЭКРАННЫЕ px при 375: zoomSync ниже 640 масштабирует типовые блоки как vw/375 (у Тильды это vw/320 по её мобильной канве — тот же результат, просто наши числа сняты уже отрисованными). */ @media (max-width:639px){ /* SEO-текст: колонка 328 при полях 23, заголовок 17.6/1.23, текст 14/1.55. Эталон: заголовок t9 h57, текст t66 h392, запись 466 без паддингов. */ .txt{padding:9px 23px 0} .txt__inner{max-width:329px} .txt__title{font-size:17.6px; margin-bottom:14px} .txt__body{font-size:14.06px} .txt__more[open] .txt__body{margin-top:21.8px} .txt__more summary{font-size:14px} /* Новости: карточки в столбик, обложка 328x182 r14, шаг между постами 70. Заголовок 17.6/1.35, дата 11.7 через 17.6. */ .news{padding:0} .news__grid{grid-template-columns:1fr; gap:70px; max-width:328px} .news__thumb{height:182px; margin-bottom:24px} .news__title{font-size:17.6px} .news__date{font-size:11.7px; margin-top:17.6px} /* Карта: 328x539 r18 при полях 23, снизу отступ записи 120 (res-480). */ .kmap{height:auto; padding:21px 23px 120px} /* запись 680 = 21 + карта 539 + 120 */ .kmap__frame{max-width:329px; height:539px} /* FAQ: плашки 352 при поле 12, одна строка 56 / две 75, шаг 16; запись 640 с паддингами 15/15. Ответ и кнопка — на всю ширину плашки. */ .faq{padding:15px 12px} .faq__inner,.faq__list{max-width:none; width:auto; margin-left:0} .faq__list{gap:16px} /* padding 18: одна строка 19.5+36 = 56 (эталон 56), две 39+36 = 75 (эталон 75) */ .faq__item summary{min-height:56px; height:auto; padding:18px 46px 18px 16px; font-size:15px; line-height:1.3} .faq__plus{right:10px} .faq__item p{padding:14px 16px 4px; font-size:14px} .faq__btn{margin:0 16px 6px} } /* ---- Квиз на мобильном (≤639). Эталон @375: карточка во всю ширину без скруглений, фон единый #f6f6f6, порядок ПЕРЕВЁРНУТ — сначала консультант (фото 103 справа, имя/должность слева, ниже сообщение), потом подпись бонуса, вопрос 25.8/600 и опции столбиком 324 шириной. Высота записи 988 (карточка 935 + pb 45). ---- */ @media (max-width:639px){ .quiz{padding:0 0 45px} /* fixed-height карточки: эталон @375 — 935 (запись 988 = 935 + pb 45) */ .quiz__card{width:auto; max-width:none; height:auto; min-height:935px; flex-direction:column; background:#f6f6f6; border-radius:0} .quiz__main{width:auto; background:transparent; order:2; padding:0 25px 0} .quiz__aside{width:auto; order:1; background:transparent; border-radius:0; padding:55px 25px 0; margin-top:0} /* Консультант, как в оригинале @375: фото 103x103 справа (t55 l247), имя и должность слева от него, сообщение — ПОД фото во всю ширину (t172 w342). Поэтому float, а не grid: в гриде сообщение оставалось в узкой колонке и растягивалось на 8 строк вместо 5 (замечание владельца по скринам). */ .quiz__aside{display:block} .quiz__photo{float:right; width:103px; height:103px; margin:0 0 15px 15px} .quiz__who{margin-top:0; background:transparent; padding:0} .quiz__msg{clear:both} /* Прогресс-бар — по верхнему краю КАРТОЧКИ, а не блока с вопросом: main на мобильном идёт вторым (order:2), и полоса из него ложилась поперёк текста консультанта. Снимаем у main позиционирование, ставим его карточке. */ .quiz__card{position:relative} .quiz__main{position:static} .quiz__name{font-size:14px} .quiz__role{font-size:12px} .quiz__msg{margin-top:13px; font-size:14px} /* плашка «Бонус в конце» с буклетом на мобильном у Тильды НЕ выводится — остаётся только строка «Гарантированный бонус в конце. Всего 6 вопросов» */ .quiz__bonus{display:none} .quiz__title{font-size:25.8px; line-height:1.15} .quiz__opts{grid-template-columns:1fr; gap:12px} .quiz__opt{height:74px} .quiz__footer{position:static; margin-top:24px; padding-bottom:0} /* прогресс-бар на мобильном — во всю ширину карточки, как в эталоне */ .quiz__progress{left:0; right:0} } /* ---- Бургер и мобильное меню (rec1288971081, t450) ---- Замеры эталона @375: иконка 38x38 на t16 l314 (правый край 352 = край плашки шапки минус 12); панель 375 во весь экран, фон #f1f1f1, логотип 83x36 на t18 l23, пункты 16/400 InterTight #222 с шагом 41 от t124, крестик 56x56 в правом верхнем (t7, отступ справа 14). */ .header__burger{display:none; width:38px; height:38px; padding:0; border:0; background:none; cursor:pointer} .header__burger img{display:block; width:100%; height:100%} .mmenu{position:fixed; inset:0; z-index:100000000; } .mmenu[hidden]{display:none} .mmenu__panel{position:absolute; inset:0; background:#f1f1f1; transform:translateX(100%); transition:transform .3s ease; will-change:transform; padding:18px 23px} .mmenu.is-open .mmenu__panel{transform:translateX(0)} .mmenu__logo img{display:block; width:83px; height:36px} .mmenu__close{position:absolute; top:7px; right:14px; width:56px; height:56px; border:0; background:none; cursor:pointer} .mmenu__close::before,.mmenu__close::after{content:''; position:absolute; left:16px; top:27px; width:24px; height:2px; background:#222} .mmenu__close::before{transform:rotate(45deg)} .mmenu__close::after{transform:rotate(-45deg)} .mmenu__list{list-style:none; margin:70px 0 0; padding:0} .mmenu__list li{height:41px} .mmenu__list a{font-family:var(--font-text); font-size:16px; font-weight:400; color:var(--dark); line-height:23px; display:inline-block; padding-top:2px} @media (max-width:639px){ .header__burger{display:block} } @media (min-width:640px){ .mmenu{display:none} } /* ---- Вертикальные отступы записей на мобильном ---- У Тильды классы t-rec_pt/pb-res-480_N живут в @media (max-width:480px), а не в 639 — брейкпоинт её сетки, не артборда. Значения сняты из классов записей экспорта; где res-480 не задан, действует базовое. */ @media (max-width:480px){ .s2{margin-top:45px} /* было 60 */ .s3{margin-top:30px} /* было 45 */ .s5{margin-top:45px} /* было 60 */ .s11{margin-bottom:0} /* было 15 */ .s18{margin-top:45px} /* было 30 */ .txt{padding-top:0} /* pt 30 → 0 */ } /* Кроп hero-фото на мобильном: у Тильды на артборде 320 фон смещён вправо-вверх (background-position 94.623% 0% при size 297.804% — это ровно cover для 1259x768 в карточке 352x639), поэтому в кадр попадают люди, а не фасад. У нас , так что достаточно повторить позицию. */ @media (max-width:639px){ .hero__bg{object-position:94.623% 0%} } /* ---- Шапка на мобильном (замеры эталона @375, канва 320) ---- плашка 352 экранных = 300 канвы при отступе 10; лого 83 = 71 канвы; иконки 38 = 32.4 канвы на позициях 191 / 247 / 314 — то есть actions прижаты вправо, зазор WA→TG 15 канвы, TG→бургер 25 канвы, справа 10. */ @media (max-width:639px){ .header__inner{width:calc(100vw - 20 * var(--k)); padding:0 calc(10 * var(--k))} .header__logo img{width:calc(71 * var(--k))} .header__actions{margin-left:auto; display:flex; align-items:center; gap:calc(15 * var(--k))} .header__actions .iconbtn, .header__actions .iconbtn img{width:calc(32.4 * var(--k)); height:calc(32.4 * var(--k))} /* gap контейнера (15) уже даёт часть отступа — добавляем 10 до нужных 25 */ .header__burger{margin-left:calc(10 * var(--k)); width:calc(32.4 * var(--k)); height:calc(32.4 * var(--k))} } /* s4 на мобильном — карусель «Удаленно / Анонимно / …»: у артборда оригинала overflow:auto hidden, содержимое 1217 при экране 375 скроллится пальцем вбок (то же поведение, что у полосы преимуществ в первом экране). У нас стояло overflow:hidden — блок был обрезан и недоступен. */ @media (max-width:639px){ .s4{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch} } /* Плашка-«стекло» карточки контактов на мобильном НЕ выводится: в CSS экспорта у элемента 1754545145668 в @media (max-width:639px) стоит display:none. У нас она оставалась и висела размытым пустым прямоугольником над картой. */ @media (max-width:639px){ .s19__shape-1{display:none} } /* iOS Safari (iPhone 14 Pro, замечание владельца 06.08) overflow-x на html часто игнорирует — поэтому обрезаем и на самих секциях, которые физически шире экрана: секции с абсолютными элементами за артбордом. `clip` вместо `hidden`: не создаёт скролл-контейнер и не ломает position:fixed внутри. */ @media (max-width:639px){ /* обрезаем ВСЕ зеро-секции — это аналог #allrecords{overflow:hidden} у Тильды. Исключение .s4: там overflow-x:auto, карусель скроллится пальцем внутри. */ .hero, .s2, .s3, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18, .s19, .s20, .quiz, .faq, .news, .txt, .kmap, .revs-widget{overflow-x:hidden; overflow-x:clip} /* Стрелки слайдера телефона: десктопные координаты (951/1151 канвы 1200) на мобильном улетали на 1114/1349 и тянули страницу вбок. Сначала я их просто скрыл — но в оригинале они ЕСТЬ и слайдер ими листается (замечание владельца). Замеры живого @375: 35x35 на t824, l59 и l281 → в канве 320: 30x30, top 703, left 50 и 240 (вплотную к экрану телефона 104..270). */ .s11__parr{display:block; top:calc(703 * var(--k)); width:calc(30 * var(--k)); height:calc(30 * var(--k))} .s11__parr--l{left:calc(50 * var(--k))} .s11__parr--r{left:calc(240 * var(--k))} } /* Стрелки слайдера телефона на планшете 640-959: координаты десктопные (951/1151 канвы 1200) — на артборде 640 они улетают за экран на 1177/1417 и тянут страницу вбок. Замеры эталона @768: стрелки 36x36 экранных на t590 / l440 и l668 при zoom 1.2 → в канве 640: 30x30, top 492, left 367/557 (слайдер в центре, стрелки вплотную к нему). На ≤639 их нет вовсе. */ @media (max-width:959px) and (min-width:640px){ .s11__parr{top:calc(492 * var(--k)); width:calc(30 * var(--k)); height:calc(30 * var(--k))} .s11__parr--l{left:calc(367 * var(--k))} .s11__parr--r{left:calc(557 * var(--k))} } /* обрезка секций и на планшете — тот же аналог #allrecords{overflow:hidden} */ @media (max-width:959px){ .hero, .s2, .s3, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18, .s19, .s20, .quiz, .faq, .news, .txt, .kmap, .revs-widget{overflow-x:hidden; overflow-x:clip} } /* Мобильная стрелка hero (отдельный элемент оригинала 175726783843761400): 50x52 канвы на 506/225; десктопная (наш .hero__arrow без --mob) скрыта. */ .hero__arrow--mob{display:none} @media (max-width:639px){ .hero__arrow:not(.hero__arrow--mob){display:none} .hero__arrow--mob{display:block; top:calc(506 * var(--k)); left:calc(225 * var(--k)); width:calc(50 * var(--k)); height:calc(52 * var(--k))} /* крошки: в оригинале одна строка (h16 при ширине 315). У нас разделители «/» имели отступ 10 канвы с каждой стороны — строка не влезала и переносилась на вторую (видно на скрине владельца с iPhone). */ .breadcrumbs li:not(:first-child)::before{margin:0 calc(5 * var(--k))} } /* Слайдер дел на мобильном: обрезка по нижнему краю жёлтой карточки, как на десктопе. Карточка @375: t811 h376 → низ 1187; слайдер начинается на 990, значит видимая высота 197 экранных = 168 канвы (правило с !important выше резало по десктопным 196 канвы = 230 экранных, и скан торчал ниже карточки — замечание владельца по скрину с iPhone). */ @media (max-width:639px){ .s9__slider{height:calc(168 * var(--k)) !important} } /* s9 на мобильном: жёлтые плашки с цифрами и белые плашки с подписями у нас заведены как ХОВЕР-твины (на десктопе верно — в оригинале они всплывают по наведению). На телефоне ховера нет, и в оригинале они видны ВСЕГДА: жёлтая плашка с цифрой сверху, под ней светлая с текстом (скрин владельца с iPhone). Без этого на мобильном оставались только серые подложки и текст пропадал. */ @media (max-width:639px){ [data-eid="175738057217591570"],[data-eid="175738164234048060"], [data-eid="175738164738291470"], [data-eid="1754819900220"],[data-eid="1754820266601"],[data-eid="1754820285333"]{ opacity:1 !important} } /* s9 на мобильном: подписи под цифрами («Опыт в юридической помощи…», «Получили юридическую помощь», «Успешно завершённые дела…») лежат ВНУТРИ серых подложек, а тем задан z-index 4 (слои под ховер-логику десктопа) — на телефоне подложка накрывала текст, оставался пустой серый прямоугольник. Поднимаем подписи на тот же слой, что цифры. */ @media (max-width:639px){ [data-eid="1754576396275"],[data-eid="1754576394631"],[data-eid="1754575530427"]{z-index:6} } /* Рамка телефона в отзывах: у неё left -107 канвы (заезжает за левый край) и ширина 345 канвы = 404 экранных при 375. Глобальное img{max-width:100%} ужимало её до 375, а экран с перепиской — отдельный элемент фиксированного размера — оставался прежним и наезжал на рамку (замечание владельца). Снимаем ограничение: элемент и должен выходить за экран, лишнее обрежет overflow-x:clip секции. */ .s11__image-2{max-width:none} /* ---- Видео-отзывы: кликабельные накладки поверх превью + попап с ВК ---- В оригинале превью — ссылки на #popup:fb1..fb3 (блоки t331 с ВК-плеером). Накладки повторяют геометрию .s11__shape-6/9/12 на каждом артборде. */ .s11__vlink{position:absolute; z-index:9; border:0; padding:0; background:none; cursor:pointer; top:calc(32 * var(--k)); left:calc(20 * var(--k)); width:calc(166 * var(--k)); height:calc(231 * var(--k))} .s11__vlink--2{left:calc(204 * var(--k))} .s11__vlink--3{left:calc(388 * var(--k))} @media (max-width:639px){ .s11__vlink{left:calc(10 * var(--k)); width:calc(157 * var(--k)); height:calc(218 * var(--k))} .s11__vlink--2{left:calc(177 * var(--k))} .s11__vlink--3{left:calc(344 * var(--k))} } /* Попап видео */ .vpop{position:fixed; inset:0; z-index:100000001; background:rgba(0,0,0,.85); display:flex; align-items:center; justify-content:center; padding:20px} .vpop[hidden]{display:none} .vpop__frame{width:min(960px, 100%); aspect-ratio:16/9; background:#000} .vpop__frame iframe{width:100%; height:100%; border:0; display:block} .vpop__close{position:absolute; top:14px; right:14px; width:44px; height:44px; border:0; background:none; cursor:pointer} .vpop__close::before,.vpop__close::after{content:''; position:absolute; left:10px; top:21px; width:24px; height:2px; background:#fff} .vpop__close::before{transform:rotate(45deg)} .vpop__close::after{transform:rotate(-45deg)} /* ---- Лента видео-превью на мобильном ---- У Тильды @375 три превью лежат в группе с overflow-x:scroll: scrollWidth 511 при clientWidth 320 (канва), листается свайпом. У нас они были абсолютными в секции — второе и третье просто обрезались краем экрана (замечание владельца). Обёртка на десктопе прозрачна (display:contents), на мобильном становится скролл-контейнером, а координаты детей отсчитываются от неё: left 10/177/344 канвы секции → 0/167/334 внутри ленты. */ .s11__vids{display:contents} @media (max-width:639px){ /* лента во всю ширину экрана (у Тильды группа = 320 канвы), координаты детей по горизонтали НЕ трогаем — они уже 10/177/344 канвы, как в оригинале; сдвигаем только по вертикали (обёртка сама стоит на top 32) */ .s11__vids{display:block; position:absolute; top:calc(32 * var(--k)); left:0; width:calc(320 * var(--k)); height:calc(218 * var(--k)); overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch} .s11__shape-6,.s11__shape-7,.s11__shape-9,.s11__shape-10, .s11__shape-12,.s11__shape-13,.s11__vlink{top:0} .s11__image-8,.s11__image-11,.s11__image-14{top:calc(8 * var(--k))} /* хвост: правый край последнего превью 344+157 = 501 канвы + поле 10 */ .s11__vids::after{content:''; position:absolute; left:calc(510 * var(--k)); top:0; width:1px; height:1px} } /* ---- Автопрокрутка полосы преимуществ (мобильный) ---- Программный scrollLeft на iOS не двигает ленту (проверено владельцем: CSS- анимации при этом работают), поэтому едет CSS-анимация transform у трека, а нативный свайп самого ul сохраняется. Ход = содержимое минус контент-бокс: 465 − 246 = 219 канвы. Скорость ~13 px/сек (замер по видео с iPhone) → при 375 это 257 экранных за 20 секунд. */ .benefits__track{display:contents} @media (max-width:639px){ /* flex:none — иначе трек как flex-item сожмётся по контейнеру и ленте нечего будет прокручивать ни авто, ни пальцем */ .benefits__track{display:flex; align-items:center; column-gap:calc(5 * var(--k)); flex:none; animation:benefitsRun 20s linear infinite alternate; will-change:transform} @keyframes benefitsRun{ from{transform:translateX(0)} to{transform:translateX(calc(-219 * var(--k)))} } @media (prefers-reduced-motion:reduce){ .benefits__track{animation:none} } } /* ---------- rec1244745641 ---------- */ .hs5641{ --k:calc(100vw / 1200); position:relative; height:calc(110 * var(--k)); overflow:visible; background:#ffffff; } .hs5641__ot-4-1{position:absolute; top:calc(87 * var(--k)); left:calc(20 * var(--k)); width:calc(138 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.5; color:#222222} @media (max-width:1199px){ .hs5641__ot-4-1{top:calc(87 * var(--k)); left:calc(20 * var(--k)); width:calc(138 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .hs5641__ot-4-1{top:calc(87 * var(--k)); left:calc(20 * var(--k)); width:calc(138 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .hs5641__ot-4-1{top:calc(62 * var(--k)); left:calc(10 * var(--k)); width:calc(130 * var(--k)); font-size:calc(14 * var(--k))} } .hs5641__nasi-uslugi-2{position:absolute; top:calc(15 * var(--k)); left:calc(19 * var(--k)); width:calc(263 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .hs5641__nasi-uslugi-2{top:calc(15 * var(--k)); left:calc(19 * var(--k)); width:calc(263 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .hs5641__nasi-uslugi-2{top:calc(15 * var(--k)); left:calc(19 * var(--k)); width:calc(263 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .hs5641__nasi-uslugi-2{top:calc(15 * var(--k)); left:calc(9 * var(--k)); width:calc(160 * var(--k)); font-size:calc(40 * var(--k))} } .hs5641__image-3{position:absolute; top:calc(35 * var(--k)); left:calc(1140 * var(--k)); width:calc(40 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5641__image-3{left:calc(900 * var(--k))} } @media (max-width:959px){ .hs5641__image-3{left:calc(580 * var(--k))} } @media (max-width:639px){ .hs5641__image-3{top:calc(23 * var(--k)); left:calc(279 * var(--k)); width:calc(31 * var(--k))} } .hs5641__image-4{position:absolute; top:calc(35 * var(--k)); left:calc(1140 * var(--k)); width:calc(40 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5641__image-4{left:calc(900 * var(--k))} } @media (max-width:959px){ .hs5641__image-4{left:calc(580 * var(--k))} } @media (max-width:639px){ .hs5641__image-4{top:calc(23 * var(--k)); left:calc(279 * var(--k)); width:calc(31 * var(--k))} } .hs5641__image-5{position:absolute; top:calc(35 * var(--k)); left:calc(1074 * var(--k)); width:calc(40 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5641__image-5{left:calc(834 * var(--k))} } @media (max-width:959px){ .hs5641__image-5{left:calc(514 * var(--k))} } @media (max-width:639px){ .hs5641__image-5{top:calc(23 * var(--k)); left:calc(224 * var(--k)); width:calc(31 * var(--k))} } .hs5641__image-6{position:absolute; top:calc(35 * var(--k)); left:calc(1074 * var(--k)); width:calc(40 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5641__image-6{left:calc(834 * var(--k))} } @media (max-width:959px){ .hs5641__image-6{left:calc(514 * var(--k))} } @media (max-width:639px){ .hs5641__image-6{top:calc(23 * var(--k)); left:calc(222 * var(--k)); width:calc(31 * var(--k))} } /* ---------- rec1244745656 ---------- */ .hs5656{ --k:calc(100vw / 1200); position:relative; height:calc(418 * var(--k)); overflow:visible; background:#ffffff; } .hs5656__shape-1{position:absolute; top:calc(25 * var(--k)); left:calc(0 * var(--k)); width:calc(1404 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:959px){ .hs5656__shape-1{width:calc(702 * var(--k))} } @media (max-width:639px){ .hs5656__shape-1{top:calc(25 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(337 * var(--k))} } /* ---------- rec1244745721 ---------- */ .hs5721{ --k:calc(100vw / 1200); position:relative; height:calc(368 * var(--k)); overflow:visible; } .hs5721__shape-1{position:absolute; top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(351 * var(--k)); height:calc(368 * var(--k)); background-color:#ffffff; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5721__shape-1{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5721__shape-1{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5721__shape-1{top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(336 * var(--k))} } .hs5721__shape-2{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:url('../img/tild6334-3935-4430-a538-316535313439__fon2.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .hs5721__shape-2{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5721__shape-2{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5721__shape-2{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5721__shape-3{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0turn,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 46%)} @media (max-width:1199px){ .hs5721__shape-3{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5721__shape-3{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5721__shape-3{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5721__shape-4{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.403turn,rgba(244,196,8,0.47) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .hs5721__shape-4{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5721__shape-4{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5721__shape-4{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5721__pomos-molodym-5{position:absolute; top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(230 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#ffffff} @media (max-width:1199px){ .hs5721__pomos-molodym-5{top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(230 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .hs5721__pomos-molodym-5{top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(230 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .hs5721__pomos-molodym-5{top:calc(297 * var(--k)); left:calc(32 * var(--k)); width:calc(195 * var(--k)); font-size:calc(13 * var(--k))} } .hs5721__vector-6{position:absolute; top:calc(-19 * var(--k)); left:calc(9 * var(--k)); width:calc(160 * var(--k))} @media (max-width:959px){ .hs5721__vector-6{left:calc(9 * var(--k))} } @media (max-width:639px){ .hs5721__vector-6{top:calc(-18 * var(--k)); left:calc(0 * var(--k)); width:calc(155 * var(--k))} } .hs5721__image-7{position:absolute; top:calc(6 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5721__image-7{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } .hs5721__image-8{position:absolute; top:calc(6 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5721__image-8{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } /* ---------- rec1244745726 ---------- */ .hs5726{ --k:calc(100vw / 1200); position:relative; height:calc(368 * var(--k)); overflow:visible; } .hs5726__shape-1{position:absolute; top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(351 * var(--k)); height:calc(368 * var(--k)); background-color:#ffffff; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5726__shape-1{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5726__shape-1{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5726__shape-1{top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(336 * var(--k))} } .hs5726__shape-2{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k)); background-image:url('../img/tild6338-3461-4132-b962-333762313835____.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .hs5726__shape-2{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5726__shape-2{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5726__shape-2{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5726__shape-3{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0turn,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 46%)} @media (max-width:1199px){ .hs5726__shape-3{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5726__shape-3{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5726__shape-3{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5726__shape-4{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.097turn,rgba(244,196,8,0.47) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .hs5726__shape-4{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5726__shape-4{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5726__shape-4{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5726__pomos-ucitelam-5{position:absolute; top:calc(326 * var(--k)); left:calc(99 * var(--k)); width:calc(245 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#ffffff} @media (max-width:1199px){ .hs5726__pomos-ucitelam-5{top:calc(326 * var(--k)); left:calc(99 * var(--k)); width:calc(245 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .hs5726__pomos-ucitelam-5{top:calc(326 * var(--k)); left:calc(99 * var(--k)); width:calc(245 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .hs5726__pomos-ucitelam-5{top:calc(294 * var(--k)); left:calc(90 * var(--k)); width:calc(215 * var(--k)); font-size:calc(13 * var(--k))} } .hs5726__vector-6{position:absolute; top:calc(223 * var(--k)); left:calc(9 * var(--k)); width:calc(160 * var(--k))} @media (max-width:959px){ .hs5726__vector-6{left:calc(9 * var(--k))} } @media (max-width:639px){ .hs5726__vector-6{top:calc(196 * var(--k)); left:calc(0 * var(--k)); width:calc(155 * var(--k))} } .hs5726__image-7{position:absolute; top:calc(310 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5726__image-7{top:calc(278 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } .hs5726__image-8{position:absolute; top:calc(310 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5726__image-8{top:calc(278 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } /* ---------- rec1244745731 ---------- */ .hs5731{ --k:calc(100vw / 1200); position:relative; height:calc(368 * var(--k)); overflow:visible; } .hs5731__shape-1{position:absolute; top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(351 * var(--k)); height:calc(368 * var(--k)); background-color:#ffffff; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5731__shape-1{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5731__shape-1{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5731__shape-1{top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(336 * var(--k))} } .hs5731__shape-2{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k)); background-image:url('../img/tild3539-6265-4233-a631-313636636561___.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .hs5731__shape-2{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5731__shape-2{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5731__shape-2{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5731__shape-3{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0turn,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 46%)} @media (max-width:1199px){ .hs5731__shape-3{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5731__shape-3{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5731__shape-3{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5731__shape-4{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.403turn,rgba(244,196,8,0.47) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .hs5731__shape-4{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5731__shape-4{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5731__shape-4{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5731__pomos-uvolennym-5{position:absolute; top:calc(326 * var(--k)); left:calc(44 * var(--k)); width:calc(215 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#ffffff} @media (max-width:1199px){ .hs5731__pomos-uvolennym-5{top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(215 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .hs5731__pomos-uvolennym-5{top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(215 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .hs5731__pomos-uvolennym-5{top:calc(297 * var(--k)); left:calc(32 * var(--k)); width:calc(183 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } .hs5731__vector-6{position:absolute; top:calc(-19 * var(--k)); left:calc(9 * var(--k)); width:calc(160 * var(--k))} @media (max-width:959px){ .hs5731__vector-6{left:calc(9 * var(--k))} } @media (max-width:639px){ .hs5731__vector-6{top:calc(-18 * var(--k)); left:calc(0 * var(--k)); width:calc(155 * var(--k))} } .hs5731__image-7{position:absolute; top:calc(6 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5731__image-7{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } .hs5731__image-8{position:absolute; top:calc(6 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5731__image-8{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } /* ---------- rec1244745736 ---------- */ .hs5736{ --k:calc(100vw / 1200); position:relative; height:calc(368 * var(--k)); overflow:visible; } .hs5736__shape-1{position:absolute; top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(351 * var(--k)); height:calc(368 * var(--k)); background-color:#ffffff; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5736__shape-1{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5736__shape-1{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5736__shape-1{top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(336 * var(--k))} } .hs5736__shape-2{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k)); background-image:url('../img/tild3066-6438-4633-b932-356461373637____.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .hs5736__shape-2{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5736__shape-2{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5736__shape-2{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5736__shape-3{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0turn,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 46%)} @media (max-width:1199px){ .hs5736__shape-3{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5736__shape-3{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5736__shape-3{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5736__shape-4{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.097turn,rgba(244,196,8,0.47) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .hs5736__shape-4{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5736__shape-4{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5736__shape-4{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5736__pomos-ludam-5{position:absolute; top:calc(326 * var(--k)); left:calc(99 * var(--k)); width:calc(240 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#ffffff} @media (max-width:1199px){ .hs5736__pomos-ludam-5{top:calc(326 * var(--k)); left:calc(99 * var(--k)); width:calc(240 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .hs5736__pomos-ludam-5{top:calc(326 * var(--k)); left:calc(99 * var(--k)); width:calc(240 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .hs5736__pomos-ludam-5{top:calc(294 * var(--k)); left:calc(90 * var(--k)); width:calc(208 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } .hs5736__vector-6{position:absolute; top:calc(223 * var(--k)); left:calc(9 * var(--k)); width:calc(160 * var(--k))} @media (max-width:959px){ .hs5736__vector-6{left:calc(9 * var(--k))} } @media (max-width:639px){ .hs5736__vector-6{top:calc(196 * var(--k)); left:calc(0 * var(--k)); width:calc(155 * var(--k))} } .hs5736__image-7{position:absolute; top:calc(310 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5736__image-7{top:calc(278 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } .hs5736__image-8{position:absolute; top:calc(310 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5736__image-8{top:calc(278 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } /* ---------- rec1244745741 ---------- */ .hs5741{ --k:calc(100vw / 1200); position:relative; height:calc(368 * var(--k)); overflow:visible; } .hs5741__shape-1{position:absolute; top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(351 * var(--k)); height:calc(368 * var(--k)); background-color:#ffffff; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5741__shape-1{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5741__shape-1{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5741__shape-1{top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(336 * var(--k))} } .hs5741__shape-2{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k)); background-image:url('../img/tild3533-6433-4932-a162-613538646231__photo.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .hs5741__shape-2{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5741__shape-2{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5741__shape-2{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5741__shape-3{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0turn,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 46%)} @media (max-width:1199px){ .hs5741__shape-3{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5741__shape-3{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5741__shape-3{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5741__shape-4{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.403turn,rgba(244,196,8,0.47) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .hs5741__shape-4{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5741__shape-4{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5741__shape-4{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5741__pomos-predprinimatelam-5{position:absolute; top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(204 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#ffffff} @media (max-width:1199px){ .hs5741__pomos-predprinimatelam-5{top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(204 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .hs5741__pomos-predprinimatelam-5{top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(204 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .hs5741__pomos-predprinimatelam-5{top:calc(297 * var(--k)); left:calc(32 * var(--k)); width:calc(176 * var(--k)); font-size:calc(13 * var(--k))} } .hs5741__vector-6{position:absolute; top:calc(-19 * var(--k)); left:calc(9 * var(--k)); width:calc(160 * var(--k))} @media (max-width:959px){ .hs5741__vector-6{left:calc(9 * var(--k))} } @media (max-width:639px){ .hs5741__vector-6{top:calc(-18 * var(--k)); left:calc(0 * var(--k)); width:calc(155 * var(--k))} } .hs5741__image-7{position:absolute; top:calc(6 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5741__image-7{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } .hs5741__image-8{position:absolute; top:calc(6 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5741__image-8{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } /* ---------- rec1244745746 ---------- */ .hs5746{ --k:calc(100vw / 1200); position:relative; height:calc(368 * var(--k)); overflow:visible; } .hs5746__shape-1{position:absolute; top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(351 * var(--k)); height:calc(368 * var(--k)); background-color:#ffffff; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5746__shape-1{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5746__shape-1{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5746__shape-1{top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(336 * var(--k))} } .hs5746__shape-2{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k)); background-image:url('../img/tild3836-3065-4337-b766-366134306334___.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .hs5746__shape-2{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5746__shape-2{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5746__shape-2{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5746__shape-3{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0turn,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 46%)} @media (max-width:1199px){ .hs5746__shape-3{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5746__shape-3{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5746__shape-3{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5746__shape-4{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.097turn,rgba(244,196,8,0.47) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .hs5746__shape-4{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5746__shape-4{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5746__shape-4{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5746__pomos-ludam-5{position:absolute; top:calc(326 * var(--k)); left:calc(99 * var(--k)); width:calc(220 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#ffffff} @media (max-width:1199px){ .hs5746__pomos-ludam-5{top:calc(326 * var(--k)); left:calc(99 * var(--k)); width:calc(220 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .hs5746__pomos-ludam-5{top:calc(326 * var(--k)); left:calc(99 * var(--k)); width:calc(220 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .hs5746__pomos-ludam-5{top:calc(294 * var(--k)); left:calc(90 * var(--k)); width:calc(190 * var(--k)); font-size:calc(13 * var(--k))} } .hs5746__vector-6{position:absolute; top:calc(223 * var(--k)); left:calc(9 * var(--k)); width:calc(160 * var(--k))} @media (max-width:959px){ .hs5746__vector-6{left:calc(9 * var(--k))} } @media (max-width:639px){ .hs5746__vector-6{top:calc(196 * var(--k)); left:calc(0 * var(--k)); width:calc(155 * var(--k))} } .hs5746__image-7{position:absolute; top:calc(310 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5746__image-7{top:calc(278 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } .hs5746__image-8{position:absolute; top:calc(310 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5746__image-8{top:calc(278 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } /* ---------- rec1244745751 ---------- */ .hs5751{ --k:calc(100vw / 1200); position:relative; height:calc(368 * var(--k)); overflow:visible; } .hs5751__shape-1{position:absolute; top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(351 * var(--k)); height:calc(368 * var(--k)); background-color:#ffffff; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5751__shape-1{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5751__shape-1{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5751__shape-1{top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(336 * var(--k))} } .hs5751__shape-2{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k)); background-image:url('../img/tild6133-6331-4365-b433-393764643162__photo.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .hs5751__shape-2{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5751__shape-2{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5751__shape-2{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5751__shape-3{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0turn,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 46%)} @media (max-width:1199px){ .hs5751__shape-3{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5751__shape-3{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5751__shape-3{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5751__shape-4{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(331 * var(--k)); height:calc(368 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.403turn,rgba(244,196,8,0.47) 0%,rgba(255,255,255,0) 79%)} @media (max-width:1199px){ .hs5751__shape-4{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5751__shape-4{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5751__shape-4{top:calc(0 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(336 * var(--k))} } .hs5751__pomos-frilanseram-5{position:absolute; top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(166 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.4; color:#ffffff} @media (max-width:1199px){ .hs5751__pomos-frilanseram-5{top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(166 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .hs5751__pomos-frilanseram-5{top:calc(326 * var(--k)); left:calc(42 * var(--k)); width:calc(166 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:639px){ .hs5751__pomos-frilanseram-5{top:calc(297 * var(--k)); left:calc(32 * var(--k)); width:calc(142 * var(--k)); font-size:calc(13 * var(--k))} } .hs5751__vector-6{position:absolute; top:calc(-19 * var(--k)); left:calc(9 * var(--k)); width:calc(160 * var(--k))} @media (max-width:959px){ .hs5751__vector-6{left:calc(9 * var(--k))} } @media (max-width:639px){ .hs5751__vector-6{top:calc(-18 * var(--k)); left:calc(0 * var(--k)); width:calc(155 * var(--k))} } .hs5751__image-7{position:absolute; top:calc(6 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5751__image-7{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } .hs5751__image-8{position:absolute; top:calc(6 * var(--k)); left:calc(26 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5751__image-8{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(49 * var(--k))} } /* ---------- rec1244745756 ---------- */ .hs5756{ --k:calc(100vw / 1200); position:relative; height:calc(368 * var(--k)); overflow:visible; } .hs5756__shape-1{position:absolute; top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(351 * var(--k)); height:calc(368 * var(--k)); background-color:#ffffff; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .hs5756__shape-1{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5756__shape-1{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5756__shape-1{top:calc(0 * var(--k)); left:calc(0 * var(--k)); width:calc(310 * var(--k)); height:calc(336 * var(--k))} } .hs5756__shape-2{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(106 * var(--k)); height:calc(368 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .hs5756__shape-2{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5756__shape-2{top:calc(0 * var(--k)); width:calc(106 * var(--k))} } @media (max-width:639px){ .hs5756__shape-2{top:calc(120 * var(--k)); left:calc(112 * var(--k)); width:calc(97 * var(--k)); height:calc(97 * var(--k))} } .hs5756__shape-3{position:absolute; top:calc(0 * var(--k)); left:calc(20 * var(--k)); width:calc(106 * var(--k)); height:calc(368 * var(--k)); background-color:#f5d34b; border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .hs5756__shape-3{top:calc(0 * var(--k))} } @media (max-width:959px){ .hs5756__shape-3{top:calc(0 * var(--k))} } @media (max-width:639px){ .hs5756__shape-3{top:calc(120 * var(--k)); left:calc(112 * var(--k)); width:calc(97 * var(--k)); height:calc(97 * var(--k))} } .hs5756__image-4{position:absolute; top:calc(158 * var(--k)); left:calc(47 * var(--k)); width:calc(52 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .hs5756__image-4{top:calc(144 * var(--k)); left:calc(136 * var(--k)); width:calc(48 * var(--k))} } .hs5756__v-nacalo-5{position:absolute; top:calc(210 * var(--k)); left:calc(44 * var(--k)); width:calc(58 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#222222; text-align:center} @media (max-width:1199px){ .hs5756__v-nacalo-5{top:calc(210 * var(--k)); left:calc(44 * var(--k)); width:calc(58 * var(--k)); font-size:calc(11 * var(--k))} } @media (max-width:959px){ .hs5756__v-nacalo-5{top:calc(210 * var(--k)); left:calc(44 * var(--k)); width:calc(58 * var(--k)); font-size:calc(11 * var(--k))} } @media (max-width:639px){ .hs5756__v-nacalo-5{top:calc(190 * var(--k)); left:calc(132 * var(--k)); width:calc(56 * var(--k)); font-size:calc(10 * var(--k)); text-align:center} } /* ---------- rec1261083021 ---------- */ .hs3021{ --k:calc(100vw / 1200); position:relative; height:calc(80 * var(--k)); overflow:visible; background:#ffffff; } /* ---- Карусель услуг на главной (rec1244745721…756) ---- В оригинале восемь карточек стоят в ряд: left 0/363/727/…/2543 при ширине 363 экранных (=340 канвы) и высоте 368 канвы; листаются стрелками из блока заголовка «Наши услуги». Секции внутри ленты теряют своё абсолютное позиционирование и становятся элементами флекса. */ /* Карточки в оригинале лежат ПОВЕРХ подложки rec1244745656 (её высота 418 канвы), а не под ней: подложка начинается на 4973, карточки — на 5000 и кончаются на 26 раньше её низа. У нас подложка шла отдельной секцией, и между «от 4 000 ₽ в месяц» и карточками зияли лишние ~420px (замечание владельца). Поднимаем ленту в подложку отрицательным margin. */ .hs-carousel{position:relative; overflow:hidden; background:var(--page-bg); --hk:calc(100vw / 1200); margin-top:calc(-393 * var(--hk)); margin-bottom:calc(24 * var(--hk))} @media (max-width:1199px){ .hs-carousel{--hk:calc(100vw / 960)} } @media (max-width:959px){ .hs-carousel{--hk:calc(100vw / 640)} } @media (max-width:639px){ .hs-carousel{--hk:calc(100vw / 320)} } .hs-track{display:flex; gap:0; transition:transform 1s ease; will-change:transform} /* Шаг ленты — 351 канвы: вьюпортом слайдера ANNEXX служит сама подложка (1404 канвы), в неё влезают ровно 4 карточки, 1404/4 = 351. Замер живого @1280: карточки 374.5 экранных, левые края 0/374/749/1124 (351 * 1.0667). Было 340 — лента шла теснее оригинала. Скорость 1s = smartSpeed слайдера. */ .hs-track > section{flex:none; width:calc(351 * var(--k, calc(100vw / 1200)))} .hs-arr{position:absolute; z-index:9; cursor:pointer} /* ==== страница /privacy-policy ==== */ /* ---------- rec1292404551 ---------- */ .priv1{ --k:calc(100vw / 1200); position:relative; height:calc(105 * var(--k)); overflow:visible; background:#ffffff; } .priv1__politika-konfidencialn-1{position:absolute; top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(492 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .priv1__politika-konfidencialn-1{top:calc(20 * var(--k)); left:calc(9 * var(--k)); width:calc(301 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } /* ---------- rec1245874911 ---------- */ .priv2{ --k:calc(100vw / 1200); position:relative; height:calc(3326 * var(--k)); overflow:visible; background:#ffffff; } .priv2__?-1{position:absolute; top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(1040 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#000000} @media (max-width:1199px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(900 * var(--k))} } @media (max-width:959px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(580 * var(--k))} } @media (max-width:639px){ .priv2__?-1{top:calc(31 * var(--k)); left:calc(0 * var(--k)); width:calc(300 * var(--k)); font-size:calc(12 * var(--k)); text-align:left} } /* ==== страница /thank-you ==== */ /* ---------- rec1293356521 ---------- */ .than0{ --k:calc(100vw / 1200); position:relative; height:calc(60 * var(--k)); overflow:visible; } .than0__shape-1{position:absolute; top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(46 * var(--k)); background-color:#f1f1f1; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .than0__shape-1{top:calc(7 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .than0__glavnaa-2{position:absolute; top:calc(18 * var(--k)); left:calc(241 * var(--k)); width:calc(57 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__glavnaa-2{top:calc(18 * var(--k)); left:calc(185 * var(--k)); width:calc(57 * var(--k))} } @media (max-width:959px){ .than0__glavnaa-2{top:calc(-171 * var(--k)); left:calc(941 * var(--k))} } @media (max-width:639px){ .than0__glavnaa-2{top:calc(-106 * var(--k)); left:calc(656 * var(--k))} } .than0__procedura-3{position:absolute; top:calc(18 * var(--k)); left:calc(323 * var(--k)); width:calc(75 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__procedura-3{top:calc(18 * var(--k)); left:calc(256 * var(--k)); width:calc(75 * var(--k))} } @media (max-width:959px){ .than0__procedura-3{top:calc(-171 * var(--k)); left:calc(932 * var(--k))} } @media (max-width:639px){ .than0__procedura-3{top:calc(-106 * var(--k)); left:calc(647 * var(--k))} } .than0__o-nas-4{position:absolute; top:calc(18 * var(--k)); left:calc(423 * var(--k)); width:calc(42 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__o-nas-4{top:calc(18 * var(--k)); left:calc(345 * var(--k)); width:calc(42 * var(--k))} } @media (max-width:959px){ .than0__o-nas-4{top:calc(-171 * var(--k)); left:calc(949 * var(--k))} } @media (max-width:639px){ .than0__o-nas-4{top:calc(-106 * var(--k)); left:calc(664 * var(--k))} } .than0__otzyvy-5{position:absolute; top:calc(18 * var(--k)); left:calc(490 * var(--k)); width:calc(55 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__otzyvy-5{top:calc(18 * var(--k)); left:calc(401 * var(--k)); width:calc(55 * var(--k))} } @media (max-width:959px){ .than0__otzyvy-5{top:calc(-171 * var(--k)); left:calc(942 * var(--k))} } @media (max-width:639px){ .than0__otzyvy-5{top:calc(-106 * var(--k)); left:calc(657 * var(--k))} } .than0__uslugi-6{position:absolute; top:calc(18 * var(--k)); left:calc(570 * var(--k)); width:calc(48 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__uslugi-6{top:calc(18 * var(--k)); left:calc(470 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .than0__uslugi-6{top:calc(-171 * var(--k)); left:calc(946 * var(--k))} } @media (max-width:639px){ .than0__uslugi-6{top:calc(-106 * var(--k)); left:calc(661 * var(--k))} } .than0__faq-7{position:absolute; top:calc(18 * var(--k)); left:calc(643 * var(--k)); width:calc(33 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__faq-7{top:calc(18 * var(--k)); left:calc(532 * var(--k)); width:calc(33 * var(--k))} } @media (max-width:959px){ .than0__faq-7{top:calc(-171 * var(--k)); left:calc(953 * var(--k))} } @media (max-width:639px){ .than0__faq-7{top:calc(-106 * var(--k)); left:calc(668 * var(--k))} } .than0__image-8{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-8{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-8{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-8{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-9{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-9{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-9{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-9{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-10{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-10{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__image-11{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-11{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__kontakty-12{position:absolute; top:calc(18 * var(--k)); left:calc(701 * var(--k)); width:calc(64 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__kontakty-12{top:calc(18 * var(--k)); left:calc(579 * var(--k)); width:calc(64 * var(--k))} } @media (max-width:959px){ .than0__kontakty-12{top:calc(-171 * var(--k)); left:calc(938 * var(--k))} } @media (max-width:639px){ .than0__kontakty-12{top:calc(-106 * var(--k)); left:calc(653 * var(--k))} } .than0__shape-13{position:absolute; top:calc(27 * var(--k)); left:calc(1028 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(796 * var(--k))} } @media (max-width:959px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(551 * var(--k))} } @media (max-width:639px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(252 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than0__blog-14{position:absolute; top:calc(18 * var(--k)); left:calc(790 * var(--k)); width:calc(36 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__blog-14{top:calc(18 * var(--k)); left:calc(657 * var(--k)); width:calc(36 * var(--k))} } @media (max-width:959px){ .than0__blog-14{top:calc(-171 * var(--k)); left:calc(952 * var(--k))} } @media (max-width:639px){ .than0__blog-14{top:calc(-106 * var(--k)); left:calc(667 * var(--k))} } .than0__image-15{position:absolute; top:calc(13 * var(--k)); left:calc(1066 * var(--k)); width:calc(32 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(845 * var(--k))} } @media (max-width:959px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(568 * var(--k))} } @media (max-width:639px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(268 * var(--k)); width:calc(32 * var(--k))} } .than0__zadat-vopros-16{position:absolute; top:calc(14 * var(--k)); left:calc(1042 * var(--k)); width:calc(118 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .than0__zadat-vopros-16{top:calc(14 * var(--k)); left:calc(810 * var(--k)); width:calc(110 * var(--k))} } @media (max-width:959px){ .than0__zadat-vopros-16{top:calc(-173 * var(--k)); left:calc(915 * var(--k))} } @media (max-width:639px){ .than0__zadat-vopros-16{top:calc(-110 * var(--k)); left:calc(638 * var(--k))} } .than0__image-17{position:absolute; top:calc(14 * var(--k)); left:calc(40 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-17{left:calc(40 * var(--k))} } @media (max-width:959px){ .than0__image-17{top:calc(14 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .than0__image-17{top:calc(15 * var(--k)); left:calc(20 * var(--k)); width:calc(71 * var(--k))} } /* ---------- rec1216529631 ---------- */ .than1{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than1__na-glavnuu-1{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than1__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than1__na-glavnuu-1{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than1__na-glavnuu-2{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than1__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than1__na-glavnuu-2{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than1__menedjer-svajetsa-3{position:absolute; top:calc(226 * var(--k)); left:calc(350 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(230 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than1__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(70 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than1__menedjer-svajetsa-3{top:calc(196 * var(--k)); left:calc(25 * var(--k)); width:calc(270 * var(--k)); font-size:calc(31 * var(--k))} } .than1__image-4{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-4{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than1__image-4{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-4{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than1__image-5{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-5{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than1__image-5{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-5{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than1__image-6{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-6{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than1__image-6{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-6{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than1__image-7{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-7{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than1__image-7{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-7{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than1__online-8{position:absolute; top:calc(420 * var(--k)); left:calc(670 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than1__online-8{top:calc(420 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .than1__online-8{top:calc(420 * var(--k)); left:calc(391 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__online-8{top:calc(496 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than1__shape-9{position:absolute; top:calc(423 * var(--k)); left:calc(653 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than1__shape-9{top:calc(423 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .than1__shape-9{top:calc(423 * var(--k)); left:calc(374 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than1__shape-9{top:calc(499 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than1__drugie-kontakty-10{position:absolute; top:calc(386 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than1__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__drugie-kontakty-10{top:calc(462 * var(--k)); left:calc(96 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .than1__spasibo-11{position:absolute; top:calc(142 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__spasibo-11{top:calc(142 * var(--k)); left:calc(357 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than1__spasibo-11{top:calc(142 * var(--k)); left:calc(197 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than1__spasibo-11{top:calc(138 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(40 * var(--k))} } .than1__obrabotka-zaavok-12{position:absolute; left:calc(0 * var(--k)); width:calc(324 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__obrabotka-zaavok-12{left:calc(0 * var(--k)); width:calc(324 * var(--k))} } @media (max-width:959px){ .than1__obrabotka-zaavok-12{left:calc(0 * var(--k)); width:calc(324 * var(--k))} } @media (max-width:639px){ .than1__obrabotka-zaavok-12{left:calc(0 * var(--k)); width:calc(216 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } /* ---------- rec1311808751 ---------- */ .than2{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than2__na-glavnuu-1{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than2__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than2__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than2__na-glavnuu-1{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than2__na-glavnuu-2{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than2__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than2__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than2__na-glavnuu-2{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than2__menedjer-svajetsa-3{position:absolute; top:calc(226 * var(--k)); left:calc(350 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than2__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(230 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than2__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(70 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than2__menedjer-svajetsa-3{top:calc(196 * var(--k)); left:calc(25 * var(--k)); width:calc(270 * var(--k)); font-size:calc(31 * var(--k))} } .than2__image-4{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-4{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than2__image-4{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-4{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than2__image-5{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-5{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than2__image-5{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-5{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than2__image-6{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-6{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than2__image-6{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-6{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than2__image-7{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-7{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than2__image-7{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-7{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than2__online-8{position:absolute; top:calc(420 * var(--k)); left:calc(670 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than2__online-8{top:calc(420 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .than2__online-8{top:calc(420 * var(--k)); left:calc(391 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than2__online-8{top:calc(496 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than2__shape-9{position:absolute; top:calc(423 * var(--k)); left:calc(653 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than2__shape-9{top:calc(423 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .than2__shape-9{top:calc(423 * var(--k)); left:calc(374 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than2__shape-9{top:calc(499 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than2__drugie-kontakty-10{position:absolute; top:calc(386 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than2__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than2__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than2__drugie-kontakty-10{top:calc(462 * var(--k)); left:calc(96 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .than2__spasibo-11{position:absolute; top:calc(142 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than2__spasibo-11{top:calc(142 * var(--k)); left:calc(357 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than2__spasibo-11{top:calc(142 * var(--k)); left:calc(197 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than2__spasibo-11{top:calc(138 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(40 * var(--k))} } /* ---------- rec1311808961 ---------- */ .than3{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than3__na-glavnuu-1{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than3__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than3__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than3__na-glavnuu-1{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than3__na-glavnuu-2{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than3__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than3__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than3__na-glavnuu-2{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than3__menedjer-svajetsa-3{position:absolute; top:calc(226 * var(--k)); left:calc(344 * var(--k)); width:calc(512 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than3__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(224 * var(--k)); width:calc(512 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than3__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(64 * var(--k)); width:calc(512 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than3__menedjer-svajetsa-3{top:calc(196 * var(--k)); left:calc(25 * var(--k)); width:calc(270 * var(--k)); font-size:calc(31 * var(--k))} } .than3__image-4{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-4{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than3__image-4{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-4{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than3__image-5{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-5{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than3__image-5{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-5{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than3__image-6{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-6{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than3__image-6{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-6{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than3__image-7{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-7{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than3__image-7{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-7{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than3__online-8{position:absolute; top:calc(420 * var(--k)); left:calc(670 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than3__online-8{top:calc(420 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .than3__online-8{top:calc(420 * var(--k)); left:calc(391 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than3__online-8{top:calc(496 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than3__shape-9{position:absolute; top:calc(423 * var(--k)); left:calc(653 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than3__shape-9{top:calc(423 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .than3__shape-9{top:calc(423 * var(--k)); left:calc(374 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than3__shape-9{top:calc(499 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than3__drugie-kontakty-10{position:absolute; top:calc(386 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than3__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than3__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than3__drugie-kontakty-10{top:calc(462 * var(--k)); left:calc(96 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .than3__spasibo-11{position:absolute; top:calc(142 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than3__spasibo-11{top:calc(142 * var(--k)); left:calc(357 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than3__spasibo-11{top:calc(142 * var(--k)); left:calc(197 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than3__spasibo-11{top:calc(138 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(40 * var(--k))} } /* ==== страница /privacy-policy ==== */ /* ---------- rec1292404551 ---------- */ .priv1{ --k:calc(100vw / 1200); position:relative; height:calc(105 * var(--k)); overflow:visible; background:#ffffff; } .priv1__politika-konfidencialn-1{position:absolute; top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(492 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .priv1__politika-konfidencialn-1{top:calc(20 * var(--k)); left:calc(9 * var(--k)); width:calc(301 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } /* ---------- rec1245874911 ---------- */ .priv2{ --k:calc(100vw / 1200); position:relative; height:calc(3326 * var(--k)); overflow:visible; background:#ffffff; } .priv2__?-1{position:absolute; top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(1040 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#000000} @media (max-width:1199px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(900 * var(--k))} } @media (max-width:959px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(580 * var(--k))} } @media (max-width:639px){ .priv2__?-1{top:calc(31 * var(--k)); left:calc(0 * var(--k)); width:calc(300 * var(--k)); font-size:calc(12 * var(--k)); text-align:left} } /* ==== страница /privacy-policy ==== */ /* ---------- rec1292404551 ---------- */ .priv1{ --k:calc(100vw / 1200); position:relative; height:calc(105 * var(--k)); overflow:visible; background:#ffffff; } .priv1__politika-konfidencialn-1{position:absolute; top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(492 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .priv1__politika-konfidencialn-1{top:calc(20 * var(--k)); left:calc(9 * var(--k)); width:calc(301 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } /* ---------- rec1245874911 ---------- */ .priv2{ --k:calc(100vw / 1200); position:relative; height:calc(3326 * var(--k)); overflow:visible; background:#ffffff; } .priv2__?-1{position:absolute; top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(1040 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#000000} @media (max-width:1199px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(900 * var(--k))} } @media (max-width:959px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(580 * var(--k))} } @media (max-width:639px){ .priv2__?-1{top:calc(31 * var(--k)); left:calc(0 * var(--k)); width:calc(300 * var(--k)); font-size:calc(12 * var(--k)); text-align:left} } /* ==== страница /privacy-policy ==== */ /* ---------- rec1292404551 ---------- */ .priv1{ --k:calc(100vw / 1200); position:relative; height:calc(105 * var(--k)); overflow:visible; background:#ffffff; } .priv1__politika-konfidencialn-1{position:absolute; top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(492 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .priv1__politika-konfidencialn-1{top:calc(20 * var(--k)); left:calc(9 * var(--k)); width:calc(301 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } /* ---------- rec1245874911 ---------- */ .priv2{ --k:calc(100vw / 1200); position:relative; height:calc(3326 * var(--k)); overflow:visible; background:#ffffff; } .priv2__?-1{position:absolute; top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(1040 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#000000} @media (max-width:1199px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(900 * var(--k))} } @media (max-width:959px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(580 * var(--k))} } @media (max-width:639px){ .priv2__?-1{top:calc(31 * var(--k)); left:calc(0 * var(--k)); width:calc(300 * var(--k)); font-size:calc(12 * var(--k)); text-align:left} } /* ==== страница /thank-you ==== */ /* ---------- rec1293356521 ---------- */ .than0{ --k:calc(100vw / 1200); position:relative; height:calc(60 * var(--k)); overflow:visible; } .than0__shape-1{position:absolute; top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(46 * var(--k)); background-color:#f1f1f1; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .than0__shape-1{top:calc(7 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .than0__glavnaa-2{position:absolute; top:calc(18 * var(--k)); left:calc(241 * var(--k)); width:calc(57 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__glavnaa-2{top:calc(18 * var(--k)); left:calc(185 * var(--k)); width:calc(57 * var(--k))} } @media (max-width:959px){ .than0__glavnaa-2{top:calc(-171 * var(--k)); left:calc(941 * var(--k))} } @media (max-width:639px){ .than0__glavnaa-2{top:calc(-106 * var(--k)); left:calc(656 * var(--k))} } .than0__procedura-3{position:absolute; top:calc(18 * var(--k)); left:calc(323 * var(--k)); width:calc(75 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__procedura-3{top:calc(18 * var(--k)); left:calc(256 * var(--k)); width:calc(75 * var(--k))} } @media (max-width:959px){ .than0__procedura-3{top:calc(-171 * var(--k)); left:calc(932 * var(--k))} } @media (max-width:639px){ .than0__procedura-3{top:calc(-106 * var(--k)); left:calc(647 * var(--k))} } .than0__o-nas-4{position:absolute; top:calc(18 * var(--k)); left:calc(423 * var(--k)); width:calc(42 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__o-nas-4{top:calc(18 * var(--k)); left:calc(345 * var(--k)); width:calc(42 * var(--k))} } @media (max-width:959px){ .than0__o-nas-4{top:calc(-171 * var(--k)); left:calc(949 * var(--k))} } @media (max-width:639px){ .than0__o-nas-4{top:calc(-106 * var(--k)); left:calc(664 * var(--k))} } .than0__otzyvy-5{position:absolute; top:calc(18 * var(--k)); left:calc(490 * var(--k)); width:calc(55 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__otzyvy-5{top:calc(18 * var(--k)); left:calc(401 * var(--k)); width:calc(55 * var(--k))} } @media (max-width:959px){ .than0__otzyvy-5{top:calc(-171 * var(--k)); left:calc(942 * var(--k))} } @media (max-width:639px){ .than0__otzyvy-5{top:calc(-106 * var(--k)); left:calc(657 * var(--k))} } .than0__uslugi-6{position:absolute; top:calc(18 * var(--k)); left:calc(570 * var(--k)); width:calc(48 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__uslugi-6{top:calc(18 * var(--k)); left:calc(470 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .than0__uslugi-6{top:calc(-171 * var(--k)); left:calc(946 * var(--k))} } @media (max-width:639px){ .than0__uslugi-6{top:calc(-106 * var(--k)); left:calc(661 * var(--k))} } .than0__faq-7{position:absolute; top:calc(18 * var(--k)); left:calc(643 * var(--k)); width:calc(33 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__faq-7{top:calc(18 * var(--k)); left:calc(532 * var(--k)); width:calc(33 * var(--k))} } @media (max-width:959px){ .than0__faq-7{top:calc(-171 * var(--k)); left:calc(953 * var(--k))} } @media (max-width:639px){ .than0__faq-7{top:calc(-106 * var(--k)); left:calc(668 * var(--k))} } .than0__image-8{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-8{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-8{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-8{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-9{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-9{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-9{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-9{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-10{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-10{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__image-11{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-11{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__kontakty-12{position:absolute; top:calc(18 * var(--k)); left:calc(701 * var(--k)); width:calc(64 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__kontakty-12{top:calc(18 * var(--k)); left:calc(579 * var(--k)); width:calc(64 * var(--k))} } @media (max-width:959px){ .than0__kontakty-12{top:calc(-171 * var(--k)); left:calc(938 * var(--k))} } @media (max-width:639px){ .than0__kontakty-12{top:calc(-106 * var(--k)); left:calc(653 * var(--k))} } .than0__shape-13{position:absolute; top:calc(27 * var(--k)); left:calc(1028 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(796 * var(--k))} } @media (max-width:959px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(551 * var(--k))} } @media (max-width:639px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(252 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than0__blog-14{position:absolute; top:calc(18 * var(--k)); left:calc(790 * var(--k)); width:calc(36 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__blog-14{top:calc(18 * var(--k)); left:calc(657 * var(--k)); width:calc(36 * var(--k))} } @media (max-width:959px){ .than0__blog-14{top:calc(-171 * var(--k)); left:calc(952 * var(--k))} } @media (max-width:639px){ .than0__blog-14{top:calc(-106 * var(--k)); left:calc(667 * var(--k))} } .than0__image-15{position:absolute; top:calc(13 * var(--k)); left:calc(1066 * var(--k)); width:calc(32 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(845 * var(--k))} } @media (max-width:959px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(568 * var(--k))} } @media (max-width:639px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(268 * var(--k)); width:calc(32 * var(--k))} } .than0__zadat-vopros-16{position:absolute; top:calc(14 * var(--k)); left:calc(1042 * var(--k)); width:calc(118 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .than0__zadat-vopros-16{top:calc(14 * var(--k)); left:calc(810 * var(--k)); width:calc(110 * var(--k))} } @media (max-width:959px){ .than0__zadat-vopros-16{top:calc(-173 * var(--k)); left:calc(915 * var(--k))} } @media (max-width:639px){ .than0__zadat-vopros-16{top:calc(-110 * var(--k)); left:calc(638 * var(--k))} } .than0__image-17{position:absolute; top:calc(14 * var(--k)); left:calc(40 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-17{left:calc(40 * var(--k))} } @media (max-width:959px){ .than0__image-17{top:calc(14 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .than0__image-17{top:calc(15 * var(--k)); left:calc(20 * var(--k)); width:calc(71 * var(--k))} } /* ---------- rec1216529631 ---------- */ .than1{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than1__na-glavnuu-1{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than1__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than1__na-glavnuu-1{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than1__na-glavnuu-2{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than1__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than1__na-glavnuu-2{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than1__menedjer-svajetsa-3{position:absolute; top:calc(226 * var(--k)); left:calc(350 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(230 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than1__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(70 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than1__menedjer-svajetsa-3{top:calc(196 * var(--k)); left:calc(25 * var(--k)); width:calc(270 * var(--k)); font-size:calc(31 * var(--k))} } .than1__image-4{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-4{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than1__image-4{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-4{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than1__image-5{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-5{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than1__image-5{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-5{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than1__image-6{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-6{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than1__image-6{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-6{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than1__image-7{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-7{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than1__image-7{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-7{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than1__online-8{position:absolute; top:calc(420 * var(--k)); left:calc(670 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than1__online-8{top:calc(420 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .than1__online-8{top:calc(420 * var(--k)); left:calc(391 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__online-8{top:calc(496 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than1__shape-9{position:absolute; top:calc(423 * var(--k)); left:calc(653 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than1__shape-9{top:calc(423 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .than1__shape-9{top:calc(423 * var(--k)); left:calc(374 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than1__shape-9{top:calc(499 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than1__drugie-kontakty-10{position:absolute; top:calc(386 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than1__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__drugie-kontakty-10{top:calc(462 * var(--k)); left:calc(96 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .than1__spasibo-11{position:absolute; top:calc(142 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__spasibo-11{top:calc(142 * var(--k)); left:calc(357 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than1__spasibo-11{top:calc(142 * var(--k)); left:calc(197 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than1__spasibo-11{top:calc(138 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(40 * var(--k))} } .than1__obrabotka-zaavok-12{position:absolute; left:calc(0 * var(--k)); width:calc(324 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__obrabotka-zaavok-12{left:calc(0 * var(--k)); width:calc(324 * var(--k))} } @media (max-width:959px){ .than1__obrabotka-zaavok-12{left:calc(0 * var(--k)); width:calc(324 * var(--k))} } @media (max-width:639px){ .than1__obrabotka-zaavok-12{left:calc(0 * var(--k)); width:calc(216 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } /* ---------- rec1311808751 ---------- */ .than2{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than2__na-glavnuu-1{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than2__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than2__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than2__na-glavnuu-1{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than2__na-glavnuu-2{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than2__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than2__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than2__na-glavnuu-2{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than2__menedjer-svajetsa-3{position:absolute; top:calc(226 * var(--k)); left:calc(350 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than2__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(230 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than2__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(70 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than2__menedjer-svajetsa-3{top:calc(196 * var(--k)); left:calc(25 * var(--k)); width:calc(270 * var(--k)); font-size:calc(31 * var(--k))} } .than2__image-4{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-4{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than2__image-4{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-4{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than2__image-5{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-5{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than2__image-5{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-5{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than2__image-6{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-6{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than2__image-6{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-6{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than2__image-7{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-7{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than2__image-7{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-7{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than2__online-8{position:absolute; top:calc(420 * var(--k)); left:calc(670 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than2__online-8{top:calc(420 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .than2__online-8{top:calc(420 * var(--k)); left:calc(391 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than2__online-8{top:calc(496 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than2__shape-9{position:absolute; top:calc(423 * var(--k)); left:calc(653 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than2__shape-9{top:calc(423 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .than2__shape-9{top:calc(423 * var(--k)); left:calc(374 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than2__shape-9{top:calc(499 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than2__drugie-kontakty-10{position:absolute; top:calc(386 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than2__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than2__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than2__drugie-kontakty-10{top:calc(462 * var(--k)); left:calc(96 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .than2__spasibo-11{position:absolute; top:calc(142 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than2__spasibo-11{top:calc(142 * var(--k)); left:calc(357 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than2__spasibo-11{top:calc(142 * var(--k)); left:calc(197 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than2__spasibo-11{top:calc(138 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(40 * var(--k))} } /* ---------- rec1311808961 ---------- */ .than3{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than3__na-glavnuu-1{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than3__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than3__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than3__na-glavnuu-1{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than3__na-glavnuu-2{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than3__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than3__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than3__na-glavnuu-2{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than3__menedjer-svajetsa-3{position:absolute; top:calc(226 * var(--k)); left:calc(344 * var(--k)); width:calc(512 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than3__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(224 * var(--k)); width:calc(512 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than3__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(64 * var(--k)); width:calc(512 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than3__menedjer-svajetsa-3{top:calc(196 * var(--k)); left:calc(25 * var(--k)); width:calc(270 * var(--k)); font-size:calc(31 * var(--k))} } .than3__image-4{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-4{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than3__image-4{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-4{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than3__image-5{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-5{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than3__image-5{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-5{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than3__image-6{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-6{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than3__image-6{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-6{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than3__image-7{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-7{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than3__image-7{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-7{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than3__online-8{position:absolute; top:calc(420 * var(--k)); left:calc(670 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than3__online-8{top:calc(420 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .than3__online-8{top:calc(420 * var(--k)); left:calc(391 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than3__online-8{top:calc(496 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than3__shape-9{position:absolute; top:calc(423 * var(--k)); left:calc(653 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than3__shape-9{top:calc(423 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .than3__shape-9{top:calc(423 * var(--k)); left:calc(374 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than3__shape-9{top:calc(499 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than3__drugie-kontakty-10{position:absolute; top:calc(386 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than3__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than3__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than3__drugie-kontakty-10{top:calc(462 * var(--k)); left:calc(96 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .than3__spasibo-11{position:absolute; top:calc(142 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than3__spasibo-11{top:calc(142 * var(--k)); left:calc(357 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than3__spasibo-11{top:calc(142 * var(--k)); left:calc(197 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than3__spasibo-11{top:calc(138 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(40 * var(--k))} } /* ==== страница /review ==== */ /* ==== страница /contracts_2026 ==== */ /* ==== страница /spisanie-dolgov ==== */ /* ---------- rec1293354781 ---------- */ .spis0{ --k:calc(100vw / 1200); position:relative; height:calc(60 * var(--k)); overflow:visible; } .spis0__shape-1{position:absolute; top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(46 * var(--k)); background-color:#f1f1f1; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .spis0__shape-1{top:calc(7 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .spis0__shape-1{top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .spis0__shape-1{top:calc(7 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .spis0__glavnaa-2{position:absolute; top:calc(18 * var(--k)); left:calc(241 * var(--k)); width:calc(57 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__glavnaa-2{top:calc(18 * var(--k)); left:calc(185 * var(--k)); width:calc(57 * var(--k))} } @media (max-width:959px){ .spis0__glavnaa-2{top:calc(-171 * var(--k)); left:calc(941 * var(--k))} } @media (max-width:639px){ .spis0__glavnaa-2{top:calc(-106 * var(--k)); left:calc(656 * var(--k))} } .spis0__procedura-3{position:absolute; top:calc(18 * var(--k)); left:calc(323 * var(--k)); width:calc(75 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__procedura-3{top:calc(18 * var(--k)); left:calc(256 * var(--k)); width:calc(75 * var(--k))} } @media (max-width:959px){ .spis0__procedura-3{top:calc(-171 * var(--k)); left:calc(932 * var(--k))} } @media (max-width:639px){ .spis0__procedura-3{top:calc(-106 * var(--k)); left:calc(647 * var(--k))} } .spis0__o-nas-4{position:absolute; top:calc(18 * var(--k)); left:calc(423 * var(--k)); width:calc(42 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__o-nas-4{top:calc(18 * var(--k)); left:calc(345 * var(--k)); width:calc(42 * var(--k))} } @media (max-width:959px){ .spis0__o-nas-4{top:calc(-171 * var(--k)); left:calc(949 * var(--k))} } @media (max-width:639px){ .spis0__o-nas-4{top:calc(-106 * var(--k)); left:calc(664 * var(--k))} } .spis0__otzyvy-5{position:absolute; top:calc(18 * var(--k)); left:calc(490 * var(--k)); width:calc(55 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__otzyvy-5{top:calc(18 * var(--k)); left:calc(401 * var(--k)); width:calc(55 * var(--k))} } @media (max-width:959px){ .spis0__otzyvy-5{top:calc(-171 * var(--k)); left:calc(942 * var(--k))} } @media (max-width:639px){ .spis0__otzyvy-5{top:calc(-106 * var(--k)); left:calc(657 * var(--k))} } .spis0__uslugi-6{position:absolute; top:calc(18 * var(--k)); left:calc(570 * var(--k)); width:calc(48 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__uslugi-6{top:calc(18 * var(--k)); left:calc(470 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .spis0__uslugi-6{top:calc(-171 * var(--k)); left:calc(946 * var(--k))} } @media (max-width:639px){ .spis0__uslugi-6{top:calc(-106 * var(--k)); left:calc(661 * var(--k))} } .spis0__faq-7{position:absolute; top:calc(18 * var(--k)); left:calc(643 * var(--k)); width:calc(33 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__faq-7{top:calc(18 * var(--k)); left:calc(532 * var(--k)); width:calc(33 * var(--k))} } @media (max-width:959px){ .spis0__faq-7{top:calc(-171 * var(--k)); left:calc(953 * var(--k))} } @media (max-width:639px){ .spis0__faq-7{top:calc(-106 * var(--k)); left:calc(668 * var(--k))} } .spis0__image-8{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-8{left:calc(756 * var(--k))} } @media (max-width:959px){ .spis0__image-8{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .spis0__image-8{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .spis0__image-9{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-9{left:calc(756 * var(--k))} } @media (max-width:959px){ .spis0__image-9{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .spis0__image-9{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .spis0__image-10{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-10{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .spis0__image-10{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .spis0__image-10{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .spis0__image-11{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-11{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .spis0__image-11{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .spis0__image-11{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .spis0__kontakty-12{position:absolute; top:calc(18 * var(--k)); left:calc(701 * var(--k)); width:calc(64 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__kontakty-12{top:calc(18 * var(--k)); left:calc(579 * var(--k)); width:calc(64 * var(--k))} } @media (max-width:959px){ .spis0__kontakty-12{top:calc(-171 * var(--k)); left:calc(938 * var(--k))} } @media (max-width:639px){ .spis0__kontakty-12{top:calc(-106 * var(--k)); left:calc(653 * var(--k))} } .spis0__shape-13{position:absolute; top:calc(27 * var(--k)); left:calc(1028 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .spis0__shape-13{top:calc(27 * var(--k)); left:calc(796 * var(--k))} } @media (max-width:959px){ .spis0__shape-13{top:calc(27 * var(--k)); left:calc(551 * var(--k))} } @media (max-width:639px){ .spis0__shape-13{top:calc(27 * var(--k)); left:calc(252 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .spis0__blog-14{position:absolute; top:calc(18 * var(--k)); left:calc(790 * var(--k)); width:calc(36 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__blog-14{top:calc(18 * var(--k)); left:calc(657 * var(--k)); width:calc(36 * var(--k))} } @media (max-width:959px){ .spis0__blog-14{top:calc(-171 * var(--k)); left:calc(952 * var(--k))} } @media (max-width:639px){ .spis0__blog-14{top:calc(-106 * var(--k)); left:calc(667 * var(--k))} } .spis0__image-15{position:absolute; top:calc(13 * var(--k)); left:calc(1066 * var(--k)); width:calc(32 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-15{top:calc(14 * var(--k)); left:calc(845 * var(--k))} } @media (max-width:959px){ .spis0__image-15{top:calc(14 * var(--k)); left:calc(568 * var(--k))} } @media (max-width:639px){ .spis0__image-15{top:calc(14 * var(--k)); left:calc(268 * var(--k)); width:calc(32 * var(--k))} } .spis0__zadat-vopros-16{position:absolute; top:calc(14 * var(--k)); left:calc(1042 * var(--k)); width:calc(118 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .spis0__zadat-vopros-16{top:calc(14 * var(--k)); left:calc(810 * var(--k)); width:calc(110 * var(--k))} } @media (max-width:959px){ .spis0__zadat-vopros-16{top:calc(-173 * var(--k)); left:calc(915 * var(--k))} } @media (max-width:639px){ .spis0__zadat-vopros-16{top:calc(-110 * var(--k)); left:calc(638 * var(--k))} } .spis0__image-17{position:absolute; top:calc(14 * var(--k)); left:calc(40 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-17{left:calc(40 * var(--k))} } @media (max-width:959px){ .spis0__image-17{top:calc(14 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis0__image-17{top:calc(15 * var(--k)); left:calc(20 * var(--k)); width:calc(71 * var(--k))} } /* ---------- rec1357776811 ---------- */ .spis1{ --k:calc(100vw / 1200); position:relative; height:calc(625 * var(--k)); overflow:visible; background:#ffffff; } .spis1__shape-1{position:absolute; top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(545 * var(--k)); border-radius:calc(18 * var(--k)); background-image:url('../img/tild3939-6336-4333-b662-316263313132__fon1_2.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .spis1__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .spis1__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .spis1__shape-1{top:calc(63 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .spis1__button-2{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis1__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis1__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis1__button-2{top:calc(474 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis1__nacat-rascet-3{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis1__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis1__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis1__nacat-rascet-3{top:calc(489 * var(--k)); left:calc(41 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis1__button-4{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis1__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis1__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis1__button-4{top:calc(474 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis1__nacat-rascet-5{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis1__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis1__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis1__nacat-rascet-5{top:calc(489 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis1__skolko-stoit-6{position:absolute; top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(602 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#ffffff; text-transform:uppercase} @media (max-width:1199px){ .spis1__skolko-stoit-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(602 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .spis1__skolko-stoit-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(600 * var(--k)); font-size:calc(66 * var(--k)); white-space:normal} } @media (max-width:639px){ .spis1__skolko-stoit-6{top:calc(118 * var(--k)); left:calc(20 * var(--k)); width:calc(284 * var(--k)); font-size:calc(40 * var(--k))} } .spis1__shape-7{position:absolute; top:calc(310 * var(--k)); left:calc(40 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k)); background-color:#8f8f8f; opacity:0.15; border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .spis1__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k))} } @media (max-width:959px){ .spis1__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k))} } @media (max-width:639px){ .spis1__shape-7{top:calc(357 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(64 * var(--k))} } .spis1__besplatnaa-konsultacia-8{position:absolute; top:calc(320 * var(--k)); left:calc(227 * var(--k)); width:calc(85 * var(--k)); height:calc(45 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis1__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(229 * var(--k)); width:calc(85 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis1__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(228 * var(--k)); width:calc(84 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis1__besplatnaa-konsultacia-8{top:calc(375 * var(--k)); left:calc(201 * var(--k)); width:calc(80 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis1__image-9{position:absolute; top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis1__image-9{top:calc(318 * var(--k)); left:calc(179 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis1__image-9{top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis1__image-9{top:calc(365 * var(--k)); left:calc(151 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } .spis1__podrobnaa-instrukcia-10{position:absolute; top:calc(327 * var(--k)); left:calc(96 * var(--k)); width:calc(73 * var(--k)); height:calc(30 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis1__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(73 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis1__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(72 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis1__podrobnaa-instrukcia-10{top:calc(375 * var(--k)); left:calc(74 * var(--k)); width:calc(69 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis1__image-11{position:absolute; top:calc(318 * var(--k)); left:calc(51 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis1__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis1__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis1__image-11{top:calc(365 * var(--k)); left:calc(29 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } /* ---------- rec1357069121 ---------- */ .spis2{ --k:calc(100vw / 1200); position:relative; height:calc(625 * var(--k)); overflow:visible; background:#ffffff; } .spis2__shape-1{position:absolute; top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(545 * var(--k)); border-radius:calc(18 * var(--k)); background-image:url('../img/tild3533-3261-4633-a362-373831336539__mm.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .spis2__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .spis2__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .spis2__shape-1{top:calc(63 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .spis2__button-2{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis2__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis2__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis2__button-2{top:calc(464 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis2__nacat-rascet-3{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis2__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis2__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis2__nacat-rascet-3{top:calc(479 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis2__button-4{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis2__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis2__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis2__button-4{top:calc(464 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis2__nacat-rascet-5{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis2__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis2__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis2__nacat-rascet-5{top:calc(479 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis2__besplatnoe-spisanie-6{position:absolute; top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(590 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#ffffff; text-transform:uppercase} @media (max-width:1199px){ .spis2__besplatnoe-spisanie-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(590 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .spis2__besplatnoe-spisanie-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(436 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .spis2__besplatnoe-spisanie-6{top:calc(121 * var(--k)); left:calc(20 * var(--k)); width:calc(160 * var(--k)); font-size:calc(40 * var(--k))} } .spis2__shape-7{position:absolute; top:calc(310 * var(--k)); left:calc(40 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k)); background-color:#8f8f8f; opacity:0.15; border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .spis2__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k))} } @media (max-width:959px){ .spis2__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k))} } @media (max-width:639px){ .spis2__shape-7{top:calc(342 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(64 * var(--k))} } .spis2__besplatnaa-konsultacia-8{position:absolute; top:calc(320 * var(--k)); left:calc(227 * var(--k)); width:calc(85 * var(--k)); height:calc(45 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis2__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(229 * var(--k)); width:calc(85 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis2__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(228 * var(--k)); width:calc(84 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis2__besplatnaa-konsultacia-8{top:calc(360 * var(--k)); left:calc(201 * var(--k)); width:calc(80 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis2__image-9{position:absolute; top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis2__image-9{top:calc(318 * var(--k)); left:calc(179 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis2__image-9{top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis2__image-9{top:calc(350 * var(--k)); left:calc(151 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } .spis2__podrobnaa-instrukcia-10{position:absolute; top:calc(327 * var(--k)); left:calc(96 * var(--k)); width:calc(73 * var(--k)); height:calc(30 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis2__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(73 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis2__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(72 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis2__podrobnaa-instrukcia-10{top:calc(360 * var(--k)); left:calc(74 * var(--k)); width:calc(69 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis2__image-11{position:absolute; top:calc(318 * var(--k)); left:calc(51 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis2__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis2__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis2__image-11{top:calc(350 * var(--k)); left:calc(29 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } /* ---------- rec1357226881 ---------- */ .spis3{ --k:calc(100vw / 1200); position:relative; height:calc(625 * var(--k)); overflow:visible; background:#ffffff; } .spis3__shape-1{position:absolute; top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(545 * var(--k)); border-radius:calc(18 * var(--k)); background-image:url('../img/tild6539-6665-4965-b963-386135343331__gu.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .spis3__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .spis3__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .spis3__shape-1{top:calc(63 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .spis3__button-2{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis3__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis3__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis3__button-2{top:calc(462 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis3__nacat-rascet-3{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis3__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis3__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis3__nacat-rascet-3{top:calc(477 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis3__button-4{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis3__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis3__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis3__button-4{top:calc(462 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis3__nacat-rascet-5{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis3__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis3__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis3__nacat-rascet-5{top:calc(477 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis3__besplatnoe-spisanie-6{position:absolute; top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(590 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#ffffff; text-transform:uppercase} @media (max-width:1199px){ .spis3__besplatnoe-spisanie-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(590 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .spis3__besplatnoe-spisanie-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(522 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .spis3__besplatnoe-spisanie-6{top:calc(121 * var(--k)); left:calc(20 * var(--k)); width:calc(236 * var(--k)); font-size:calc(40 * var(--k))} } .spis3__shape-7{position:absolute; top:calc(310 * var(--k)); left:calc(40 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k)); background-color:#8f8f8f; opacity:0.15; border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .spis3__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k))} } @media (max-width:959px){ .spis3__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k))} } @media (max-width:639px){ .spis3__shape-7{top:calc(327 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(64 * var(--k))} } .spis3__besplatnaa-konsultacia-8{position:absolute; top:calc(320 * var(--k)); left:calc(227 * var(--k)); width:calc(85 * var(--k)); height:calc(45 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis3__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(229 * var(--k)); width:calc(85 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis3__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(228 * var(--k)); width:calc(84 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis3__besplatnaa-konsultacia-8{top:calc(345 * var(--k)); left:calc(201 * var(--k)); width:calc(80 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis3__image-9{position:absolute; top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis3__image-9{top:calc(318 * var(--k)); left:calc(179 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis3__image-9{top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis3__image-9{top:calc(335 * var(--k)); left:calc(151 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } .spis3__podrobnaa-instrukcia-10{position:absolute; top:calc(327 * var(--k)); left:calc(96 * var(--k)); width:calc(73 * var(--k)); height:calc(30 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis3__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(73 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis3__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(72 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis3__podrobnaa-instrukcia-10{top:calc(345 * var(--k)); left:calc(74 * var(--k)); width:calc(69 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis3__image-11{position:absolute; top:calc(318 * var(--k)); left:calc(51 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis3__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis3__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis3__image-11{top:calc(335 * var(--k)); left:calc(29 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } /* ==== страница /404 ==== */ /* ---------- rec1293485201 ---------- */ .pg0{ --k:calc(100vw / 1200); position:relative; height:calc(60 * var(--k)); overflow:visible; } .pg0__shape-1{position:absolute; top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(46 * var(--k)); background-color:#f1f1f1; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .pg0__shape-1{top:calc(7 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .pg0__shape-1{top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .pg0__shape-1{top:calc(7 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .pg0__glavnaa-2{position:absolute; top:calc(18 * var(--k)); left:calc(241 * var(--k)); width:calc(57 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__glavnaa-2{top:calc(18 * var(--k)); left:calc(185 * var(--k)); width:calc(57 * var(--k))} } @media (max-width:959px){ .pg0__glavnaa-2{top:calc(-171 * var(--k)); left:calc(941 * var(--k))} } @media (max-width:639px){ .pg0__glavnaa-2{top:calc(-106 * var(--k)); left:calc(656 * var(--k))} } .pg0__procedura-3{position:absolute; top:calc(18 * var(--k)); left:calc(323 * var(--k)); width:calc(75 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__procedura-3{top:calc(18 * var(--k)); left:calc(256 * var(--k)); width:calc(75 * var(--k))} } @media (max-width:959px){ .pg0__procedura-3{top:calc(-171 * var(--k)); left:calc(932 * var(--k))} } @media (max-width:639px){ .pg0__procedura-3{top:calc(-106 * var(--k)); left:calc(647 * var(--k))} } .pg0__o-nas-4{position:absolute; top:calc(18 * var(--k)); left:calc(423 * var(--k)); width:calc(42 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__o-nas-4{top:calc(18 * var(--k)); left:calc(345 * var(--k)); width:calc(42 * var(--k))} } @media (max-width:959px){ .pg0__o-nas-4{top:calc(-171 * var(--k)); left:calc(949 * var(--k))} } @media (max-width:639px){ .pg0__o-nas-4{top:calc(-106 * var(--k)); left:calc(664 * var(--k))} } .pg0__otzyvy-5{position:absolute; top:calc(18 * var(--k)); left:calc(490 * var(--k)); width:calc(55 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__otzyvy-5{top:calc(18 * var(--k)); left:calc(401 * var(--k)); width:calc(55 * var(--k))} } @media (max-width:959px){ .pg0__otzyvy-5{top:calc(-171 * var(--k)); left:calc(942 * var(--k))} } @media (max-width:639px){ .pg0__otzyvy-5{top:calc(-106 * var(--k)); left:calc(657 * var(--k))} } .pg0__uslugi-6{position:absolute; top:calc(18 * var(--k)); left:calc(570 * var(--k)); width:calc(48 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__uslugi-6{top:calc(18 * var(--k)); left:calc(470 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .pg0__uslugi-6{top:calc(-171 * var(--k)); left:calc(946 * var(--k))} } @media (max-width:639px){ .pg0__uslugi-6{top:calc(-106 * var(--k)); left:calc(661 * var(--k))} } .pg0__faq-7{position:absolute; top:calc(18 * var(--k)); left:calc(643 * var(--k)); width:calc(33 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__faq-7{top:calc(18 * var(--k)); left:calc(532 * var(--k)); width:calc(33 * var(--k))} } @media (max-width:959px){ .pg0__faq-7{top:calc(-171 * var(--k)); left:calc(953 * var(--k))} } @media (max-width:639px){ .pg0__faq-7{top:calc(-106 * var(--k)); left:calc(668 * var(--k))} } .pg0__image-8{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-8{left:calc(756 * var(--k))} } @media (max-width:959px){ .pg0__image-8{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .pg0__image-8{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .pg0__image-9{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-9{left:calc(756 * var(--k))} } @media (max-width:959px){ .pg0__image-9{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .pg0__image-9{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .pg0__image-10{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-10{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .pg0__image-10{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .pg0__image-10{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .pg0__image-11{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-11{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .pg0__image-11{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .pg0__image-11{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .pg0__kontakty-12{position:absolute; top:calc(18 * var(--k)); left:calc(701 * var(--k)); width:calc(64 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__kontakty-12{top:calc(18 * var(--k)); left:calc(579 * var(--k)); width:calc(64 * var(--k))} } @media (max-width:959px){ .pg0__kontakty-12{top:calc(-171 * var(--k)); left:calc(938 * var(--k))} } @media (max-width:639px){ .pg0__kontakty-12{top:calc(-106 * var(--k)); left:calc(653 * var(--k))} } .pg0__shape-13{position:absolute; top:calc(27 * var(--k)); left:calc(1028 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .pg0__shape-13{top:calc(27 * var(--k)); left:calc(796 * var(--k))} } @media (max-width:959px){ .pg0__shape-13{top:calc(27 * var(--k)); left:calc(551 * var(--k))} } @media (max-width:639px){ .pg0__shape-13{top:calc(27 * var(--k)); left:calc(252 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .pg0__blog-14{position:absolute; top:calc(18 * var(--k)); left:calc(790 * var(--k)); width:calc(36 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__blog-14{top:calc(18 * var(--k)); left:calc(657 * var(--k)); width:calc(36 * var(--k))} } @media (max-width:959px){ .pg0__blog-14{top:calc(-171 * var(--k)); left:calc(952 * var(--k))} } @media (max-width:639px){ .pg0__blog-14{top:calc(-106 * var(--k)); left:calc(667 * var(--k))} } .pg0__image-15{position:absolute; top:calc(13 * var(--k)); left:calc(1066 * var(--k)); width:calc(32 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-15{top:calc(14 * var(--k)); left:calc(845 * var(--k))} } @media (max-width:959px){ .pg0__image-15{top:calc(14 * var(--k)); left:calc(568 * var(--k))} } @media (max-width:639px){ .pg0__image-15{top:calc(14 * var(--k)); left:calc(268 * var(--k)); width:calc(32 * var(--k))} } .pg0__zadat-vopros-16{position:absolute; top:calc(14 * var(--k)); left:calc(1042 * var(--k)); width:calc(118 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .pg0__zadat-vopros-16{top:calc(14 * var(--k)); left:calc(810 * var(--k)); width:calc(110 * var(--k))} } @media (max-width:959px){ .pg0__zadat-vopros-16{top:calc(-173 * var(--k)); left:calc(915 * var(--k))} } @media (max-width:639px){ .pg0__zadat-vopros-16{top:calc(-110 * var(--k)); left:calc(638 * var(--k))} } .pg0__image-17{position:absolute; top:calc(14 * var(--k)); left:calc(40 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-17{left:calc(40 * var(--k))} } @media (max-width:959px){ .pg0__image-17{top:calc(14 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .pg0__image-17{top:calc(15 * var(--k)); left:calc(20 * var(--k)); width:calc(71 * var(--k))} } /* ---------- rec1220052606 ---------- */ .pg1{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .pg1__na-glavnuu-1{position:absolute; top:calc(316 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .pg1__na-glavnuu-1{top:calc(316 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .pg1__na-glavnuu-1{top:calc(316 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .pg1__na-glavnuu-1{top:calc(299 * var(--k)); left:calc(98 * var(--k)); width:calc(124 * var(--k)); font-size:calc(12 * var(--k))} } .pg1__na-glavnuu-2{position:absolute; top:calc(316 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .pg1__na-glavnuu-2{top:calc(316 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .pg1__na-glavnuu-2{top:calc(316 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .pg1__na-glavnuu-2{top:calc(299 * var(--k)); left:calc(98 * var(--k)); width:calc(124 * var(--k)); font-size:calc(12 * var(--k))} } .pg1__stranica-ne-3{position:absolute; top:calc(185 * var(--k)); left:calc(543 * var(--k)); width:calc(212 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:transparent; text-transform:uppercase; background-image:linear-gradient(0.078turn,rgba(223,136,11,1) 0%,rgba(245,211,75,1) 100%)} @media (max-width:1199px){ .pg1__stranica-ne-3{top:calc(185 * var(--k)); left:calc(423 * var(--k)); width:calc(212 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .pg1__stranica-ne-3{top:calc(185 * var(--k)); left:calc(263 * var(--k)); width:calc(212 * var(--k)); font-size:calc(33 * var(--k)); white-space:normal} } @media (max-width:639px){ .pg1__stranica-ne-3{top:calc(166 * var(--k)); left:calc(90 * var(--k)); width:calc(200 * var(--k)); font-size:calc(31 * var(--k)); white-space:normal} } .pg1__image-4{position:absolute; top:calc(425 * var(--k)); left:calc(559 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg1__image-4{top:calc(425 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .pg1__image-4{top:calc(425 * var(--k)); left:calc(279 * var(--k))} } @media (max-width:639px){ .pg1__image-4{top:calc(432 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .pg1__image-5{position:absolute; top:calc(425 * var(--k)); left:calc(559 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg1__image-5{left:calc(440 * var(--k))} } @media (max-width:959px){ .pg1__image-5{top:calc(425 * var(--k)); left:calc(279 * var(--k))} } @media (max-width:639px){ .pg1__image-5{top:calc(432 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .pg1__image-6{position:absolute; top:calc(425 * var(--k)); left:calc(607 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg1__image-6{top:calc(425 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .pg1__image-6{top:calc(425 * var(--k)); left:calc(329 * var(--k))} } @media (max-width:639px){ .pg1__image-6{top:calc(432 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .pg1__image-7{position:absolute; top:calc(425 * var(--k)); left:calc(607 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg1__image-7{left:calc(488 * var(--k))} } @media (max-width:959px){ .pg1__image-7{top:calc(425 * var(--k)); left:calc(329 * var(--k))} } @media (max-width:639px){ .pg1__image-7{top:calc(432 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .pg1__online-8{position:absolute; top:calc(436 * var(--k)); left:calc(669 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .pg1__online-8{top:calc(436 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .pg1__online-8{top:calc(436 * var(--k)); left:calc(391 * var(--k))} } @media (max-width:639px){ .pg1__online-8{top:calc(442 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .pg1__shape-9{position:absolute; top:calc(439 * var(--k)); left:calc(652 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .pg1__shape-9{top:calc(439 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .pg1__shape-9{top:calc(439 * var(--k)); left:calc(374 * var(--k))} } @media (max-width:639px){ .pg1__shape-9{top:calc(445 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .pg1__nas-cat-10{position:absolute; top:calc(401 * var(--k)); left:calc(574 * var(--k)); width:calc(52 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .pg1__nas-cat-10{top:calc(401 * var(--k)); left:calc(454 * var(--k)); width:calc(52 * var(--k)); font-size:calc(12 * var(--k)); text-align:center} } @media (max-width:959px){ .pg1__nas-cat-10{top:calc(401 * var(--k)); left:calc(294 * var(--k)); width:calc(52 * var(--k)); font-size:calc(12 * var(--k)); text-align:center} } @media (max-width:639px){ .pg1__nas-cat-10{top:calc(408 * var(--k)); left:calc(136 * var(--k)); width:calc(48 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .pg1__poprobuyte-vvesti-11{position:absolute; top:calc(241 * var(--k)); left:calc(438 * var(--k)); width:calc(325 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .pg1__poprobuyte-vvesti-11{top:calc(241 * var(--k)); left:calc(318 * var(--k)); width:calc(325 * var(--k))} } @media (max-width:959px){ .pg1__poprobuyte-vvesti-11{top:calc(241 * var(--k)); left:calc(158 * var(--k)); width:calc(325 * var(--k))} } @media (max-width:639px){ .pg1__poprobuyte-vvesti-11{top:calc(221 * var(--k)); left:calc(13 * var(--k)); width:calc(294 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .pg1__404-12{position:absolute; top:calc(166 * var(--k)); left:calc(451 * var(--k)); width:calc(82 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:transparent; text-transform:uppercase; background-image:linear-gradient(0.078turn,rgba(223,136,11,1) 0%,rgba(245,211,75,1) 100%)} @media (max-width:1199px){ .pg1__404-12{top:calc(166 * var(--k)); left:calc(331 * var(--k)); width:calc(82 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .pg1__404-12{top:calc(166 * var(--k)); left:calc(171 * var(--k)); width:calc(82 * var(--k)); font-size:calc(66 * var(--k)); white-space:normal} } @media (max-width:639px){ .pg1__404-12{top:calc(160 * var(--k)); left:calc(34 * var(--k)); width:calc(50 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } /* ==== страница /thank-you-plan ==== */ /* ---------- rec1293356611 ---------- */ .than0{ --k:calc(100vw / 1200); position:relative; height:calc(60 * var(--k)); overflow:visible; } .than0__shape-1{position:absolute; top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(46 * var(--k)); background-color:#f1f1f1; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .than0__shape-1{top:calc(7 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .than0__glavnaa-2{position:absolute; top:calc(18 * var(--k)); left:calc(241 * var(--k)); width:calc(57 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__glavnaa-2{top:calc(18 * var(--k)); left:calc(185 * var(--k)); width:calc(57 * var(--k))} } @media (max-width:959px){ .than0__glavnaa-2{top:calc(-171 * var(--k)); left:calc(941 * var(--k))} } @media (max-width:639px){ .than0__glavnaa-2{top:calc(-106 * var(--k)); left:calc(656 * var(--k))} } .than0__procedura-3{position:absolute; top:calc(18 * var(--k)); left:calc(323 * var(--k)); width:calc(75 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__procedura-3{top:calc(18 * var(--k)); left:calc(256 * var(--k)); width:calc(75 * var(--k))} } @media (max-width:959px){ .than0__procedura-3{top:calc(-171 * var(--k)); left:calc(932 * var(--k))} } @media (max-width:639px){ .than0__procedura-3{top:calc(-106 * var(--k)); left:calc(647 * var(--k))} } .than0__o-nas-4{position:absolute; top:calc(18 * var(--k)); left:calc(423 * var(--k)); width:calc(42 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__o-nas-4{top:calc(18 * var(--k)); left:calc(345 * var(--k)); width:calc(42 * var(--k))} } @media (max-width:959px){ .than0__o-nas-4{top:calc(-171 * var(--k)); left:calc(949 * var(--k))} } @media (max-width:639px){ .than0__o-nas-4{top:calc(-106 * var(--k)); left:calc(664 * var(--k))} } .than0__otzyvy-5{position:absolute; top:calc(18 * var(--k)); left:calc(490 * var(--k)); width:calc(55 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__otzyvy-5{top:calc(18 * var(--k)); left:calc(401 * var(--k)); width:calc(55 * var(--k))} } @media (max-width:959px){ .than0__otzyvy-5{top:calc(-171 * var(--k)); left:calc(942 * var(--k))} } @media (max-width:639px){ .than0__otzyvy-5{top:calc(-106 * var(--k)); left:calc(657 * var(--k))} } .than0__uslugi-6{position:absolute; top:calc(18 * var(--k)); left:calc(570 * var(--k)); width:calc(48 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__uslugi-6{top:calc(18 * var(--k)); left:calc(470 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .than0__uslugi-6{top:calc(-171 * var(--k)); left:calc(946 * var(--k))} } @media (max-width:639px){ .than0__uslugi-6{top:calc(-106 * var(--k)); left:calc(661 * var(--k))} } .than0__faq-7{position:absolute; top:calc(18 * var(--k)); left:calc(643 * var(--k)); width:calc(33 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__faq-7{top:calc(18 * var(--k)); left:calc(532 * var(--k)); width:calc(33 * var(--k))} } @media (max-width:959px){ .than0__faq-7{top:calc(-171 * var(--k)); left:calc(953 * var(--k))} } @media (max-width:639px){ .than0__faq-7{top:calc(-106 * var(--k)); left:calc(668 * var(--k))} } .than0__image-8{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-8{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-8{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-8{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-9{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-9{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-9{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-9{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-10{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-10{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__image-11{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-11{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__kontakty-12{position:absolute; top:calc(18 * var(--k)); left:calc(701 * var(--k)); width:calc(64 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__kontakty-12{top:calc(18 * var(--k)); left:calc(579 * var(--k)); width:calc(64 * var(--k))} } @media (max-width:959px){ .than0__kontakty-12{top:calc(-171 * var(--k)); left:calc(938 * var(--k))} } @media (max-width:639px){ .than0__kontakty-12{top:calc(-106 * var(--k)); left:calc(653 * var(--k))} } .than0__shape-13{position:absolute; top:calc(27 * var(--k)); left:calc(1028 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(796 * var(--k))} } @media (max-width:959px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(551 * var(--k))} } @media (max-width:639px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(252 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than0__blog-14{position:absolute; top:calc(18 * var(--k)); left:calc(790 * var(--k)); width:calc(36 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__blog-14{top:calc(18 * var(--k)); left:calc(657 * var(--k)); width:calc(36 * var(--k))} } @media (max-width:959px){ .than0__blog-14{top:calc(-171 * var(--k)); left:calc(952 * var(--k))} } @media (max-width:639px){ .than0__blog-14{top:calc(-106 * var(--k)); left:calc(667 * var(--k))} } .than0__image-15{position:absolute; top:calc(13 * var(--k)); left:calc(1066 * var(--k)); width:calc(32 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(845 * var(--k))} } @media (max-width:959px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(568 * var(--k))} } @media (max-width:639px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(268 * var(--k)); width:calc(32 * var(--k))} } .than0__zadat-vopros-16{position:absolute; top:calc(14 * var(--k)); left:calc(1042 * var(--k)); width:calc(118 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .than0__zadat-vopros-16{top:calc(14 * var(--k)); left:calc(810 * var(--k)); width:calc(110 * var(--k))} } @media (max-width:959px){ .than0__zadat-vopros-16{top:calc(-173 * var(--k)); left:calc(915 * var(--k))} } @media (max-width:639px){ .than0__zadat-vopros-16{top:calc(-110 * var(--k)); left:calc(638 * var(--k))} } .than0__image-17{position:absolute; top:calc(14 * var(--k)); left:calc(40 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-17{left:calc(40 * var(--k))} } @media (max-width:959px){ .than0__image-17{top:calc(14 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .than0__image-17{top:calc(15 * var(--k)); left:calc(20 * var(--k)); width:calc(71 * var(--k))} } /* ---------- rec1292285421 ---------- */ .than1{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than1__na-glavnuu-1{position:absolute; top:calc(456 * var(--k)); left:calc(446 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-1{top:calc(456 * var(--k)); left:calc(326 * var(--k)); white-space:normal} } @media (max-width:959px){ .than1__na-glavnuu-1{top:calc(456 * var(--k)); left:calc(167 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__na-glavnuu-1{top:calc(555 * var(--k)); left:calc(24 * var(--k)); white-space:normal} } .than1__na-glavnuu-2{position:absolute; top:calc(456 * var(--k)); left:calc(446 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-2{top:calc(456 * var(--k)); left:calc(326 * var(--k)); white-space:normal} } @media (max-width:959px){ .than1__na-glavnuu-2{top:calc(456 * var(--k)); left:calc(167 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__na-glavnuu-2{top:calc(555 * var(--k)); left:calc(24 * var(--k)); white-space:normal} } .than1__v-tecenii-3{position:absolute; top:calc(188 * var(--k)); left:calc(415 * var(--k)); width:calc(370 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__v-tecenii-3{top:calc(188 * var(--k)); left:calc(295 * var(--k)); width:calc(370 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than1__v-tecenii-3{top:calc(188 * var(--k)); left:calc(135 * var(--k)); width:calc(370 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than1__v-tecenii-3{top:calc(185 * var(--k)); left:calc(63 * var(--k)); width:calc(195 * var(--k)); font-size:calc(31 * var(--k))} } .than1__email-4{position:absolute; top:calc(236 * var(--k)); left:calc(339 * var(--k)); width:calc(522 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.45; color:#f4c408; text-align:center; text-transform:lowercase} @media (max-width:1199px){ .than1__email-4{top:calc(236 * var(--k)); left:calc(219 * var(--k)); width:calc(522 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .than1__email-4{top:calc(236 * var(--k)); left:calc(0 * var(--k)); width:calc(522 * var(--k)); font-size:calc(15 * var(--k)); text-align:center} } @media (max-width:639px){ .than1__email-4{top:calc(267 * var(--k)); left:calc(0 * var(--k)); width:calc(300 * var(--k)); font-size:calc(14 * var(--k))} } .than1__spasibo-5{position:absolute; top:calc(104 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__spasibo-5{top:calc(104 * var(--k)); left:calc(356 * var(--k)); width:calc(248 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than1__spasibo-5{top:calc(104 * var(--k)); left:calc(196 * var(--k)); width:calc(248 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than1__spasibo-5{top:calc(127 * var(--k)); left:calc(0 * var(--k)); width:calc(248 * var(--k)); font-size:calc(40 * var(--k))} } .than1__shape-6{position:absolute; top:calc(314 * var(--k)); left:calc(291 * var(--k)); width:calc(618 * var(--k)); height:calc(100 * var(--k)); border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .than1__shape-6{top:calc(314 * var(--k)); left:calc(171 * var(--k))} } @media (max-width:959px){ .than1__shape-6{top:calc(314 * var(--k)); left:calc(10 * var(--k)); width:calc(620 * var(--k))} } @media (max-width:639px){ .than1__shape-6{top:calc(355 * var(--k)); left:calc(37 * var(--k)); width:calc(246 * var(--k)); height:calc(152 * var(--k))} } .than1__shape-7{position:absolute; top:calc(349 * var(--k)); left:calc(452 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f1f1f1; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-7{top:calc(349 * var(--k)); left:calc(332 * var(--k))} } @media (max-width:959px){ .than1__shape-7{top:calc(349 * var(--k)); left:calc(172 * var(--k))} } @media (max-width:639px){ .than1__shape-7{top:calc(394 * var(--k)); left:calc(164 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__shape-8{position:absolute; top:calc(349 * var(--k)); left:calc(452 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f5d34b; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-8{top:calc(349 * var(--k)); left:calc(332 * var(--k))} } @media (max-width:959px){ .than1__shape-8{top:calc(349 * var(--k)); left:calc(172 * var(--k))} } @media (max-width:639px){ .than1__shape-8{top:calc(394 * var(--k)); left:calc(164 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__google-9{position:absolute; top:calc(366 * var(--k)); left:calc(495 * var(--k)); width:calc(60 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__google-9{top:calc(366 * var(--k)); left:calc(375 * var(--k))} } @media (max-width:959px){ .than1__google-9{top:calc(366 * var(--k)); left:calc(215 * var(--k))} } @media (max-width:639px){ .than1__google-9{top:calc(408 * var(--k)); left:calc(189 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .than1__shape-10{position:absolute; top:calc(349 * var(--k)); left:calc(602 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f1f1f1; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-10{top:calc(349 * var(--k)); left:calc(482 * var(--k))} } @media (max-width:959px){ .than1__shape-10{top:calc(349 * var(--k)); left:calc(322 * var(--k))} } @media (max-width:639px){ .than1__shape-10{top:calc(450 * var(--k)); left:calc(46 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__shape-11{position:absolute; top:calc(349 * var(--k)); left:calc(602 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f5d34b; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-11{top:calc(349 * var(--k)); left:calc(482 * var(--k))} } @media (max-width:959px){ .than1__shape-11{top:calc(349 * var(--k)); left:calc(322 * var(--k))} } @media (max-width:639px){ .than1__shape-11{top:calc(450 * var(--k)); left:calc(46 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__mail-ru-12{position:absolute; top:calc(366 * var(--k)); left:calc(645 * var(--k)); width:calc(60 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__mail-ru-12{top:calc(366 * var(--k)); left:calc(525 * var(--k))} } @media (max-width:959px){ .than1__mail-ru-12{top:calc(366 * var(--k)); left:calc(365 * var(--k))} } @media (max-width:639px){ .than1__mail-ru-12{top:calc(465 * var(--k)); left:calc(71 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .than1__shape-13{position:absolute; top:calc(349 * var(--k)); left:calc(302 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f1f1f1; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-13{top:calc(349 * var(--k)); left:calc(182 * var(--k))} } @media (max-width:959px){ .than1__shape-13{top:calc(349 * var(--k)); left:calc(22 * var(--k))} } @media (max-width:639px){ .than1__shape-13{top:calc(394 * var(--k)); left:calc(46 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__shape-14{position:absolute; top:calc(349 * var(--k)); left:calc(302 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f5d34b; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-14{top:calc(349 * var(--k)); left:calc(182 * var(--k))} } @media (max-width:959px){ .than1__shape-14{top:calc(349 * var(--k)); left:calc(22 * var(--k))} } @media (max-width:639px){ .than1__shape-14{top:calc(394 * var(--k)); left:calc(46 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__yandex-15{position:absolute; top:calc(366 * var(--k)); left:calc(345 * var(--k)); width:calc(60 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__yandex-15{top:calc(366 * var(--k)); left:calc(225 * var(--k))} } @media (max-width:959px){ .than1__yandex-15{top:calc(366 * var(--k)); left:calc(66 * var(--k))} } @media (max-width:639px){ .than1__yandex-15{top:calc(408 * var(--k)); left:calc(71 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .than1__shape-16{position:absolute; top:calc(349 * var(--k)); left:calc(752 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f1f1f1; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-16{top:calc(349 * var(--k)); left:calc(632 * var(--k))} } @media (max-width:959px){ .than1__shape-16{top:calc(349 * var(--k)); left:calc(472 * var(--k))} } @media (max-width:639px){ .than1__shape-16{top:calc(450 * var(--k)); left:calc(164 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__shape-17{position:absolute; top:calc(349 * var(--k)); left:calc(752 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f5d34b; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-17{top:calc(349 * var(--k)); left:calc(632 * var(--k))} } @media (max-width:959px){ .than1__shape-17{top:calc(349 * var(--k)); left:calc(472 * var(--k))} } @media (max-width:639px){ .than1__shape-17{top:calc(450 * var(--k)); left:calc(164 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__rambler-18{position:absolute; top:calc(366 * var(--k)); left:calc(793 * var(--k)); width:calc(63 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__rambler-18{top:calc(366 * var(--k)); left:calc(673 * var(--k))} } @media (max-width:959px){ .than1__rambler-18{top:calc(366 * var(--k)); left:calc(513 * var(--k))} } @media (max-width:639px){ .than1__rambler-18{top:calc(465 * var(--k)); left:calc(187 * var(--k)); width:calc(63 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .than1__pereyti-v-19{position:absolute; top:calc(322 * var(--k)); left:calc(476 * var(--k)); width:calc(248 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#333333; text-align:center} @media (max-width:1199px){ .than1__pereyti-v-19{top:calc(322 * var(--k)); left:calc(356 * var(--k))} } @media (max-width:959px){ .than1__pereyti-v-19{top:calc(322 * var(--k)); left:calc(196 * var(--k))} } @media (max-width:639px){ .than1__pereyti-v-19{top:calc(365 * var(--k)); left:calc(50 * var(--k)); width:calc(220 * var(--k))} } .than1__image-20{position:absolute; top:calc(474 * var(--k)); left:calc(668 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-20{top:calc(474 * var(--k)); left:calc(547 * var(--k))} } @media (max-width:959px){ .than1__image-20{top:calc(474 * var(--k)); left:calc(389 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-20{top:calc(575 * var(--k)); left:calc(224 * var(--k)); width:calc(32 * var(--k))} } .than1__image-21{position:absolute; top:calc(474 * var(--k)); left:calc(668 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-21{top:calc(474 * var(--k)); left:calc(547 * var(--k))} } @media (max-width:959px){ .than1__image-21{top:calc(474 * var(--k)); left:calc(389 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-21{top:calc(575 * var(--k)); left:calc(224 * var(--k)); width:calc(32 * var(--k))} } .than1__image-22{position:absolute; top:calc(474 * var(--k)); left:calc(620 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-22{top:calc(474 * var(--k)); left:calc(499 * var(--k))} } @media (max-width:959px){ .than1__image-22{top:calc(474 * var(--k)); left:calc(339 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-22{top:calc(575 * var(--k)); left:calc(176 * var(--k)); width:calc(32 * var(--k))} } .than1__image-23{position:absolute; top:calc(474 * var(--k)); left:calc(620 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-23{top:calc(474 * var(--k)); left:calc(499 * var(--k))} } @media (max-width:959px){ .than1__image-23{top:calc(474 * var(--k)); left:calc(339 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-23{top:calc(575 * var(--k)); left:calc(176 * var(--k)); width:calc(32 * var(--k))} } .than1__online-24{position:absolute; top:calc(484 * var(--k)); left:calc(730 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than1__online-24{top:calc(484 * var(--k)); left:calc(609 * var(--k))} } @media (max-width:959px){ .than1__online-24{top:calc(484 * var(--k)); left:calc(451 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__online-24{top:calc(585 * var(--k)); left:calc(284 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than1__shape-25{position:absolute; top:calc(487 * var(--k)); left:calc(713 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than1__shape-25{top:calc(487 * var(--k)); left:calc(592 * var(--k))} } @media (max-width:959px){ .than1__shape-25{top:calc(487 * var(--k)); left:calc(434 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than1__shape-25{top:calc(588 * var(--k)); left:calc(267 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than1__drugie-kontakty-26{position:absolute; top:calc(451 * var(--k)); left:calc(620 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222} @media (max-width:1199px){ .than1__drugie-kontakty-26{top:calc(451 * var(--k)); left:calc(499 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than1__drugie-kontakty-26{top:calc(451 * var(--k)); left:calc(339 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__drugie-kontakty-26{top:calc(551 * var(--k)); left:calc(176 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:left; white-space:normal} } .than1__pridet-instrukcia-27{position:absolute; top:calc(267 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__pridet-instrukcia-27{top:calc(267 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k))} } @media (max-width:959px){ .than1__pridet-instrukcia-27{top:calc(267 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k))} } @media (max-width:639px){ .than1__pridet-instrukcia-27{top:calc(299 * var(--k)); left:calc(89 * var(--k)); width:calc(142 * var(--k)); text-align:center} } /* Простые страницы (политика, спасибо, 404): первого экрана нет, а шапка fixed — иначе контент уезжает под неё. 60 канвы плашка + 7 отступ сверху. */ main.simple{display:block; padding-top:calc(75 * var(--k, calc(100vw / 1200)))} /* ==== страница /privacy-policy ==== */ /* ---------- rec1292404551 ---------- */ .priv1{ --k:calc(100vw / 1200); position:relative; height:calc(105 * var(--k)); overflow:visible; background:#ffffff; } .priv1__politika-konfidencialn-1{position:absolute; top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(660 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .priv1__politika-konfidencialn-1{top:calc(16 * var(--k)); left:calc(19 * var(--k)); width:calc(492 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .priv1__politika-konfidencialn-1{top:calc(20 * var(--k)); left:calc(9 * var(--k)); width:calc(301 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } /* ---------- rec1245874911 ---------- */ .priv2{ --k:calc(100vw / 1200); position:relative; height:calc(3326 * var(--k)); overflow:visible; background:#ffffff; } .priv2__?-1{position:absolute; top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(1040 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#000000} @media (max-width:1199px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(900 * var(--k))} } @media (max-width:959px){ .priv2__?-1{top:calc(38 * var(--k)); left:calc(0 * var(--k)); width:calc(580 * var(--k))} } @media (max-width:639px){ .priv2__?-1{top:calc(31 * var(--k)); left:calc(0 * var(--k)); width:calc(300 * var(--k)); font-size:calc(12 * var(--k)); text-align:left} } /* ==== страница /thank-you ==== */ /* ---------- rec1293356521 ---------- */ .than0{ --k:calc(100vw / 1200); position:relative; height:calc(60 * var(--k)); overflow:visible; } .than0__shape-1{position:absolute; top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(46 * var(--k)); background-color:#f1f1f1; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .than0__shape-1{top:calc(7 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .than0__glavnaa-2{position:absolute; top:calc(18 * var(--k)); left:calc(241 * var(--k)); width:calc(57 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__glavnaa-2{top:calc(18 * var(--k)); left:calc(185 * var(--k)); width:calc(57 * var(--k))} } @media (max-width:959px){ .than0__glavnaa-2{top:calc(-171 * var(--k)); left:calc(941 * var(--k))} } @media (max-width:639px){ .than0__glavnaa-2{top:calc(-106 * var(--k)); left:calc(656 * var(--k))} } .than0__procedura-3{position:absolute; top:calc(18 * var(--k)); left:calc(323 * var(--k)); width:calc(75 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__procedura-3{top:calc(18 * var(--k)); left:calc(256 * var(--k)); width:calc(75 * var(--k))} } @media (max-width:959px){ .than0__procedura-3{top:calc(-171 * var(--k)); left:calc(932 * var(--k))} } @media (max-width:639px){ .than0__procedura-3{top:calc(-106 * var(--k)); left:calc(647 * var(--k))} } .than0__o-nas-4{position:absolute; top:calc(18 * var(--k)); left:calc(423 * var(--k)); width:calc(42 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__o-nas-4{top:calc(18 * var(--k)); left:calc(345 * var(--k)); width:calc(42 * var(--k))} } @media (max-width:959px){ .than0__o-nas-4{top:calc(-171 * var(--k)); left:calc(949 * var(--k))} } @media (max-width:639px){ .than0__o-nas-4{top:calc(-106 * var(--k)); left:calc(664 * var(--k))} } .than0__otzyvy-5{position:absolute; top:calc(18 * var(--k)); left:calc(490 * var(--k)); width:calc(55 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__otzyvy-5{top:calc(18 * var(--k)); left:calc(401 * var(--k)); width:calc(55 * var(--k))} } @media (max-width:959px){ .than0__otzyvy-5{top:calc(-171 * var(--k)); left:calc(942 * var(--k))} } @media (max-width:639px){ .than0__otzyvy-5{top:calc(-106 * var(--k)); left:calc(657 * var(--k))} } .than0__uslugi-6{position:absolute; top:calc(18 * var(--k)); left:calc(570 * var(--k)); width:calc(48 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__uslugi-6{top:calc(18 * var(--k)); left:calc(470 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .than0__uslugi-6{top:calc(-171 * var(--k)); left:calc(946 * var(--k))} } @media (max-width:639px){ .than0__uslugi-6{top:calc(-106 * var(--k)); left:calc(661 * var(--k))} } .than0__faq-7{position:absolute; top:calc(18 * var(--k)); left:calc(643 * var(--k)); width:calc(33 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__faq-7{top:calc(18 * var(--k)); left:calc(532 * var(--k)); width:calc(33 * var(--k))} } @media (max-width:959px){ .than0__faq-7{top:calc(-171 * var(--k)); left:calc(953 * var(--k))} } @media (max-width:639px){ .than0__faq-7{top:calc(-106 * var(--k)); left:calc(668 * var(--k))} } .than0__image-8{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-8{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-8{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-8{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-9{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-9{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-9{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-9{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-10{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-10{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__image-11{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-11{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__kontakty-12{position:absolute; top:calc(18 * var(--k)); left:calc(701 * var(--k)); width:calc(64 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__kontakty-12{top:calc(18 * var(--k)); left:calc(579 * var(--k)); width:calc(64 * var(--k))} } @media (max-width:959px){ .than0__kontakty-12{top:calc(-171 * var(--k)); left:calc(938 * var(--k))} } @media (max-width:639px){ .than0__kontakty-12{top:calc(-106 * var(--k)); left:calc(653 * var(--k))} } .than0__shape-13{position:absolute; top:calc(27 * var(--k)); left:calc(1028 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(796 * var(--k))} } @media (max-width:959px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(551 * var(--k))} } @media (max-width:639px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(252 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than0__blog-14{position:absolute; top:calc(18 * var(--k)); left:calc(790 * var(--k)); width:calc(36 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__blog-14{top:calc(18 * var(--k)); left:calc(657 * var(--k)); width:calc(36 * var(--k))} } @media (max-width:959px){ .than0__blog-14{top:calc(-171 * var(--k)); left:calc(952 * var(--k))} } @media (max-width:639px){ .than0__blog-14{top:calc(-106 * var(--k)); left:calc(667 * var(--k))} } .than0__image-15{position:absolute; top:calc(13 * var(--k)); left:calc(1066 * var(--k)); width:calc(32 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(845 * var(--k))} } @media (max-width:959px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(568 * var(--k))} } @media (max-width:639px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(268 * var(--k)); width:calc(32 * var(--k))} } .than0__zadat-vopros-16{position:absolute; top:calc(14 * var(--k)); left:calc(1042 * var(--k)); width:calc(118 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .than0__zadat-vopros-16{top:calc(14 * var(--k)); left:calc(810 * var(--k)); width:calc(110 * var(--k))} } @media (max-width:959px){ .than0__zadat-vopros-16{top:calc(-173 * var(--k)); left:calc(915 * var(--k))} } @media (max-width:639px){ .than0__zadat-vopros-16{top:calc(-110 * var(--k)); left:calc(638 * var(--k))} } .than0__image-17{position:absolute; top:calc(14 * var(--k)); left:calc(40 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-17{left:calc(40 * var(--k))} } @media (max-width:959px){ .than0__image-17{top:calc(14 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .than0__image-17{top:calc(15 * var(--k)); left:calc(20 * var(--k)); width:calc(71 * var(--k))} } /* ---------- rec1216529631 ---------- */ .than1{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than1__na-glavnuu-1{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than1__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than1__na-glavnuu-1{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than1__na-glavnuu-2{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than1__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than1__na-glavnuu-2{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than1__menedjer-svajetsa-3{position:absolute; top:calc(226 * var(--k)); left:calc(350 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(230 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than1__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(70 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than1__menedjer-svajetsa-3{top:calc(196 * var(--k)); left:calc(25 * var(--k)); width:calc(270 * var(--k)); font-size:calc(31 * var(--k))} } .than1__image-4{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-4{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than1__image-4{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-4{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than1__image-5{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-5{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than1__image-5{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-5{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than1__image-6{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-6{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than1__image-6{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-6{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than1__image-7{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-7{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than1__image-7{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-7{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than1__online-8{position:absolute; top:calc(420 * var(--k)); left:calc(670 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than1__online-8{top:calc(420 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .than1__online-8{top:calc(420 * var(--k)); left:calc(391 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__online-8{top:calc(496 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than1__shape-9{position:absolute; top:calc(423 * var(--k)); left:calc(653 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than1__shape-9{top:calc(423 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .than1__shape-9{top:calc(423 * var(--k)); left:calc(374 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than1__shape-9{top:calc(499 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than1__drugie-kontakty-10{position:absolute; top:calc(386 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than1__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__drugie-kontakty-10{top:calc(462 * var(--k)); left:calc(96 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .than1__spasibo-11{position:absolute; top:calc(142 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__spasibo-11{top:calc(142 * var(--k)); left:calc(357 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than1__spasibo-11{top:calc(142 * var(--k)); left:calc(197 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than1__spasibo-11{top:calc(138 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(40 * var(--k))} } .than1__obrabotka-zaavok-12{position:absolute; left:calc(0 * var(--k)); width:calc(324 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__obrabotka-zaavok-12{left:calc(0 * var(--k)); width:calc(324 * var(--k))} } @media (max-width:959px){ .than1__obrabotka-zaavok-12{left:calc(0 * var(--k)); width:calc(324 * var(--k))} } @media (max-width:639px){ .than1__obrabotka-zaavok-12{left:calc(0 * var(--k)); width:calc(216 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } /* ---------- rec1311808751 ---------- */ .than2{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than2__na-glavnuu-1{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than2__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than2__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than2__na-glavnuu-1{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than2__na-glavnuu-2{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than2__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than2__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than2__na-glavnuu-2{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than2__menedjer-svajetsa-3{position:absolute; top:calc(226 * var(--k)); left:calc(350 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than2__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(230 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than2__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(70 * var(--k)); width:calc(500 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than2__menedjer-svajetsa-3{top:calc(196 * var(--k)); left:calc(25 * var(--k)); width:calc(270 * var(--k)); font-size:calc(31 * var(--k))} } .than2__image-4{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-4{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than2__image-4{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-4{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than2__image-5{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-5{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than2__image-5{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-5{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than2__image-6{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-6{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than2__image-6{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-6{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than2__image-7{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than2__image-7{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than2__image-7{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than2__image-7{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than2__online-8{position:absolute; top:calc(420 * var(--k)); left:calc(670 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than2__online-8{top:calc(420 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .than2__online-8{top:calc(420 * var(--k)); left:calc(391 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than2__online-8{top:calc(496 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than2__shape-9{position:absolute; top:calc(423 * var(--k)); left:calc(653 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than2__shape-9{top:calc(423 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .than2__shape-9{top:calc(423 * var(--k)); left:calc(374 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than2__shape-9{top:calc(499 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than2__drugie-kontakty-10{position:absolute; top:calc(386 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than2__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than2__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than2__drugie-kontakty-10{top:calc(462 * var(--k)); left:calc(96 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .than2__spasibo-11{position:absolute; top:calc(142 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than2__spasibo-11{top:calc(142 * var(--k)); left:calc(357 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than2__spasibo-11{top:calc(142 * var(--k)); left:calc(197 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than2__spasibo-11{top:calc(138 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(40 * var(--k))} } /* ---------- rec1311808961 ---------- */ .than3{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than3__na-glavnuu-1{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than3__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than3__na-glavnuu-1{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than3__na-glavnuu-1{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than3__na-glavnuu-2{position:absolute; top:calc(311 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than3__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .than3__na-glavnuu-2{top:calc(311 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .than3__na-glavnuu-2{top:calc(375 * var(--k)); left:calc(0 * var(--k))} } .than3__menedjer-svajetsa-3{position:absolute; top:calc(226 * var(--k)); left:calc(344 * var(--k)); width:calc(512 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than3__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(224 * var(--k)); width:calc(512 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than3__menedjer-svajetsa-3{top:calc(226 * var(--k)); left:calc(64 * var(--k)); width:calc(512 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than3__menedjer-svajetsa-3{top:calc(196 * var(--k)); left:calc(25 * var(--k)); width:calc(270 * var(--k)); font-size:calc(31 * var(--k))} } .than3__image-4{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-4{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than3__image-4{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-4{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than3__image-5{position:absolute; top:calc(410 * var(--k)); left:calc(608 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-5{top:calc(410 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .than3__image-5{top:calc(410 * var(--k)); left:calc(329 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-5{top:calc(486 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .than3__image-6{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-6{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than3__image-6{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-6{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than3__image-7{position:absolute; top:calc(410 * var(--k)); left:calc(560 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than3__image-7{top:calc(410 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .than3__image-7{top:calc(410 * var(--k)); left:calc(279 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than3__image-7{top:calc(486 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .than3__online-8{position:absolute; top:calc(420 * var(--k)); left:calc(670 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than3__online-8{top:calc(420 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .than3__online-8{top:calc(420 * var(--k)); left:calc(391 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than3__online-8{top:calc(496 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than3__shape-9{position:absolute; top:calc(423 * var(--k)); left:calc(653 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than3__shape-9{top:calc(423 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .than3__shape-9{top:calc(423 * var(--k)); left:calc(374 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than3__shape-9{top:calc(499 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than3__drugie-kontakty-10{position:absolute; top:calc(386 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than3__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than3__drugie-kontakty-10{top:calc(386 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than3__drugie-kontakty-10{top:calc(462 * var(--k)); left:calc(96 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .than3__spasibo-11{position:absolute; top:calc(142 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than3__spasibo-11{top:calc(142 * var(--k)); left:calc(357 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than3__spasibo-11{top:calc(142 * var(--k)); left:calc(197 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than3__spasibo-11{top:calc(138 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(40 * var(--k))} } /* ==== страница /spisanie-dolgov ==== */ /* ---------- rec1293354781 ---------- */ .spis0{ --k:calc(100vw / 1200); position:relative; height:calc(60 * var(--k)); overflow:visible; } .spis0__shape-1{position:absolute; top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(46 * var(--k)); background-color:#f1f1f1; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .spis0__shape-1{top:calc(7 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .spis0__shape-1{top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .spis0__shape-1{top:calc(7 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .spis0__glavnaa-2{position:absolute; top:calc(18 * var(--k)); left:calc(241 * var(--k)); width:calc(57 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__glavnaa-2{top:calc(18 * var(--k)); left:calc(185 * var(--k)); width:calc(57 * var(--k))} } @media (max-width:959px){ .spis0__glavnaa-2{top:calc(-171 * var(--k)); left:calc(941 * var(--k))} } @media (max-width:639px){ .spis0__glavnaa-2{top:calc(-106 * var(--k)); left:calc(656 * var(--k))} } .spis0__procedura-3{position:absolute; top:calc(18 * var(--k)); left:calc(323 * var(--k)); width:calc(75 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__procedura-3{top:calc(18 * var(--k)); left:calc(256 * var(--k)); width:calc(75 * var(--k))} } @media (max-width:959px){ .spis0__procedura-3{top:calc(-171 * var(--k)); left:calc(932 * var(--k))} } @media (max-width:639px){ .spis0__procedura-3{top:calc(-106 * var(--k)); left:calc(647 * var(--k))} } .spis0__o-nas-4{position:absolute; top:calc(18 * var(--k)); left:calc(423 * var(--k)); width:calc(42 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__o-nas-4{top:calc(18 * var(--k)); left:calc(345 * var(--k)); width:calc(42 * var(--k))} } @media (max-width:959px){ .spis0__o-nas-4{top:calc(-171 * var(--k)); left:calc(949 * var(--k))} } @media (max-width:639px){ .spis0__o-nas-4{top:calc(-106 * var(--k)); left:calc(664 * var(--k))} } .spis0__otzyvy-5{position:absolute; top:calc(18 * var(--k)); left:calc(490 * var(--k)); width:calc(55 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__otzyvy-5{top:calc(18 * var(--k)); left:calc(401 * var(--k)); width:calc(55 * var(--k))} } @media (max-width:959px){ .spis0__otzyvy-5{top:calc(-171 * var(--k)); left:calc(942 * var(--k))} } @media (max-width:639px){ .spis0__otzyvy-5{top:calc(-106 * var(--k)); left:calc(657 * var(--k))} } .spis0__uslugi-6{position:absolute; top:calc(18 * var(--k)); left:calc(570 * var(--k)); width:calc(48 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__uslugi-6{top:calc(18 * var(--k)); left:calc(470 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .spis0__uslugi-6{top:calc(-171 * var(--k)); left:calc(946 * var(--k))} } @media (max-width:639px){ .spis0__uslugi-6{top:calc(-106 * var(--k)); left:calc(661 * var(--k))} } .spis0__faq-7{position:absolute; top:calc(18 * var(--k)); left:calc(643 * var(--k)); width:calc(33 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__faq-7{top:calc(18 * var(--k)); left:calc(532 * var(--k)); width:calc(33 * var(--k))} } @media (max-width:959px){ .spis0__faq-7{top:calc(-171 * var(--k)); left:calc(953 * var(--k))} } @media (max-width:639px){ .spis0__faq-7{top:calc(-106 * var(--k)); left:calc(668 * var(--k))} } .spis0__image-8{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-8{left:calc(756 * var(--k))} } @media (max-width:959px){ .spis0__image-8{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .spis0__image-8{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .spis0__image-9{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-9{left:calc(756 * var(--k))} } @media (max-width:959px){ .spis0__image-9{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .spis0__image-9{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .spis0__image-10{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-10{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .spis0__image-10{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .spis0__image-10{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .spis0__image-11{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-11{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .spis0__image-11{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .spis0__image-11{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .spis0__kontakty-12{position:absolute; top:calc(18 * var(--k)); left:calc(701 * var(--k)); width:calc(64 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__kontakty-12{top:calc(18 * var(--k)); left:calc(579 * var(--k)); width:calc(64 * var(--k))} } @media (max-width:959px){ .spis0__kontakty-12{top:calc(-171 * var(--k)); left:calc(938 * var(--k))} } @media (max-width:639px){ .spis0__kontakty-12{top:calc(-106 * var(--k)); left:calc(653 * var(--k))} } .spis0__shape-13{position:absolute; top:calc(27 * var(--k)); left:calc(1028 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .spis0__shape-13{top:calc(27 * var(--k)); left:calc(796 * var(--k))} } @media (max-width:959px){ .spis0__shape-13{top:calc(27 * var(--k)); left:calc(551 * var(--k))} } @media (max-width:639px){ .spis0__shape-13{top:calc(27 * var(--k)); left:calc(252 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .spis0__blog-14{position:absolute; top:calc(18 * var(--k)); left:calc(790 * var(--k)); width:calc(36 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .spis0__blog-14{top:calc(18 * var(--k)); left:calc(657 * var(--k)); width:calc(36 * var(--k))} } @media (max-width:959px){ .spis0__blog-14{top:calc(-171 * var(--k)); left:calc(952 * var(--k))} } @media (max-width:639px){ .spis0__blog-14{top:calc(-106 * var(--k)); left:calc(667 * var(--k))} } .spis0__image-15{position:absolute; top:calc(13 * var(--k)); left:calc(1066 * var(--k)); width:calc(32 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-15{top:calc(14 * var(--k)); left:calc(845 * var(--k))} } @media (max-width:959px){ .spis0__image-15{top:calc(14 * var(--k)); left:calc(568 * var(--k))} } @media (max-width:639px){ .spis0__image-15{top:calc(14 * var(--k)); left:calc(268 * var(--k)); width:calc(32 * var(--k))} } .spis0__zadat-vopros-16{position:absolute; top:calc(14 * var(--k)); left:calc(1042 * var(--k)); width:calc(118 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .spis0__zadat-vopros-16{top:calc(14 * var(--k)); left:calc(810 * var(--k)); width:calc(110 * var(--k))} } @media (max-width:959px){ .spis0__zadat-vopros-16{top:calc(-173 * var(--k)); left:calc(915 * var(--k))} } @media (max-width:639px){ .spis0__zadat-vopros-16{top:calc(-110 * var(--k)); left:calc(638 * var(--k))} } .spis0__image-17{position:absolute; top:calc(14 * var(--k)); left:calc(40 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis0__image-17{left:calc(40 * var(--k))} } @media (max-width:959px){ .spis0__image-17{top:calc(14 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis0__image-17{top:calc(15 * var(--k)); left:calc(20 * var(--k)); width:calc(71 * var(--k))} } /* ---------- rec1357776811 ---------- */ .spis1{ --k:calc(100vw / 1200); position:relative; height:calc(625 * var(--k)); overflow:visible; background:#ffffff; } .spis1__shape-1{position:absolute; top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(545 * var(--k)); border-radius:calc(18 * var(--k)); background-image:url('../img/tild3939-6336-4333-b662-316263313132__fon1_2.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .spis1__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .spis1__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .spis1__shape-1{top:calc(63 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .spis1__button-2{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis1__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis1__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis1__button-2{top:calc(474 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis1__nacat-rascet-3{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis1__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis1__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis1__nacat-rascet-3{top:calc(489 * var(--k)); left:calc(41 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis1__button-4{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis1__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis1__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis1__button-4{top:calc(474 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis1__nacat-rascet-5{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis1__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis1__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis1__nacat-rascet-5{top:calc(489 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis1__skolko-stoit-6{position:absolute; top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(602 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#ffffff; text-transform:uppercase} @media (max-width:1199px){ .spis1__skolko-stoit-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(602 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .spis1__skolko-stoit-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(600 * var(--k)); font-size:calc(66 * var(--k)); white-space:normal} } @media (max-width:639px){ .spis1__skolko-stoit-6{top:calc(118 * var(--k)); left:calc(20 * var(--k)); width:calc(284 * var(--k)); font-size:calc(40 * var(--k))} } .spis1__shape-7{position:absolute; top:calc(310 * var(--k)); left:calc(40 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k)); background-color:#8f8f8f; opacity:0.15; border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .spis1__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k))} } @media (max-width:959px){ .spis1__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k))} } @media (max-width:639px){ .spis1__shape-7{top:calc(357 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(64 * var(--k))} } .spis1__besplatnaa-konsultacia-8{position:absolute; top:calc(320 * var(--k)); left:calc(227 * var(--k)); width:calc(85 * var(--k)); height:calc(45 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis1__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(229 * var(--k)); width:calc(85 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis1__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(228 * var(--k)); width:calc(84 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis1__besplatnaa-konsultacia-8{top:calc(375 * var(--k)); left:calc(201 * var(--k)); width:calc(80 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis1__image-9{position:absolute; top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis1__image-9{top:calc(318 * var(--k)); left:calc(179 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis1__image-9{top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis1__image-9{top:calc(365 * var(--k)); left:calc(151 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } .spis1__podrobnaa-instrukcia-10{position:absolute; top:calc(327 * var(--k)); left:calc(96 * var(--k)); width:calc(73 * var(--k)); height:calc(30 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis1__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(73 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis1__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(72 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis1__podrobnaa-instrukcia-10{top:calc(375 * var(--k)); left:calc(74 * var(--k)); width:calc(69 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis1__image-11{position:absolute; top:calc(318 * var(--k)); left:calc(51 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis1__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis1__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis1__image-11{top:calc(365 * var(--k)); left:calc(29 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } /* ---------- rec1357069121 ---------- */ .spis2{ --k:calc(100vw / 1200); position:relative; height:calc(625 * var(--k)); overflow:visible; background:#ffffff; } .spis2__shape-1{position:absolute; top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(545 * var(--k)); border-radius:calc(18 * var(--k)); background-image:url('../img/tild3533-3261-4633-a362-373831336539__mm.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .spis2__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .spis2__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .spis2__shape-1{top:calc(63 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .spis2__button-2{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis2__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis2__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis2__button-2{top:calc(464 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis2__nacat-rascet-3{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis2__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis2__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis2__nacat-rascet-3{top:calc(479 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis2__button-4{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis2__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis2__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis2__button-4{top:calc(464 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis2__nacat-rascet-5{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis2__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis2__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis2__nacat-rascet-5{top:calc(479 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis2__besplatnoe-spisanie-6{position:absolute; top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(590 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#ffffff; text-transform:uppercase} @media (max-width:1199px){ .spis2__besplatnoe-spisanie-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(590 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .spis2__besplatnoe-spisanie-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(436 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .spis2__besplatnoe-spisanie-6{top:calc(121 * var(--k)); left:calc(20 * var(--k)); width:calc(160 * var(--k)); font-size:calc(40 * var(--k))} } .spis2__shape-7{position:absolute; top:calc(310 * var(--k)); left:calc(40 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k)); background-color:#8f8f8f; opacity:0.15; border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .spis2__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k))} } @media (max-width:959px){ .spis2__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k))} } @media (max-width:639px){ .spis2__shape-7{top:calc(342 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(64 * var(--k))} } .spis2__besplatnaa-konsultacia-8{position:absolute; top:calc(320 * var(--k)); left:calc(227 * var(--k)); width:calc(85 * var(--k)); height:calc(45 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis2__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(229 * var(--k)); width:calc(85 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis2__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(228 * var(--k)); width:calc(84 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis2__besplatnaa-konsultacia-8{top:calc(360 * var(--k)); left:calc(201 * var(--k)); width:calc(80 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis2__image-9{position:absolute; top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis2__image-9{top:calc(318 * var(--k)); left:calc(179 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis2__image-9{top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis2__image-9{top:calc(350 * var(--k)); left:calc(151 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } .spis2__podrobnaa-instrukcia-10{position:absolute; top:calc(327 * var(--k)); left:calc(96 * var(--k)); width:calc(73 * var(--k)); height:calc(30 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis2__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(73 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis2__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(72 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis2__podrobnaa-instrukcia-10{top:calc(360 * var(--k)); left:calc(74 * var(--k)); width:calc(69 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis2__image-11{position:absolute; top:calc(318 * var(--k)); left:calc(51 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis2__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis2__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis2__image-11{top:calc(350 * var(--k)); left:calc(29 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } /* ---------- rec1357226881 ---------- */ .spis3{ --k:calc(100vw / 1200); position:relative; height:calc(625 * var(--k)); overflow:visible; background:#ffffff; } .spis3__shape-1{position:absolute; top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(545 * var(--k)); border-radius:calc(18 * var(--k)); background-image:url('../img/tild6539-6665-4965-b963-386135343331__gu.jpg'); background-size:cover; background-position:center} @media (max-width:1199px){ .spis3__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .spis3__shape-1{top:calc(63 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .spis3__shape-1{top:calc(63 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .spis3__button-2{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis3__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis3__button-2{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis3__button-2{top:calc(462 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis3__nacat-rascet-3{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis3__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis3__nacat-rascet-3{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis3__nacat-rascet-3{top:calc(477 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis3__button-4{position:absolute; top:calc(393 * var(--k)); left:calc(40 * var(--k)); width:calc(134 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.55; color:transparent; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .spis3__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:959px){ .spis3__button-4{top:calc(393 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .spis3__button-4{top:calc(462 * var(--k)); left:calc(20 * var(--k)); width:calc(126 * var(--k))} } .spis3__nacat-rascet-5{position:absolute; top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.35; color:#222222; text-align:center} @media (max-width:1199px){ .spis3__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis3__nacat-rascet-5{top:calc(408 * var(--k)); left:calc(61 * var(--k)); width:calc(93 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis3__nacat-rascet-5{top:calc(477 * var(--k)); left:calc(37 * var(--k)); width:calc(93 * var(--k)); font-size:calc(12 * var(--k))} } .spis3__besplatnoe-spisanie-6{position:absolute; top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(590 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#ffffff; text-transform:uppercase} @media (max-width:1199px){ .spis3__besplatnoe-spisanie-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(590 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .spis3__besplatnoe-spisanie-6{top:calc(150 * var(--k)); left:calc(39 * var(--k)); width:calc(522 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .spis3__besplatnoe-spisanie-6{top:calc(121 * var(--k)); left:calc(20 * var(--k)); width:calc(236 * var(--k)); font-size:calc(40 * var(--k))} } .spis3__shape-7{position:absolute; top:calc(310 * var(--k)); left:calc(40 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k)); background-color:#8f8f8f; opacity:0.15; border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .spis3__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k)); width:calc(291 * var(--k)); height:calc(64 * var(--k))} } @media (max-width:959px){ .spis3__shape-7{top:calc(310 * var(--k)); left:calc(41 * var(--k))} } @media (max-width:639px){ .spis3__shape-7{top:calc(327 * var(--k)); left:calc(20 * var(--k)); width:calc(280 * var(--k)); height:calc(64 * var(--k))} } .spis3__besplatnaa-konsultacia-8{position:absolute; top:calc(320 * var(--k)); left:calc(227 * var(--k)); width:calc(85 * var(--k)); height:calc(45 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis3__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(229 * var(--k)); width:calc(85 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis3__besplatnaa-konsultacia-8{top:calc(320 * var(--k)); left:calc(228 * var(--k)); width:calc(84 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis3__besplatnaa-konsultacia-8{top:calc(345 * var(--k)); left:calc(201 * var(--k)); width:calc(80 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis3__image-9{position:absolute; top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis3__image-9{top:calc(318 * var(--k)); left:calc(179 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis3__image-9{top:calc(318 * var(--k)); left:calc(178 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis3__image-9{top:calc(335 * var(--k)); left:calc(151 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } .spis3__podrobnaa-instrukcia-10{position:absolute; top:calc(327 * var(--k)); left:calc(96 * var(--k)); width:calc(73 * var(--k)); height:calc(30 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.15; color:#ffffff} @media (max-width:1199px){ .spis3__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(73 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .spis3__podrobnaa-instrukcia-10{top:calc(327 * var(--k)); left:calc(97 * var(--k)); width:calc(72 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .spis3__podrobnaa-instrukcia-10{top:calc(345 * var(--k)); left:calc(74 * var(--k)); width:calc(69 * var(--k)); height:calc(28 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } .spis3__image-11{position:absolute; top:calc(318 * var(--k)); left:calc(51 * var(--k)); width:calc(47 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .spis3__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:959px){ .spis3__image-11{top:calc(318 * var(--k)); left:calc(52 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } @media (max-width:639px){ .spis3__image-11{top:calc(335 * var(--k)); left:calc(29 * var(--k)); width:calc(48 * var(--k)); height:calc(48 * var(--k))} } /* ==== страница /404 ==== */ /* ---------- rec1293485201 ---------- */ .pg0{ --k:calc(100vw / 1200); position:relative; height:calc(60 * var(--k)); overflow:visible; } .pg0__shape-1{position:absolute; top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(46 * var(--k)); background-color:#f1f1f1; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .pg0__shape-1{top:calc(7 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .pg0__shape-1{top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .pg0__shape-1{top:calc(7 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .pg0__glavnaa-2{position:absolute; top:calc(18 * var(--k)); left:calc(241 * var(--k)); width:calc(57 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__glavnaa-2{top:calc(18 * var(--k)); left:calc(185 * var(--k)); width:calc(57 * var(--k))} } @media (max-width:959px){ .pg0__glavnaa-2{top:calc(-171 * var(--k)); left:calc(941 * var(--k))} } @media (max-width:639px){ .pg0__glavnaa-2{top:calc(-106 * var(--k)); left:calc(656 * var(--k))} } .pg0__procedura-3{position:absolute; top:calc(18 * var(--k)); left:calc(323 * var(--k)); width:calc(75 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__procedura-3{top:calc(18 * var(--k)); left:calc(256 * var(--k)); width:calc(75 * var(--k))} } @media (max-width:959px){ .pg0__procedura-3{top:calc(-171 * var(--k)); left:calc(932 * var(--k))} } @media (max-width:639px){ .pg0__procedura-3{top:calc(-106 * var(--k)); left:calc(647 * var(--k))} } .pg0__o-nas-4{position:absolute; top:calc(18 * var(--k)); left:calc(423 * var(--k)); width:calc(42 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__o-nas-4{top:calc(18 * var(--k)); left:calc(345 * var(--k)); width:calc(42 * var(--k))} } @media (max-width:959px){ .pg0__o-nas-4{top:calc(-171 * var(--k)); left:calc(949 * var(--k))} } @media (max-width:639px){ .pg0__o-nas-4{top:calc(-106 * var(--k)); left:calc(664 * var(--k))} } .pg0__otzyvy-5{position:absolute; top:calc(18 * var(--k)); left:calc(490 * var(--k)); width:calc(55 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__otzyvy-5{top:calc(18 * var(--k)); left:calc(401 * var(--k)); width:calc(55 * var(--k))} } @media (max-width:959px){ .pg0__otzyvy-5{top:calc(-171 * var(--k)); left:calc(942 * var(--k))} } @media (max-width:639px){ .pg0__otzyvy-5{top:calc(-106 * var(--k)); left:calc(657 * var(--k))} } .pg0__uslugi-6{position:absolute; top:calc(18 * var(--k)); left:calc(570 * var(--k)); width:calc(48 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__uslugi-6{top:calc(18 * var(--k)); left:calc(470 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .pg0__uslugi-6{top:calc(-171 * var(--k)); left:calc(946 * var(--k))} } @media (max-width:639px){ .pg0__uslugi-6{top:calc(-106 * var(--k)); left:calc(661 * var(--k))} } .pg0__faq-7{position:absolute; top:calc(18 * var(--k)); left:calc(643 * var(--k)); width:calc(33 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__faq-7{top:calc(18 * var(--k)); left:calc(532 * var(--k)); width:calc(33 * var(--k))} } @media (max-width:959px){ .pg0__faq-7{top:calc(-171 * var(--k)); left:calc(953 * var(--k))} } @media (max-width:639px){ .pg0__faq-7{top:calc(-106 * var(--k)); left:calc(668 * var(--k))} } .pg0__image-8{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-8{left:calc(756 * var(--k))} } @media (max-width:959px){ .pg0__image-8{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .pg0__image-8{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .pg0__image-9{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-9{left:calc(756 * var(--k))} } @media (max-width:959px){ .pg0__image-9{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .pg0__image-9{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .pg0__image-10{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-10{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .pg0__image-10{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .pg0__image-10{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .pg0__image-11{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-11{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .pg0__image-11{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .pg0__image-11{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .pg0__kontakty-12{position:absolute; top:calc(18 * var(--k)); left:calc(701 * var(--k)); width:calc(64 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__kontakty-12{top:calc(18 * var(--k)); left:calc(579 * var(--k)); width:calc(64 * var(--k))} } @media (max-width:959px){ .pg0__kontakty-12{top:calc(-171 * var(--k)); left:calc(938 * var(--k))} } @media (max-width:639px){ .pg0__kontakty-12{top:calc(-106 * var(--k)); left:calc(653 * var(--k))} } .pg0__shape-13{position:absolute; top:calc(27 * var(--k)); left:calc(1028 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .pg0__shape-13{top:calc(27 * var(--k)); left:calc(796 * var(--k))} } @media (max-width:959px){ .pg0__shape-13{top:calc(27 * var(--k)); left:calc(551 * var(--k))} } @media (max-width:639px){ .pg0__shape-13{top:calc(27 * var(--k)); left:calc(252 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .pg0__blog-14{position:absolute; top:calc(18 * var(--k)); left:calc(790 * var(--k)); width:calc(36 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .pg0__blog-14{top:calc(18 * var(--k)); left:calc(657 * var(--k)); width:calc(36 * var(--k))} } @media (max-width:959px){ .pg0__blog-14{top:calc(-171 * var(--k)); left:calc(952 * var(--k))} } @media (max-width:639px){ .pg0__blog-14{top:calc(-106 * var(--k)); left:calc(667 * var(--k))} } .pg0__image-15{position:absolute; top:calc(13 * var(--k)); left:calc(1066 * var(--k)); width:calc(32 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-15{top:calc(14 * var(--k)); left:calc(845 * var(--k))} } @media (max-width:959px){ .pg0__image-15{top:calc(14 * var(--k)); left:calc(568 * var(--k))} } @media (max-width:639px){ .pg0__image-15{top:calc(14 * var(--k)); left:calc(268 * var(--k)); width:calc(32 * var(--k))} } .pg0__zadat-vopros-16{position:absolute; top:calc(14 * var(--k)); left:calc(1042 * var(--k)); width:calc(118 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .pg0__zadat-vopros-16{top:calc(14 * var(--k)); left:calc(810 * var(--k)); width:calc(110 * var(--k))} } @media (max-width:959px){ .pg0__zadat-vopros-16{top:calc(-173 * var(--k)); left:calc(915 * var(--k))} } @media (max-width:639px){ .pg0__zadat-vopros-16{top:calc(-110 * var(--k)); left:calc(638 * var(--k))} } .pg0__image-17{position:absolute; top:calc(14 * var(--k)); left:calc(40 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg0__image-17{left:calc(40 * var(--k))} } @media (max-width:959px){ .pg0__image-17{top:calc(14 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .pg0__image-17{top:calc(15 * var(--k)); left:calc(20 * var(--k)); width:calc(71 * var(--k))} } /* ---------- rec1220052606 ---------- */ .pg1{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .pg1__na-glavnuu-1{position:absolute; top:calc(316 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .pg1__na-glavnuu-1{top:calc(316 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .pg1__na-glavnuu-1{top:calc(316 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .pg1__na-glavnuu-1{top:calc(299 * var(--k)); left:calc(98 * var(--k)); width:calc(124 * var(--k)); font-size:calc(12 * var(--k))} } .pg1__na-glavnuu-2{position:absolute; top:calc(316 * var(--k)); left:calc(538 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .pg1__na-glavnuu-2{top:calc(316 * var(--k)); left:calc(418 * var(--k))} } @media (max-width:959px){ .pg1__na-glavnuu-2{top:calc(316 * var(--k)); left:calc(258 * var(--k))} } @media (max-width:639px){ .pg1__na-glavnuu-2{top:calc(299 * var(--k)); left:calc(98 * var(--k)); width:calc(124 * var(--k)); font-size:calc(12 * var(--k))} } .pg1__stranica-ne-3{position:absolute; top:calc(185 * var(--k)); left:calc(543 * var(--k)); width:calc(212 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:transparent; text-transform:uppercase; background-image:linear-gradient(0.078turn,rgba(223,136,11,1) 0%,rgba(245,211,75,1) 100%)} @media (max-width:1199px){ .pg1__stranica-ne-3{top:calc(185 * var(--k)); left:calc(423 * var(--k)); width:calc(212 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .pg1__stranica-ne-3{top:calc(185 * var(--k)); left:calc(263 * var(--k)); width:calc(212 * var(--k)); font-size:calc(33 * var(--k)); white-space:normal} } @media (max-width:639px){ .pg1__stranica-ne-3{top:calc(166 * var(--k)); left:calc(90 * var(--k)); width:calc(200 * var(--k)); font-size:calc(31 * var(--k)); white-space:normal} } .pg1__image-4{position:absolute; top:calc(425 * var(--k)); left:calc(559 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg1__image-4{top:calc(425 * var(--k)); left:calc(440 * var(--k))} } @media (max-width:959px){ .pg1__image-4{top:calc(425 * var(--k)); left:calc(279 * var(--k))} } @media (max-width:639px){ .pg1__image-4{top:calc(432 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .pg1__image-5{position:absolute; top:calc(425 * var(--k)); left:calc(559 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg1__image-5{left:calc(440 * var(--k))} } @media (max-width:959px){ .pg1__image-5{top:calc(425 * var(--k)); left:calc(279 * var(--k))} } @media (max-width:639px){ .pg1__image-5{top:calc(432 * var(--k)); left:calc(121 * var(--k)); width:calc(32 * var(--k))} } .pg1__image-6{position:absolute; top:calc(425 * var(--k)); left:calc(607 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg1__image-6{top:calc(425 * var(--k)); left:calc(488 * var(--k))} } @media (max-width:959px){ .pg1__image-6{top:calc(425 * var(--k)); left:calc(329 * var(--k))} } @media (max-width:639px){ .pg1__image-6{top:calc(432 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .pg1__image-7{position:absolute; top:calc(425 * var(--k)); left:calc(607 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .pg1__image-7{left:calc(488 * var(--k))} } @media (max-width:959px){ .pg1__image-7{top:calc(425 * var(--k)); left:calc(329 * var(--k))} } @media (max-width:639px){ .pg1__image-7{top:calc(432 * var(--k)); left:calc(169 * var(--k)); width:calc(32 * var(--k))} } .pg1__online-8{position:absolute; top:calc(436 * var(--k)); left:calc(669 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .pg1__online-8{top:calc(436 * var(--k)); left:calc(550 * var(--k))} } @media (max-width:959px){ .pg1__online-8{top:calc(436 * var(--k)); left:calc(391 * var(--k))} } @media (max-width:639px){ .pg1__online-8{top:calc(442 * var(--k)); left:calc(229 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .pg1__shape-9{position:absolute; top:calc(439 * var(--k)); left:calc(652 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .pg1__shape-9{top:calc(439 * var(--k)); left:calc(533 * var(--k))} } @media (max-width:959px){ .pg1__shape-9{top:calc(439 * var(--k)); left:calc(374 * var(--k))} } @media (max-width:639px){ .pg1__shape-9{top:calc(445 * var(--k)); left:calc(212 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .pg1__nas-cat-10{position:absolute; top:calc(401 * var(--k)); left:calc(574 * var(--k)); width:calc(52 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .pg1__nas-cat-10{top:calc(401 * var(--k)); left:calc(454 * var(--k)); width:calc(52 * var(--k)); font-size:calc(12 * var(--k)); text-align:center} } @media (max-width:959px){ .pg1__nas-cat-10{top:calc(401 * var(--k)); left:calc(294 * var(--k)); width:calc(52 * var(--k)); font-size:calc(12 * var(--k)); text-align:center} } @media (max-width:639px){ .pg1__nas-cat-10{top:calc(408 * var(--k)); left:calc(136 * var(--k)); width:calc(48 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .pg1__poprobuyte-vvesti-11{position:absolute; top:calc(241 * var(--k)); left:calc(438 * var(--k)); width:calc(325 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .pg1__poprobuyte-vvesti-11{top:calc(241 * var(--k)); left:calc(318 * var(--k)); width:calc(325 * var(--k))} } @media (max-width:959px){ .pg1__poprobuyte-vvesti-11{top:calc(241 * var(--k)); left:calc(158 * var(--k)); width:calc(325 * var(--k))} } @media (max-width:639px){ .pg1__poprobuyte-vvesti-11{top:calc(221 * var(--k)); left:calc(13 * var(--k)); width:calc(294 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .pg1__404-12{position:absolute; top:calc(166 * var(--k)); left:calc(451 * var(--k)); width:calc(82 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:transparent; text-transform:uppercase; background-image:linear-gradient(0.078turn,rgba(223,136,11,1) 0%,rgba(245,211,75,1) 100%)} @media (max-width:1199px){ .pg1__404-12{top:calc(166 * var(--k)); left:calc(331 * var(--k)); width:calc(82 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .pg1__404-12{top:calc(166 * var(--k)); left:calc(171 * var(--k)); width:calc(82 * var(--k)); font-size:calc(66 * var(--k)); white-space:normal} } @media (max-width:639px){ .pg1__404-12{top:calc(160 * var(--k)); left:calc(34 * var(--k)); width:calc(50 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } /* ==== страница /thank-you-plan ==== */ /* ---------- rec1293356611 ---------- */ .than0{ --k:calc(100vw / 1200); position:relative; height:calc(60 * var(--k)); overflow:visible; } .than0__shape-1{position:absolute; top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(46 * var(--k)); background-color:#f1f1f1; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .than0__shape-1{top:calc(7 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k))} } @media (max-width:639px){ .than0__shape-1{top:calc(7 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k))} } .than0__glavnaa-2{position:absolute; top:calc(18 * var(--k)); left:calc(241 * var(--k)); width:calc(57 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__glavnaa-2{top:calc(18 * var(--k)); left:calc(185 * var(--k)); width:calc(57 * var(--k))} } @media (max-width:959px){ .than0__glavnaa-2{top:calc(-171 * var(--k)); left:calc(941 * var(--k))} } @media (max-width:639px){ .than0__glavnaa-2{top:calc(-106 * var(--k)); left:calc(656 * var(--k))} } .than0__procedura-3{position:absolute; top:calc(18 * var(--k)); left:calc(323 * var(--k)); width:calc(75 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__procedura-3{top:calc(18 * var(--k)); left:calc(256 * var(--k)); width:calc(75 * var(--k))} } @media (max-width:959px){ .than0__procedura-3{top:calc(-171 * var(--k)); left:calc(932 * var(--k))} } @media (max-width:639px){ .than0__procedura-3{top:calc(-106 * var(--k)); left:calc(647 * var(--k))} } .than0__o-nas-4{position:absolute; top:calc(18 * var(--k)); left:calc(423 * var(--k)); width:calc(42 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__o-nas-4{top:calc(18 * var(--k)); left:calc(345 * var(--k)); width:calc(42 * var(--k))} } @media (max-width:959px){ .than0__o-nas-4{top:calc(-171 * var(--k)); left:calc(949 * var(--k))} } @media (max-width:639px){ .than0__o-nas-4{top:calc(-106 * var(--k)); left:calc(664 * var(--k))} } .than0__otzyvy-5{position:absolute; top:calc(18 * var(--k)); left:calc(490 * var(--k)); width:calc(55 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__otzyvy-5{top:calc(18 * var(--k)); left:calc(401 * var(--k)); width:calc(55 * var(--k))} } @media (max-width:959px){ .than0__otzyvy-5{top:calc(-171 * var(--k)); left:calc(942 * var(--k))} } @media (max-width:639px){ .than0__otzyvy-5{top:calc(-106 * var(--k)); left:calc(657 * var(--k))} } .than0__uslugi-6{position:absolute; top:calc(18 * var(--k)); left:calc(570 * var(--k)); width:calc(48 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__uslugi-6{top:calc(18 * var(--k)); left:calc(470 * var(--k)); width:calc(48 * var(--k))} } @media (max-width:959px){ .than0__uslugi-6{top:calc(-171 * var(--k)); left:calc(946 * var(--k))} } @media (max-width:639px){ .than0__uslugi-6{top:calc(-106 * var(--k)); left:calc(661 * var(--k))} } .than0__faq-7{position:absolute; top:calc(18 * var(--k)); left:calc(643 * var(--k)); width:calc(33 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__faq-7{top:calc(18 * var(--k)); left:calc(532 * var(--k)); width:calc(33 * var(--k))} } @media (max-width:959px){ .than0__faq-7{top:calc(-171 * var(--k)); left:calc(953 * var(--k))} } @media (max-width:639px){ .than0__faq-7{top:calc(-106 * var(--k)); left:calc(668 * var(--k))} } .than0__image-8{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-8{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-8{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-8{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-9{position:absolute; top:calc(13 * var(--k)); left:calc(988 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-9{left:calc(756 * var(--k))} } @media (max-width:959px){ .than0__image-9{top:calc(13 * var(--k)); left:calc(509 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-9{top:calc(14 * var(--k)); left:calc(211 * var(--k)); width:calc(32 * var(--k))} } .than0__image-10{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-10{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-10{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__image-11{position:absolute; top:calc(13 * var(--k)); left:calc(940 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(708 * var(--k))} } @media (max-width:959px){ .than0__image-11{top:calc(13 * var(--k)); left:calc(459 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than0__image-11{top:calc(14 * var(--k)); left:calc(163 * var(--k)); width:calc(32 * var(--k))} } .than0__kontakty-12{position:absolute; top:calc(18 * var(--k)); left:calc(701 * var(--k)); width:calc(64 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__kontakty-12{top:calc(18 * var(--k)); left:calc(579 * var(--k)); width:calc(64 * var(--k))} } @media (max-width:959px){ .than0__kontakty-12{top:calc(-171 * var(--k)); left:calc(938 * var(--k))} } @media (max-width:639px){ .than0__kontakty-12{top:calc(-106 * var(--k)); left:calc(653 * var(--k))} } .than0__shape-13{position:absolute; top:calc(27 * var(--k)); left:calc(1028 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(796 * var(--k))} } @media (max-width:959px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(551 * var(--k))} } @media (max-width:639px){ .than0__shape-13{top:calc(27 * var(--k)); left:calc(252 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than0__blog-14{position:absolute; top:calc(18 * var(--k)); left:calc(790 * var(--k)); width:calc(36 * var(--k)); height:calc(25 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#f4c408; text-align:center; opacity:0; border-radius:calc(30 * var(--k))} @media (max-width:1199px){ .than0__blog-14{top:calc(18 * var(--k)); left:calc(657 * var(--k)); width:calc(36 * var(--k))} } @media (max-width:959px){ .than0__blog-14{top:calc(-171 * var(--k)); left:calc(952 * var(--k))} } @media (max-width:639px){ .than0__blog-14{top:calc(-106 * var(--k)); left:calc(667 * var(--k))} } .than0__image-15{position:absolute; top:calc(13 * var(--k)); left:calc(1066 * var(--k)); width:calc(32 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(845 * var(--k))} } @media (max-width:959px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(568 * var(--k))} } @media (max-width:639px){ .than0__image-15{top:calc(14 * var(--k)); left:calc(268 * var(--k)); width:calc(32 * var(--k))} } .than0__zadat-vopros-16{position:absolute; top:calc(14 * var(--k)); left:calc(1042 * var(--k)); width:calc(118 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(6 * var(--k))} @media (max-width:1199px){ .than0__zadat-vopros-16{top:calc(14 * var(--k)); left:calc(810 * var(--k)); width:calc(110 * var(--k))} } @media (max-width:959px){ .than0__zadat-vopros-16{top:calc(-173 * var(--k)); left:calc(915 * var(--k))} } @media (max-width:639px){ .than0__zadat-vopros-16{top:calc(-110 * var(--k)); left:calc(638 * var(--k))} } .than0__image-17{position:absolute; top:calc(14 * var(--k)); left:calc(40 * var(--k)); width:calc(76 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than0__image-17{left:calc(40 * var(--k))} } @media (max-width:959px){ .than0__image-17{top:calc(14 * var(--k)); left:calc(40 * var(--k))} } @media (max-width:639px){ .than0__image-17{top:calc(15 * var(--k)); left:calc(20 * var(--k)); width:calc(71 * var(--k))} } /* ---------- rec1292285421 ---------- */ .than1{ --k:calc(100vw / 1200); position:relative; height:calc(550 * var(--k)); overflow:visible; background:#ffffff; } .than1__na-glavnuu-1{position:absolute; top:calc(456 * var(--k)); left:calc(446 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-1{top:calc(456 * var(--k)); left:calc(326 * var(--k)); white-space:normal} } @media (max-width:959px){ .than1__na-glavnuu-1{top:calc(456 * var(--k)); left:calc(167 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__na-glavnuu-1{top:calc(555 * var(--k)); left:calc(24 * var(--k)); white-space:normal} } .than1__na-glavnuu-2{position:absolute; top:calc(456 * var(--k)); left:calc(446 * var(--k)); width:calc(124 * var(--k)); height:calc(47 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__na-glavnuu-2{top:calc(456 * var(--k)); left:calc(326 * var(--k)); white-space:normal} } @media (max-width:959px){ .than1__na-glavnuu-2{top:calc(456 * var(--k)); left:calc(167 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__na-glavnuu-2{top:calc(555 * var(--k)); left:calc(24 * var(--k)); white-space:normal} } .than1__v-tecenii-3{position:absolute; top:calc(188 * var(--k)); left:calc(415 * var(--k)); width:calc(370 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__v-tecenii-3{top:calc(188 * var(--k)); left:calc(295 * var(--k)); width:calc(370 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .than1__v-tecenii-3{top:calc(188 * var(--k)); left:calc(135 * var(--k)); width:calc(370 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .than1__v-tecenii-3{top:calc(185 * var(--k)); left:calc(63 * var(--k)); width:calc(195 * var(--k)); font-size:calc(31 * var(--k))} } .than1__email-4{position:absolute; top:calc(236 * var(--k)); left:calc(339 * var(--k)); width:calc(522 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:700; line-height:1.45; color:#f4c408; text-align:center; text-transform:lowercase} @media (max-width:1199px){ .than1__email-4{top:calc(236 * var(--k)); left:calc(219 * var(--k)); width:calc(522 * var(--k)); font-size:calc(15 * var(--k))} } @media (max-width:959px){ .than1__email-4{top:calc(236 * var(--k)); left:calc(0 * var(--k)); width:calc(522 * var(--k)); font-size:calc(15 * var(--k)); text-align:center} } @media (max-width:639px){ .than1__email-4{top:calc(267 * var(--k)); left:calc(0 * var(--k)); width:calc(300 * var(--k)); font-size:calc(14 * var(--k))} } .than1__spasibo-5{position:absolute; top:calc(104 * var(--k)); left:calc(477 * var(--k)); width:calc(247 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-align:center; text-transform:uppercase} @media (max-width:1199px){ .than1__spasibo-5{top:calc(104 * var(--k)); left:calc(356 * var(--k)); width:calc(248 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .than1__spasibo-5{top:calc(104 * var(--k)); left:calc(196 * var(--k)); width:calc(248 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .than1__spasibo-5{top:calc(127 * var(--k)); left:calc(0 * var(--k)); width:calc(248 * var(--k)); font-size:calc(40 * var(--k))} } .than1__shape-6{position:absolute; top:calc(314 * var(--k)); left:calc(291 * var(--k)); width:calc(618 * var(--k)); height:calc(100 * var(--k)); border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .than1__shape-6{top:calc(314 * var(--k)); left:calc(171 * var(--k))} } @media (max-width:959px){ .than1__shape-6{top:calc(314 * var(--k)); left:calc(10 * var(--k)); width:calc(620 * var(--k))} } @media (max-width:639px){ .than1__shape-6{top:calc(355 * var(--k)); left:calc(37 * var(--k)); width:calc(246 * var(--k)); height:calc(152 * var(--k))} } .than1__shape-7{position:absolute; top:calc(349 * var(--k)); left:calc(452 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f1f1f1; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-7{top:calc(349 * var(--k)); left:calc(332 * var(--k))} } @media (max-width:959px){ .than1__shape-7{top:calc(349 * var(--k)); left:calc(172 * var(--k))} } @media (max-width:639px){ .than1__shape-7{top:calc(394 * var(--k)); left:calc(164 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__shape-8{position:absolute; top:calc(349 * var(--k)); left:calc(452 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f5d34b; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-8{top:calc(349 * var(--k)); left:calc(332 * var(--k))} } @media (max-width:959px){ .than1__shape-8{top:calc(349 * var(--k)); left:calc(172 * var(--k))} } @media (max-width:639px){ .than1__shape-8{top:calc(394 * var(--k)); left:calc(164 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__google-9{position:absolute; top:calc(366 * var(--k)); left:calc(495 * var(--k)); width:calc(60 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__google-9{top:calc(366 * var(--k)); left:calc(375 * var(--k))} } @media (max-width:959px){ .than1__google-9{top:calc(366 * var(--k)); left:calc(215 * var(--k))} } @media (max-width:639px){ .than1__google-9{top:calc(408 * var(--k)); left:calc(189 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .than1__shape-10{position:absolute; top:calc(349 * var(--k)); left:calc(602 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f1f1f1; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-10{top:calc(349 * var(--k)); left:calc(482 * var(--k))} } @media (max-width:959px){ .than1__shape-10{top:calc(349 * var(--k)); left:calc(322 * var(--k))} } @media (max-width:639px){ .than1__shape-10{top:calc(450 * var(--k)); left:calc(46 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__shape-11{position:absolute; top:calc(349 * var(--k)); left:calc(602 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f5d34b; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-11{top:calc(349 * var(--k)); left:calc(482 * var(--k))} } @media (max-width:959px){ .than1__shape-11{top:calc(349 * var(--k)); left:calc(322 * var(--k))} } @media (max-width:639px){ .than1__shape-11{top:calc(450 * var(--k)); left:calc(46 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__mail-ru-12{position:absolute; top:calc(366 * var(--k)); left:calc(645 * var(--k)); width:calc(60 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__mail-ru-12{top:calc(366 * var(--k)); left:calc(525 * var(--k))} } @media (max-width:959px){ .than1__mail-ru-12{top:calc(366 * var(--k)); left:calc(365 * var(--k))} } @media (max-width:639px){ .than1__mail-ru-12{top:calc(465 * var(--k)); left:calc(71 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .than1__shape-13{position:absolute; top:calc(349 * var(--k)); left:calc(302 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f1f1f1; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-13{top:calc(349 * var(--k)); left:calc(182 * var(--k))} } @media (max-width:959px){ .than1__shape-13{top:calc(349 * var(--k)); left:calc(22 * var(--k))} } @media (max-width:639px){ .than1__shape-13{top:calc(394 * var(--k)); left:calc(46 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__shape-14{position:absolute; top:calc(349 * var(--k)); left:calc(302 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f5d34b; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-14{top:calc(349 * var(--k)); left:calc(182 * var(--k))} } @media (max-width:959px){ .than1__shape-14{top:calc(349 * var(--k)); left:calc(22 * var(--k))} } @media (max-width:639px){ .than1__shape-14{top:calc(394 * var(--k)); left:calc(46 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__yandex-15{position:absolute; top:calc(366 * var(--k)); left:calc(345 * var(--k)); width:calc(60 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__yandex-15{top:calc(366 * var(--k)); left:calc(225 * var(--k))} } @media (max-width:959px){ .than1__yandex-15{top:calc(366 * var(--k)); left:calc(66 * var(--k))} } @media (max-width:639px){ .than1__yandex-15{top:calc(408 * var(--k)); left:calc(71 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .than1__shape-16{position:absolute; top:calc(349 * var(--k)); left:calc(752 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f1f1f1; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-16{top:calc(349 * var(--k)); left:calc(632 * var(--k))} } @media (max-width:959px){ .than1__shape-16{top:calc(349 * var(--k)); left:calc(472 * var(--k))} } @media (max-width:639px){ .than1__shape-16{top:calc(450 * var(--k)); left:calc(164 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__shape-17{position:absolute; top:calc(349 * var(--k)); left:calc(752 * var(--k)); width:calc(146 * var(--k)); height:calc(56 * var(--k)); background-color:#f5d34b; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .than1__shape-17{top:calc(349 * var(--k)); left:calc(632 * var(--k))} } @media (max-width:959px){ .than1__shape-17{top:calc(349 * var(--k)); left:calc(472 * var(--k))} } @media (max-width:639px){ .than1__shape-17{top:calc(450 * var(--k)); left:calc(164 * var(--k)); width:calc(110 * var(--k)); height:calc(48 * var(--k))} } .than1__rambler-18{position:absolute; top:calc(366 * var(--k)); left:calc(793 * var(--k)); width:calc(63 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__rambler-18{top:calc(366 * var(--k)); left:calc(673 * var(--k))} } @media (max-width:959px){ .than1__rambler-18{top:calc(366 * var(--k)); left:calc(513 * var(--k))} } @media (max-width:639px){ .than1__rambler-18{top:calc(465 * var(--k)); left:calc(187 * var(--k)); width:calc(63 * var(--k)); font-size:calc(14 * var(--k)); text-align:center} } .than1__pereyti-v-19{position:absolute; top:calc(322 * var(--k)); left:calc(476 * var(--k)); width:calc(248 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#333333; text-align:center} @media (max-width:1199px){ .than1__pereyti-v-19{top:calc(322 * var(--k)); left:calc(356 * var(--k))} } @media (max-width:959px){ .than1__pereyti-v-19{top:calc(322 * var(--k)); left:calc(196 * var(--k))} } @media (max-width:639px){ .than1__pereyti-v-19{top:calc(365 * var(--k)); left:calc(50 * var(--k)); width:calc(220 * var(--k))} } .than1__image-20{position:absolute; top:calc(474 * var(--k)); left:calc(668 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-20{top:calc(474 * var(--k)); left:calc(547 * var(--k))} } @media (max-width:959px){ .than1__image-20{top:calc(474 * var(--k)); left:calc(389 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-20{top:calc(575 * var(--k)); left:calc(224 * var(--k)); width:calc(32 * var(--k))} } .than1__image-21{position:absolute; top:calc(474 * var(--k)); left:calc(668 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-21{top:calc(474 * var(--k)); left:calc(547 * var(--k))} } @media (max-width:959px){ .than1__image-21{top:calc(474 * var(--k)); left:calc(389 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-21{top:calc(575 * var(--k)); left:calc(224 * var(--k)); width:calc(32 * var(--k))} } .than1__image-22{position:absolute; top:calc(474 * var(--k)); left:calc(620 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-22{top:calc(474 * var(--k)); left:calc(499 * var(--k))} } @media (max-width:959px){ .than1__image-22{top:calc(474 * var(--k)); left:calc(339 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-22{top:calc(575 * var(--k)); left:calc(176 * var(--k)); width:calc(32 * var(--k))} } .than1__image-23{position:absolute; top:calc(474 * var(--k)); left:calc(620 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .than1__image-23{top:calc(474 * var(--k)); left:calc(499 * var(--k))} } @media (max-width:959px){ .than1__image-23{top:calc(474 * var(--k)); left:calc(339 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .than1__image-23{top:calc(575 * var(--k)); left:calc(176 * var(--k)); width:calc(32 * var(--k))} } .than1__online-24{position:absolute; top:calc(484 * var(--k)); left:calc(730 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .than1__online-24{top:calc(484 * var(--k)); left:calc(609 * var(--k))} } @media (max-width:959px){ .than1__online-24{top:calc(484 * var(--k)); left:calc(451 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__online-24{top:calc(585 * var(--k)); left:calc(284 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .than1__shape-25{position:absolute; top:calc(487 * var(--k)); left:calc(713 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .than1__shape-25{top:calc(487 * var(--k)); left:calc(592 * var(--k))} } @media (max-width:959px){ .than1__shape-25{top:calc(487 * var(--k)); left:calc(434 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .than1__shape-25{top:calc(588 * var(--k)); left:calc(267 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .than1__drugie-kontakty-26{position:absolute; top:calc(451 * var(--k)); left:calc(620 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222} @media (max-width:1199px){ .than1__drugie-kontakty-26{top:calc(451 * var(--k)); left:calc(499 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k))} } @media (max-width:959px){ .than1__drugie-kontakty-26{top:calc(451 * var(--k)); left:calc(339 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .than1__drugie-kontakty-26{top:calc(551 * var(--k)); left:calc(176 * var(--k)); width:calc(128 * var(--k)); font-size:calc(11 * var(--k)); text-align:left; white-space:normal} } .than1__pridet-instrukcia-27{position:absolute; top:calc(267 * var(--k)); left:calc(527 * var(--k)); width:calc(146 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.45; color:#222222; text-align:center} @media (max-width:1199px){ .than1__pridet-instrukcia-27{top:calc(267 * var(--k)); left:calc(407 * var(--k)); width:calc(146 * var(--k))} } @media (max-width:959px){ .than1__pridet-instrukcia-27{top:calc(267 * var(--k)); left:calc(247 * var(--k)); width:calc(146 * var(--k))} } @media (max-width:639px){ .than1__pridet-instrukcia-27{top:calc(299 * var(--k)); left:calc(89 * var(--k)); width:calc(142 * var(--k)); text-align:center} } /* ==== страница /review ==== */ /* ==== страница /contracts_2026 (тарифы) ==== */ .tar,.tar-why,.tar-team{padding:45px 20px; background:var(--page-bg); font-family:var(--font-text)} .tar__inner{max-width:1160px; margin-inline:auto} .tar__title{font-family:var(--font-display); font-weight:700; text-transform:uppercase; font-size:44px; line-height:1.1; color:var(--dark); margin-bottom:14px} .tar__descr{font-size:16px; line-height:1.5; color:#555; margin-bottom:28px} .tar__item{border-top:1px solid #eee} .tar__item summary{position:relative; list-style:none; cursor:pointer; padding:18px 50px 18px 0; font-size:17px; font-weight:500; color:var(--dark)} .tar__item summary::-webkit-details-marker{display:none} .tar__plus{position:absolute; right:8px; top:50%; width:30px; height:30px; margin-top:-15px; border-radius:50%; background:#f7f7f7} .tar__plus::before,.tar__plus::after{content:''; position:absolute; left:9px; top:14px; width:12px; height:2px; background:var(--dark)} .tar__plus::after{transform:rotate(90deg)} .tar__item[open] .tar__plus::after{transform:none} .tar__text{padding:0 50px 18px 0; font-size:15px; line-height:1.6; color:#333} .tar__text a{color:var(--dark); text-decoration:underline} .tar-why h2,.tar-team h2{font-family:var(--font-display); font-weight:700; text-transform:uppercase; font-size:36px; color:var(--dark); margin-bottom:24px} .tar-why__list,.tar-team__list{list-style:none; display:grid; gap:28px; grid-template-columns:repeat(2,1fr); padding:0; margin:0} .tar-team__list{grid-template-columns:repeat(3,1fr)} .tar-why__list img{width:64px; height:64px; margin-bottom:10px} .tar-team__list img{width:100%; max-width:250px; border-radius:12px; margin-bottom:12px} .tar-why__list h3,.tar-team__list h3{font-size:18px; font-weight:600; margin-bottom:6px; color:var(--dark)} .tar-why__list p,.tar-team__list p{font-size:15px; line-height:1.5; color:#555} @media (max-width:959px){ .tar-team__list{grid-template-columns:repeat(2,1fr)} } @media (max-width:639px){ .tar,.tar-why,.tar-team{padding:24px 12px} .tar__title{font-size:30px} .tar-why h2,.tar-team h2{font-size:26px} .tar-why__list,.tar-team__list{grid-template-columns:1fr} } /* ============================================================================ ЗАМЕЧАНИЯ ВЛАДЕЛЬЦА ПО ГЛАВНОЙ (07.08.2026) ========================================================================= */ /* 1. ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ НА ДЕСКТОПЕ. Подложка ленты услуг — 1404 канвы при артборде 1200 (в оригинале left:calc(50% - 600px + 0px), контейнер grid), то есть на 204 шире экрана. У Тильды артборд rec1244745656 обрезает её (getComputedStyle живого: .t396__artboard{overflow:hidden}), у нас генератор поставил overflow:visible — страница ехала вбок на 217px при 1280. Замер: scrollWidth 1497 при clientWidth 1280, единственный виновник — .hs5656__shape-1 с правым краем 1498. */ .hs5656{overflow:hidden} /* 2. ХОВЕР-ТВИНЫ ЛЕНТЫ УСЛУГ. У Тильды жёлтый градиент карточки, жёлтый кружок с цифрой и жёлтые стрелки — это data-animate-sbs-event="hover": в покое на них висит .t396__elem--anim-hidden{opacity:0} (проверено на живом сайте: у 1754712940261 и 1754712918750 opacity 0, у их спокойных пар — 1). Наш генератор кладёт оба слоя друг на друга, активный сверху → блок был жёлтым всегда, а наведение ничего не меняло. Покой — тёмный, наведение — жёлтый за 200мс (ti:200 из раскадровки). */ .hs-track > section [class$="__shape-4"], .hs-track > section [class$="__image-8"], .hs5756__shape-3, .hs5641__image-4, .hs5641__image-6{ opacity:0; transition:opacity .2s ease; animation:none !important} .hs-track > section:hover [class$="__shape-4"], .hs-track > section:hover [class$="__image-8"], .hs5756:hover .hs5756__shape-3, .hs5641__image-3:hover + .hs5641__image-4, .hs5641__image-4:hover, .hs5641__image-5:hover + .hs5641__image-6, .hs5641__image-6:hover{opacity:1} .hs5641__image-3,.hs5641__image-4,.hs5641__image-5,.hs5641__image-6{cursor:pointer} /* 3. ВЫРЕЗ ПОД ЦИФРОЙ. У каждой карточки 1-7 есть элемент типа vector — белая фигура 160x164 канвы на -19/9, которая «выкусывает» угол карточки под кружком с номером (замечание: «форма обрезается по цифрам, у нас такого нет»). Генератор переносит только геометрию vector-элементов, сам SVG оставался пустым div-ом; разметка забрана из экспорта дословно. */ .hs-track > section [class$="__vector-6"] svg{display:block; width:100%; height:auto} /* 4. ВИДЕО-ОТЗЫВЫ: ХОВЕР ВЕРНУЛСЯ. Кнопки-накладки .s11__vlink (добавлены под попапы ВК в прошлом раунде) лежат ТОЧНО поверх превью с z-index 9 и перехватывали наведение — правила «.s11__shape-6:hover ~ …» перестали срабатывать, жёлтое свечение и уменьшение play-кнопки пропали (замечание владельца). Триггером теперь служит и сама накладка. */ .s11:has(.s11__vlink--1:hover) .s11__shape-7, .s11:has(.s11__vlink--2:hover) .s11__shape-10, .s11:has(.s11__vlink--3:hover) .s11__shape-13{opacity:1} .s11:has(.s11__vlink--1:hover) .s11__image-8, .s11:has(.s11__vlink--2:hover) .s11__image-11, .s11:has(.s11__vlink--3:hover) .s11__image-14{transform:scale(.8); opacity:.3} /* 5. FAQ. Кнопка «Получить консультацию» в оригинале — не отдельный блок, а ССЫЛКА ВНУТРИ текста ответа, которой сайт задаёт вид кнопки. Замеры живого @1280: inline, padding 15/22, radius 7, 13px/600, line-height 18, тень 0 6px 6px 2px rgba(244,196,8,.6). После неё идёт «.» прозрачным цветом 24px — распорка. У нас текст ссылки оставался в абзаце обычным текстом, точка была видимой, а кнопка дублировала его отдельным блоком (замечание: «дополнительные элементы, которых не было в оригинале»). */ .faq__btn{display:inline; margin:0; padding:15px 22px; height:auto; border-radius:7px; font-size:13px; line-height:18px; font-weight:600; box-shadow:0 6px 6px 2px rgba(244,196,8,.6)} .faq__dot{font-size:24px; line-height:22px; color:transparent} @media (max-width:639px){ .faq__btn{margin:0; padding:12px 18px} } /* 6. ЛЕСТНИЦА АРТБОРДОВ ДЛЯ СЕКЦИЙ ГЛАВНОЙ. Та же системная дыра, что чинили 06.08 для s2..s20: --k переключается в медиазапросах только у перечисленных секций, а блоки главной (заголовок «Наши услуги», подложка, 8 карточек, «В начало») собраны позже и в список не попали — на 375 они держали 100vw/1200 и сжимались в 3.75 раза. Высоты артбордов из экспорта (data-artboard-height / -res-640 / -res-320). */ @media (max-width:1199px){ .hs5641,.hs5656,.hs5721,.hs5726,.hs5731,.hs5736,.hs5741,.hs5746,.hs5751,.hs5756, .hs3021{--k:calc(100vw / 960)} } @media (max-width:959px){ .hs5641,.hs5656,.hs5721,.hs5726,.hs5731,.hs5736,.hs5741,.hs5746,.hs5751,.hs5756, .hs3021{--k:calc(100vw / 640)} .hs3021{height:calc(70 * var(--k))} } @media (max-width:639px){ .hs5641,.hs5656,.hs5721,.hs5726,.hs5731,.hs5736,.hs5741,.hs5746,.hs5751,.hs5756, .hs3021{--k:calc(100vw / 320)} .hs5641{height:calc(90 * var(--k))} .hs5656{height:calc(386 * var(--k))} .hs5721,.hs5726,.hs5731,.hs5736,.hs5741,.hs5746,.hs5751,.hs5756{height:calc(336 * var(--k))} } /* Шаг ленты по брейкпоинтам = ширина вьюпорта-подложки / число видимых карточек (items 0:1, 640:2, 1200:4 из конфига слайдера). Замеры живого: @1280 подложка 1498, карточка 374.5 (1404/4 = 351 канвы); @1100 подложка 1609, карточка 804 (1404/2 = 702 канвы); @375 подложка 363, карточка 363 (310/1 = 310 канвы). */ @media (max-width:1199px){ .hs-track > section{width:calc(702 * var(--k))} } @media (max-width:959px){ .hs-track > section{width:calc(351 * var(--k))} } @media (max-width:639px){ .hs-track > section{width:calc(310 * var(--k))} } /* Подъём ленты в подложку на мобильном: артборд подложки там 386 канвы, а сама плашка стоит на 25 и высотой 337 → карточки должны начинаться на 386-25 = 361 от низа секции. Десктопные -393 (418-25) поднимали ленту на 37px выше плашки. */ @media (max-width:639px){ .hs-carousel{margin-top:calc(-361 * var(--hk))} } /* Карточка «В начало» — вторая кнопка «вперёд» слайдера (см. конфиг ANNEXX в rec1288627141: shape-slider-next включает .tn-elem__1244745756…). */ .hs5756{cursor:pointer} /* ============================================================================ H1 ПЕРВОГО ЭКРАНА — СВОЯ ШИРИНА БОКСА У КАЖДОЙ СТРАНИЦЫ (замечание 07.08: «на странице уволенных заголовок в три строки, в оригинале — в две») ========================================================================== Две причины расхождения: 1) генератор страниц услуг рвал заголовок на два блочных span'а, а
    между частями есть ТОЛЬКО у эталона (учителям). У остальных шести и у главной текст в оригинале течёт сплошняком, переносы задают ширина бокса и неразрывные пробелы. Разметка приведена к экспорту (см. HTML); 2) ширина бокса у каждой страницы своя (data-field-width-value), а в CSS стояли числа эталона 830/452/235. Ниже — значения из экспорта: база (=res-960) / res-640 / res-320 top / res-320 width. */ body[data-page="home"] .hero__title{width:calc(469 * var(--k))} body[data-page="molodym"] .hero__title{width:calc(764 * var(--k))} body[data-page="uvolennym"] .hero__title{width:calc(706 * var(--k))} body[data-page="invalidnostyu"] .hero__title{width:calc(716 * var(--k))} body[data-page="predprinimatelyam"] .hero__title{width:calc(576 * var(--k))} body[data-page="razvod"] .hero__title{width:calc(590 * var(--k))} body[data-page="frilanseram"] .hero__title{width:calc(644 * var(--k))} @media (max-width:959px){ body[data-page="home"] .hero__title{width:calc(469 * var(--k))} body[data-page="molodym"] .hero__title{width:calc(548 * var(--k))} body[data-page="uvolennym"] .hero__title{width:calc(500 * var(--k))} body[data-page="invalidnostyu"] .hero__title{width:calc(456 * var(--k))} body[data-page="predprinimatelyam"] .hero__title{width:calc(510 * var(--k))} body[data-page="razvod"] .hero__title{width:calc(454 * var(--k))} body[data-page="frilanseram"] .hero__title{width:calc(473 * var(--k))} } @media (max-width:639px){ body[data-page="home"] .hero__title{top:calc(149 * var(--k)); width:calc(282 * var(--k))} body[data-page="molodym"] .hero__title{top:calc(121 * var(--k)); width:calc(282 * var(--k))} body[data-page="uvolennym"] .hero__title{top:calc(121 * var(--k)); width:calc(258 * var(--k))} body[data-page="invalidnostyu"] .hero__title{width:calc(246 * var(--k))} body[data-page="predprinimatelyam"] .hero__title{top:calc(121 * var(--k)); width:calc(252 * var(--k))} body[data-page="razvod"] .hero__title{width:calc(192 * var(--k))} body[data-page="frilanseram"] .hero__title{top:calc(121 * var(--k)); width:calc(215 * var(--k))} } /* ============================================================================ ХОВЕР-ТВИНЫ НИЖЕ 1200 ВИДНЫ ВСЕГДА (замечание 07.08: «на мобильном у видео- отзывов есть жёлтый эффект со стрелочкой, а у нас нет — поправить на всех страницах») ========================================================================== Правило Тильды, которое мы упустили: стартовое состояние ховер-твинов `.t396__elem--anim-hidden{opacity:0}` в экспорте обёрнуто в `@media (min-width:1200px)`. То есть ниже 1200 жёлтые слои у оригинала ВИДНЫ ВСЕГДА — ховера на тач-устройствах нет. Проверено на живом @375: у 1754846879275 (свечение видео-превью), 1754827041817 (градиент карточки), 175664301569394510 (жёлтый кружок), 1754818687084 (жёлтая иконка WA), 1754982151654 (заливка «В начало») computed opacity = 1. ИСКЛЮЧЕНИЕ: жёлтые стрелки ленты услуг (1754712940261 / 1754712918750) — у них правило БЕЗ медиазапроса, они скрыты на любой ширине (замер @375: 0). Плашки s9 — тоже без медиазапроса, у них свой мобильный блок выше. */ @media (max-width:1199px){ .s17__image-3,.s17__image-5, .s14__image-4,.s14__image-6, .s19__image-6,.s19__image-8,.s19__image-11,.s19__image-13, .s20__image-12,.s20__image-14,.s20__image-16,.s20__image-18, .blog5__image-9,.blog5__image-11, .s11__shape-7,.s11__shape-10,.s11__shape-13, .hs-track > section [class$="__shape-4"], .hs-track > section [class$="__image-8"], .hs5756__shape-3{opacity:1} } /* Свайп ленты услуг пальцем — отступление от оригинала по просьбе владельца (в конфиге слайдера touchDrag:false). pan-y оставляет вертикальную прокрутку странице, горизонтальный жест забирает скрипт. */ .hs-track{touch-action:pan-y; -webkit-user-select:none; user-select:none} .hs-track img{-webkit-user-drag:none; user-drag:none} /* ==== страница /blog ==== */ /* ---------- rec1216940991 ---------- */ .blog1{ --k:calc(100vw / 1200); position:relative; height:calc(74 * var(--k)); overflow:visible; background:#ffffff; } .blog1__nazad-1{position:absolute; top:calc(25 * var(--k)); left:calc(20 * var(--k)); width:calc(74 * var(--k)); height:calc(32 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .blog1__nazad-1{top:calc(25 * var(--k)); left:calc(20 * var(--k))} } @media (max-width:959px){ .blog1__nazad-1{top:calc(25 * var(--k)); left:calc(20 * var(--k))} } @media (max-width:639px){ .blog1__nazad-1{top:calc(27 * var(--k)); left:calc(10 * var(--k)); width:calc(68 * var(--k)); font-size:calc(10 * var(--k))} } /* ---------- rec1284712451 ---------- */ .blog2{ --k:calc(100vw / 1200); position:relative; height:calc(85 * var(--k)); overflow:visible; background:#ffffff; } .blog2__nas-blog-1{position:absolute; top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(191 * var(--k)); font-size:calc(66 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog2__nas-blog-1{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(191 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:959px){ .blog2__nas-blog-1{top:calc(9 * var(--k)); left:calc(19 * var(--k)); width:calc(191 * var(--k)); font-size:calc(66 * var(--k))} } @media (max-width:639px){ .blog2__nas-blog-1{top:calc(20 * var(--k)); left:calc(9 * var(--k)); width:calc(122 * var(--k)); font-size:calc(40 * var(--k)); white-space:normal} } /* ---------- rec1218140716 ---------- */ .blog3{ --k:calc(100vw / 1200); position:relative; height:calc(65 * var(--k)); overflow:visible; background:#ffffff; } .blog3__text-1{position:absolute; top:calc(22 * var(--k)); left:calc(20 * var(--k)); width:calc(14 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog3__text-1{top:calc(22 * var(--k)); left:calc(20 * var(--k)); width:calc(14 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .blog3__text-1{top:calc(22 * var(--k)); left:calc(20 * var(--k)); width:calc(14 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .blog3__text-1{top:calc(22 * var(--k)); left:calc(10 * var(--k)); width:calc(13 * var(--k)); font-size:calc(31 * var(--k))} } .blog3__rekomenduemye-2{position:absolute; top:calc(22 * var(--k)); left:calc(35 * var(--k)); width:calc(165 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog3__rekomenduemye-2{top:calc(22 * var(--k)); left:calc(35 * var(--k)); width:calc(173 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .blog3__rekomenduemye-2{top:calc(22 * var(--k)); left:calc(35 * var(--k)); width:calc(173 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .blog3__rekomenduemye-2{top:calc(22 * var(--k)); left:calc(24 * var(--k)); width:calc(155 * var(--k)); font-size:calc(31 * var(--k))} } /* ---------- rec1284740991 ---------- */ .blog4{ --k:calc(100vw / 1200); position:relative; height:calc(65 * var(--k)); overflow:visible; background:#ffffff; } .blog4__text-1{position:absolute; top:calc(22 * var(--k)); left:calc(20 * var(--k)); width:calc(14 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog4__text-1{top:calc(22 * var(--k)); left:calc(20 * var(--k)); width:calc(14 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .blog4__text-1{top:calc(22 * var(--k)); left:calc(20 * var(--k)); width:calc(14 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .blog4__text-1{top:calc(22 * var(--k)); left:calc(10 * var(--k)); width:calc(13 * var(--k)); font-size:calc(31 * var(--k))} } .blog4__poleznye-stati-2{position:absolute; top:calc(22 * var(--k)); left:calc(35 * var(--k)); width:calc(175 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog4__poleznye-stati-2{top:calc(22 * var(--k)); left:calc(35 * var(--k)); width:calc(173 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .blog4__poleznye-stati-2{top:calc(22 * var(--k)); left:calc(35 * var(--k)); width:calc(173 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .blog4__poleznye-stati-2{top:calc(22 * var(--k)); left:calc(24 * var(--k)); width:calc(173 * var(--k)); font-size:calc(31 * var(--k))} } /* ---------- rec1252041936 ---------- */ .blog5{ --k:calc(100vw / 1200); position:relative; height:calc(276 * var(--k)); overflow:visible; background:#ffffff; } .blog5__shape-1{position:absolute; top:calc(23 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(230 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .blog5__shape-1{top:calc(23 * var(--k)); width:calc(920 * var(--k))} } @media (max-width:959px){ .blog5__shape-1{top:calc(23 * var(--k)); width:calc(600 * var(--k)); height:calc(324 * var(--k))} } @media (max-width:639px){ .blog5__shape-1{top:calc(27 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(563 * var(--k))} } .blog5__shape-2{position:absolute; top:calc(57 * var(--k)); left:calc(794 * var(--k)); width:calc(2 * var(--k)); height:calc(159 * var(--k)); background-color:#f4c408; border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .blog5__shape-2{top:calc(57 * var(--k)); left:calc(638 * var(--k))} } @media (max-width:959px){ .blog5__shape-2{top:calc(146 * var(--k)); left:calc(328 * var(--k))} } @media (max-width:639px){ .blog5__shape-2{top:calc(257 * var(--k)); left:calc(34 * var(--k)); height:calc(147 * var(--k))} } .blog5__zasita-ot-3{position:absolute; top:calc(62 * var(--k)); left:calc(822 * var(--k)); width:calc(268 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.9; color:#222222} @media (max-width:1199px){ .blog5__zasita-ot-3{top:calc(62 * var(--k)); left:calc(651 * var(--k)); width:calc(268 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .blog5__zasita-ot-3{top:calc(151 * var(--k)); left:calc(341 * var(--k)); width:calc(268 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .blog5__zasita-ot-3{top:calc(262 * var(--k)); left:calc(47 * var(--k)); width:calc(248 * var(--k)); font-size:calc(12 * var(--k))} } .blog5__podpisites-4{position:absolute; top:calc(149 * var(--k)); left:calc(370 * var(--k)); width:calc(84 * var(--k)); height:calc(26 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.9; color:#222222} @media (max-width:1199px){ .blog5__podpisites-4{top:calc(149 * var(--k)); left:calc(335 * var(--k)); width:calc(84 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .blog5__podpisites-4{top:calc(171 * var(--k)); left:calc(225 * var(--k)); width:calc(84 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .blog5__podpisites-4{top:calc(440 * var(--k)); left:calc(226 * var(--k)); width:calc(78 * var(--k)); font-size:calc(12 * var(--k))} } .blog5__citayte-novosti-5{position:absolute; top:calc(63 * var(--k)); left:calc(80 * var(--k)); width:calc(574 * var(--k)); font-size:calc(47 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog5__citayte-novosti-5{top:calc(63 * var(--k)); left:calc(45 * var(--k)); width:calc(574 * var(--k)); font-size:calc(47 * var(--k))} } @media (max-width:959px){ .blog5__citayte-novosti-5{top:calc(63 * var(--k)); left:calc(33 * var(--k)); width:calc(574 * var(--k)); font-size:calc(47 * var(--k))} } @media (max-width:639px){ .blog5__citayte-novosti-5{top:calc(77 * var(--k)); left:calc(36 * var(--k)); width:calc(249 * var(--k)); font-size:calc(42 * var(--k)); text-align:center} } .blog5__vector-6{position:absolute; top:calc(152 * var(--k)); left:calc(253 * var(--k)); width:calc(104 * var(--k))} @media (max-width:1199px){ .blog5__vector-6{left:calc(218 * var(--k))} } @media (max-width:959px){ .blog5__vector-6{top:calc(200 * var(--k)); left:calc(206 * var(--k)); width:calc(89 * var(--k))} } @media (max-width:639px){ .blog5__vector-6{top:calc(467 * var(--k)); left:calc(191 * var(--k)); width:calc(89 * var(--k))} } .blog5__shape-7{position:absolute; top:calc(133 * var(--k)); left:calc(80 * var(--k)); width:calc(162 * var(--k)); height:calc(84 * var(--k)); border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .blog5__shape-7{top:calc(133 * var(--k)); left:calc(45 * var(--k)); width:calc(162 * var(--k))} } @media (max-width:959px){ .blog5__shape-7{top:calc(181 * var(--k)); left:calc(33 * var(--k))} } @media (max-width:639px){ .blog5__shape-7{top:calc(453 * var(--k)); left:calc(34 * var(--k)); width:calc(150 * var(--k)); height:calc(78 * var(--k))} } .blog5__image-8{position:absolute; top:calc(147 * var(--k)); left:calc(172 * var(--k)); width:calc(56 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .blog5__image-8{left:calc(137 * var(--k))} } @media (max-width:959px){ .blog5__image-8{top:calc(195 * var(--k)); left:calc(125 * var(--k))} } @media (max-width:639px){ .blog5__image-8{top:calc(467 * var(--k)); left:calc(120 * var(--k)); width:calc(50 * var(--k))} } .blog5__image-9{position:absolute; top:calc(147 * var(--k)); left:calc(172 * var(--k)); width:calc(56 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .blog5__image-9{top:calc(180 * var(--k)); left:calc(112 * var(--k)); width:calc(50 * var(--k))} } .blog5__image-10{position:absolute; top:calc(147 * var(--k)); left:calc(94 * var(--k)); width:calc(56 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .blog5__image-10{left:calc(59 * var(--k))} } @media (max-width:959px){ .blog5__image-10{top:calc(195 * var(--k)); left:calc(47 * var(--k))} } @media (max-width:639px){ .blog5__image-10{top:calc(467 * var(--k)); left:calc(48 * var(--k)); width:calc(50 * var(--k))} } .blog5__image-11{position:absolute; top:calc(147 * var(--k)); left:calc(94 * var(--k)); width:calc(56 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:639px){ .blog5__image-11{top:calc(180 * var(--k)); left:calc(40 * var(--k)); width:calc(50 * var(--k))} } /* ---------- rec1217421696 ---------- */ .blog6{ --k:calc(100vw / 1200); position:relative; height:calc(276 * var(--k)); overflow:visible; background:#ffffff; } .blog6__shape-1{position:absolute; top:calc(23 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(230 * var(--k)); border-radius:calc(18 * var(--k)); background-image:linear-gradient(0.078turn,rgba(223,136,11,1) 0%,rgba(245,211,75,1) 100%)} @media (max-width:1199px){ .blog6__shape-1{top:calc(23 * var(--k)); left:calc(20 * var(--k)); width:calc(914 * var(--k))} } @media (max-width:959px){ .blog6__shape-1{top:calc(23 * var(--k)); left:calc(20 * var(--k)); width:calc(600 * var(--k)); height:calc(356 * var(--k))} } @media (max-width:639px){ .blog6__shape-1{top:calc(27 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(696 * var(--k))} } .blog6__uznayte-kak-2{position:absolute; top:calc(107 * var(--k)); left:calc(91 * var(--k)); width:calc(369 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.9; color:#222222} @media (max-width:1199px){ .blog6__uznayte-kak-2{top:calc(105 * var(--k)); left:calc(81 * var(--k)); width:calc(369 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .blog6__uznayte-kak-2{top:calc(110 * var(--k)); left:calc(65 * var(--k)); width:calc(369 * var(--k)); font-size:calc(13 * var(--k)); white-space:normal} } @media (max-width:639px){ .blog6__uznayte-kak-2{top:calc(401 * var(--k)); left:calc(41 * var(--k)); width:calc(251 * var(--k)); font-size:calc(12 * var(--k))} } .blog6__posagovyy-plan-3{position:absolute; top:calc(46 * var(--k)); left:calc(80 * var(--k)); width:calc(517 * var(--k)); font-size:calc(47 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog6__posagovyy-plan-3{top:calc(44 * var(--k)); left:calc(70 * var(--k)); width:calc(517 * var(--k)); font-size:calc(47 * var(--k))} } @media (max-width:959px){ .blog6__posagovyy-plan-3{top:calc(42 * var(--k)); left:calc(57 * var(--k)); width:calc(517 * var(--k)); font-size:calc(47 * var(--k))} } @media (max-width:639px){ .blog6__posagovyy-plan-3{top:calc(77 * var(--k)); left:calc(24 * var(--k)); width:calc(268 * var(--k)); font-size:calc(42 * var(--k)); text-align:center} } .blog6__?-4{position:absolute; top:calc(173 * var(--k)); left:calc(91 * var(--k)); width:calc(586 * var(--k))} @media (max-width:1199px){ .blog6__?-4{top:calc(171 * var(--k)); left:calc(81 * var(--k))} } @media (max-width:959px){ .blog6__?-4{top:calc(188 * var(--k)); left:calc(296 * var(--k)); width:calc(287 * var(--k))} } @media (max-width:639px){ .blog6__?-4{top:calc(512 * var(--k)); left:calc(40 * var(--k)); width:calc(240 * var(--k))} } .blog6__shape-5{position:absolute; top:calc(61 * var(--k)); left:calc(920 * var(--k)); width:calc(110 * var(--k)); height:calc(110 * var(--k)); background-color:#ffffff; border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .blog6__shape-5{top:calc(55 * var(--k)); left:calc(711 * var(--k)); width:calc(110 * var(--k)); height:calc(110 * var(--k))} } @media (max-width:959px){ .blog6__shape-5{top:calc(197 * var(--k)); left:calc(75 * var(--k)); width:calc(110 * var(--k)); height:calc(110 * var(--k))} } @media (max-width:639px){ .blog6__shape-5{top:calc(380 * var(--k)); left:calc(40 * var(--k)); width:calc(240 * var(--k)); height:calc(1 * var(--k))} } .blog6__image-6{position:absolute; top:calc(7 * var(--k)); left:calc(786 * var(--k)); width:calc(352 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .blog6__image-6{top:calc(74 * var(--k)); left:calc(676 * var(--k)); width:calc(256 * var(--k))} } @media (max-width:959px){ .blog6__image-6{top:calc(188 * var(--k)); left:calc(11 * var(--k)); width:calc(273 * var(--k))} } @media (max-width:639px){ .blog6__image-6{top:calc(201 * var(--k)); left:calc(44 * var(--k)); width:calc(255 * var(--k))} } /* ---------- rec1284775921 ---------- */ .blog7{ --k:calc(100vw / 1200); position:relative; height:calc(65 * var(--k)); overflow:visible; background:#ffffff; } .blog7__text-1{position:absolute; top:calc(22 * var(--k)); left:calc(20 * var(--k)); width:calc(14 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog7__text-1{top:calc(22 * var(--k)); left:calc(20 * var(--k)); width:calc(14 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .blog7__text-1{top:calc(16 * var(--k)); left:calc(20 * var(--k)); width:calc(14 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .blog7__text-1{top:calc(16 * var(--k)); left:calc(10 * var(--k)); width:calc(13 * var(--k)); font-size:calc(31 * var(--k))} } .blog7__arhiv-del-2{position:absolute; top:calc(22 * var(--k)); left:calc(35 * var(--k)); width:calc(252 * var(--k)); font-size:calc(33 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog7__arhiv-del-2{top:calc(22 * var(--k)); left:calc(35 * var(--k)); width:calc(252 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:959px){ .blog7__arhiv-del-2{top:calc(16 * var(--k)); left:calc(35 * var(--k)); width:calc(252 * var(--k)); font-size:calc(33 * var(--k))} } @media (max-width:639px){ .blog7__arhiv-del-2{top:calc(16 * var(--k)); left:calc(24 * var(--k)); width:calc(238 * var(--k)); font-size:calc(31 * var(--k))} } /* ---------- rec1216984356 ---------- */ .blog8{ --k:calc(100vw / 1200); position:relative; height:calc(70 * var(--k)); overflow:visible; background:#ffffff; } .blog8__nazad-1{position:absolute; top:calc(27 * var(--k)); left:calc(20 * var(--k)); width:calc(114 * var(--k)); height:calc(42 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent)); opacity:0; border-radius:calc(8 * var(--k))} @media (max-width:1199px){ .blog8__nazad-1{top:calc(27 * var(--k)); left:calc(20 * var(--k)); white-space:normal} } @media (max-width:959px){ .blog8__nazad-1{top:calc(27 * var(--k)); left:calc(20 * var(--k)); white-space:normal} } @media (max-width:639px){ .blog8__nazad-1{top:calc(-1 * var(--k)); left:calc(10 * var(--k)); width:calc(104 * var(--k)); height:calc(40 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } /* ---------- rec1284929291 ---------- */ .blog9{ --k:calc(100vw / 1200); position:relative; height:calc(80 * var(--k)); overflow:visible; background:#ffffff; } /* ---------- rec1303046311 ---------- */ .blog10{ --k:calc(100vw / 1200); position:relative; height:calc(454 * var(--k)); overflow:visible; background:#ffffff; } .blog10__shape-1{position:absolute; top:calc(23 * var(--k)); left:calc(20 * var(--k)); width:calc(1160 * var(--k)); height:calc(408 * var(--k)); background-color:#f1f1f1; border-radius:calc(18 * var(--k))} @media (max-width:1199px){ .blog10__shape-1{top:calc(27 * var(--k)); width:calc(920 * var(--k)); height:calc(409 * var(--k))} } @media (max-width:959px){ .blog10__shape-1{top:calc(27 * var(--k)); width:calc(600 * var(--k)); height:calc(655 * var(--k))} } @media (max-width:639px){ .blog10__shape-1{top:calc(27 * var(--k)); left:calc(10 * var(--k)); width:calc(300 * var(--k)); height:calc(1180 * var(--k))} } .blog10__image-2{position:absolute; top:calc(362 * var(--k)); left:calc(128 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .blog10__image-2{top:calc(362 * var(--k)); left:calc(93 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:959px){ .blog10__image-2{top:calc(600 * var(--k)); left:calc(107 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .blog10__image-2{top:calc(698 * var(--k)); left:calc(212 * var(--k)); width:calc(32 * var(--k))} } .blog10__image-3{position:absolute; top:calc(362 * var(--k)); left:calc(128 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .blog10__image-3{top:calc(362 * var(--k)); left:calc(93 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:959px){ .blog10__image-3{top:calc(600 * var(--k)); left:calc(107 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .blog10__image-3{top:calc(697 * var(--k)); left:calc(212 * var(--k)); width:calc(32 * var(--k))} } .blog10__image-4{position:absolute; top:calc(362 * var(--k)); left:calc(80 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .blog10__image-4{top:calc(362 * var(--k)); left:calc(45 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:959px){ .blog10__image-4{top:calc(600 * var(--k)); left:calc(57 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .blog10__image-4{top:calc(698 * var(--k)); left:calc(164 * var(--k)); width:calc(32 * var(--k))} } .blog10__image-5{position:absolute; top:calc(362 * var(--k)); left:calc(80 * var(--k)); width:calc(34 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .blog10__image-5{top:calc(362 * var(--k)); left:calc(45 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:959px){ .blog10__image-5{top:calc(600 * var(--k)); left:calc(57 * var(--k)); width:calc(34 * var(--k))} } @media (max-width:639px){ .blog10__image-5{top:calc(697 * var(--k)); left:calc(164 * var(--k)); width:calc(32 * var(--k))} } .blog10__online-6{position:absolute; top:calc(372 * var(--k)); left:calc(190 * var(--k)); width:calc(38 * var(--k)); font-size:calc(11 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.15; color:#222222} @media (max-width:1199px){ .blog10__online-6{top:calc(372 * var(--k)); left:calc(155 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:959px){ .blog10__online-6{top:calc(610 * var(--k)); left:calc(169 * var(--k)); width:calc(38 * var(--k)); white-space:normal} } @media (max-width:639px){ .blog10__online-6{top:calc(708 * var(--k)); left:calc(272 * var(--k)); width:calc(30 * var(--k)); font-size:calc(10 * var(--k)); white-space:normal} } .blog10__shape-7{position:absolute; top:calc(375 * var(--k)); left:calc(173 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k)); background-color:#0cdb0c; border-radius:calc(20 * var(--k))} @media (max-width:1199px){ .blog10__shape-7{top:calc(375 * var(--k)); left:calc(138 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:959px){ .blog10__shape-7{top:calc(613 * var(--k)); left:calc(152 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } @media (max-width:639px){ .blog10__shape-7{top:calc(711 * var(--k)); left:calc(255 * var(--k)); width:calc(7 * var(--k)); height:calc(7 * var(--k))} } .blog10__ili-napisite-8{position:absolute; top:calc(338 * var(--k)); left:calc(80 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.45; color:#222222} @media (max-width:1199px){ .blog10__ili-napisite-8{top:calc(338 * var(--k)); left:calc(45 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:959px){ .blog10__ili-napisite-8{top:calc(576 * var(--k)); left:calc(57 * var(--k)); width:calc(146 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .blog10__ili-napisite-8{top:calc(698 * var(--k)); left:calc(78 * var(--k)); width:calc(78 * var(--k)); font-size:calc(11 * var(--k)); text-align:left; white-space:normal} } .blog10__vyasnim-vasi-9{position:absolute; top:calc(142 * var(--k)); left:calc(91 * var(--k)); width:calc(208 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.9; color:#222222} @media (max-width:1199px){ .blog10__vyasnim-vasi-9{top:calc(142 * var(--k)); left:calc(56 * var(--k)); width:calc(208 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .blog10__vyasnim-vasi-9{top:calc(145 * var(--k)); left:calc(56 * var(--k)); width:calc(208 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .blog10__vyasnim-vasi-9{top:calc(210 * var(--k)); left:calc(46 * var(--k)); width:calc(189 * var(--k)); font-size:calc(12 * var(--k))} } .blog10__v-kakoe-10{position:absolute; top:calc(240 * var(--k)); left:calc(80 * var(--k)); width:calc(187 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.9; color:#222222} @media (max-width:1199px){ .blog10__v-kakoe-10{top:calc(240 * var(--k)); left:calc(45 * var(--k)); width:calc(187 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .blog10__v-kakoe-10{top:calc(283 * var(--k)); left:calc(57 * var(--k)); width:calc(187 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .blog10__v-kakoe-10{top:calc(385 * var(--k)); left:calc(40 * var(--k)); width:calc(177 * var(--k)); font-size:calc(12 * var(--k))} } .blog10__ozvucim-budjet-11{position:absolute; top:calc(142 * var(--k)); left:calc(327 * var(--k)); width:calc(244 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:500; line-height:1.9; color:#222222} @media (max-width:1199px){ .blog10__ozvucim-budjet-11{top:calc(142 * var(--k)); left:calc(292 * var(--k)); width:calc(244 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:959px){ .blog10__ozvucim-budjet-11{top:calc(145 * var(--k)); left:calc(292 * var(--k)); width:calc(244 * var(--k)); font-size:calc(13 * var(--k))} } @media (max-width:639px){ .blog10__ozvucim-budjet-11{top:calc(279 * var(--k)); left:calc(46 * var(--k)); width:calc(222 * var(--k)); font-size:calc(12 * var(--k))} } .blog10__polucite-besplatnuu-12{position:absolute; top:calc(63 * var(--k)); left:calc(80 * var(--k)); width:calc(531 * var(--k)); font-size:calc(47 * var(--k)); font-family:var(--font-display); font-weight:700; line-height:1.1; color:#222222; text-transform:uppercase} @media (max-width:1199px){ .blog10__polucite-besplatnuu-12{top:calc(63 * var(--k)); left:calc(45 * var(--k)); width:calc(531 * var(--k)); font-size:calc(47 * var(--k))} } @media (max-width:959px){ .blog10__polucite-besplatnuu-12{top:calc(63 * var(--k)); left:calc(45 * var(--k)); width:calc(531 * var(--k)); font-size:calc(47 * var(--k))} } @media (max-width:639px){ .blog10__polucite-besplatnuu-12{top:calc(77 * var(--k)); left:calc(19 * var(--k)); width:calc(286 * var(--k)); font-size:calc(42 * var(--k)); text-align:center} } .blog10__lid-1754547183961-13{position:absolute; top:calc(267 * var(--k)); left:calc(79 * var(--k)); width:calc(475 * var(--k))} @media (max-width:1199px){ .blog10__lid-1754547183961-13{left:calc(44 * var(--k))} } @media (max-width:959px){ .blog10__lid-1754547183961-13{top:calc(310 * var(--k)); left:calc(57 * var(--k)); width:calc(240 * var(--k))} } @media (max-width:639px){ .blog10__lid-1754547183961-13{top:calc(411 * var(--k)); left:calc(40 * var(--k)); width:calc(240 * var(--k))} } .blog10__perezvonit-mne-14{position:absolute; top:calc(267 * var(--k)); left:calc(525 * var(--k)); width:calc(200 * var(--k)); height:calc(54 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .blog10__perezvonit-mne-14{top:calc(267 * var(--k)); left:calc(490 * var(--k))} } @media (max-width:959px){ .blog10__perezvonit-mne-14{top:calc(499 * var(--k)); left:calc(57 * var(--k)); width:calc(200 * var(--k))} } @media (max-width:639px){ .blog10__perezvonit-mne-14{top:calc(597 * var(--k)); left:calc(60 * var(--k))} } .blog10__perezvonit-mne-15{position:absolute; top:calc(267 * var(--k)); left:calc(525 * var(--k)); width:calc(200 * var(--k)); height:calc(54 * var(--k)); font-size:calc(13 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.55; color:#222222; text-align:center; background-color:var(--t396-bgcolor-color,transparent); opacity:0; border-radius:calc(7 * var(--k))} @media (max-width:1199px){ .blog10__perezvonit-mne-15{top:calc(267 * var(--k)); left:calc(490 * var(--k))} } @media (max-width:959px){ .blog10__perezvonit-mne-15{top:calc(499 * var(--k)); left:calc(57 * var(--k)); width:calc(200 * var(--k))} } @media (max-width:639px){ .blog10__perezvonit-mne-15{top:calc(597 * var(--k)); left:calc(60 * var(--k)); width:calc(200 * var(--k))} } .blog10__lid-1756192423638-16{position:absolute; top:calc(337 * var(--k)); left:calc(526 * var(--k)); width:calc(197 * var(--k))} @media (max-width:1199px){ .blog10__lid-1756192423638-16{top:calc(337 * var(--k)); left:calc(491 * var(--k))} } @media (max-width:959px){ .blog10__lid-1756192423638-16{top:calc(447 * var(--k)); left:calc(57 * var(--k)); width:calc(197 * var(--k))} } @media (max-width:639px){ .blog10__lid-1756192423638-16{top:calc(545 * var(--k)); left:calc(68 * var(--k)); width:calc(183 * var(--k))} } .blog10__image-17{position:absolute; top:calc(0 * var(--k)); left:calc(849 * var(--k)); width:calc(215 * var(--k)); border-radius:calc(0 * var(--k))} @media (max-width:1199px){ .blog10__image-17{top:calc(0 * var(--k)); left:calc(709 * var(--k))} } @media (max-width:959px){ .blog10__image-17{top:calc(246 * var(--k)); left:calc(363 * var(--k))} } @media (max-width:639px){ .blog10__image-17{top:calc(776 * var(--k)); left:calc(60 * var(--k)); width:calc(204 * var(--k))} } .blog10__shape-18{position:absolute; top:calc(323 * var(--k)); left:calc(860 * var(--k)); width:calc(189 * var(--k)); height:calc(64 * var(--k)); background-color:#b1b4ba; opacity:0.15; border-radius:calc(9 * var(--k))} @media (max-width:1199px){ .blog10__shape-18{top:calc(323 * var(--k)); left:calc(720 * var(--k)); width:calc(189 * var(--k)); height:calc(64 * var(--k))} } @media (max-width:959px){ .blog10__shape-18{top:calc(569 * var(--k)); left:calc(374 * var(--k))} } @media (max-width:639px){ .blog10__shape-18{top:calc(1085 * var(--k)); left:calc(69 * var(--k)); width:calc(182 * var(--k)); height:calc(64 * var(--k))} } .blog10__vedusiy-kreditnyy-19{position:absolute; top:calc(357 * var(--k)); left:calc(874 * var(--k)); width:calc(161 * var(--k)); font-size:calc(12 * var(--k)); font-family:var(--font-text); font-weight:400; line-height:1.5; color:#222222; text-align:center} @media (max-width:1199px){ .blog10__vedusiy-kreditnyy-19{top:calc(357 * var(--k)); left:calc(734 * var(--k)); width:calc(161 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:959px){ .blog10__vedusiy-kreditnyy-19{top:calc(603 * var(--k)); left:calc(388 * var(--k)); width:calc(161 * var(--k)); font-size:calc(12 * var(--k)); white-space:normal} } @media (max-width:639px){ .blog10__vedusiy-kreditnyy-19{top:calc(1119 * var(--k)); left:calc(80 * var(--k)); width:calc(161 * var(--k)); font-size:calc(11 * var(--k)); text-align:center; white-space:normal} } .blog10__elena-adoneva-20{position:absolute; top:calc(335 * var(--k)); left:calc(874 * var(--k)); width:calc(161 * var(--k)); font-size:calc(15 * var(--k)); font-family:var(--font-text); font-weight:600; line-height:1.5; color:#222222; text-align:center} @media (max-width:1199px){ .blog10__elena-adoneva-20{top:calc(335 * var(--k)); left:calc(727 * var(--k)); width:calc(174 * var(--k)); font-size:calc(15 * var(--k)); white-space:normal} } @media (max-width:959px){ .blog10__elena-adoneva-20{top:calc(581 * var(--k)); left:calc(381 * var(--k)); width:calc(174 * var(--k)); font-size:calc(15 * var(--k)); white-space:normal} } @media (max-width:639px){ .blog10__elena-adoneva-20{top:calc(1098 * var(--k)); left:calc(73 * var(--k)); width:calc(174 * var(--k)); font-size:calc(14 * var(--k)); text-align:center; white-space:normal} } /* ============================================================================ БЛОГ И АРХИВ ДЕЛ (07.08.2026). Решение владельца: то, что в оригинале лежит на одной странице /blog, разнесено на две — блог и архив дел отдельно. ========================================================================= */ /* Карточка дела в сетке архива. Замеры живого @1280 (лента rec1291924381): 4 колонки по 277, шаг 320 (gap 43), обложка 277x185, заголовок 15/500, ряды через 312. Секция под классом .arch — он в списке zoomSync, поэтому экранные числа @1280 масштабируются так же, как у новостей и FAQ. */ .arch__grid{max-width:1238px; margin:24px auto 0; display:grid; grid-template-columns:repeat(4,1fr); gap:43px 43px; align-items:start} .arch__card{display:block; background:none; border:0; border-radius:0; padding:0; color:inherit} .arch__card img{display:block; width:100%; height:185px; object-fit:cover; object-position:top; border-radius:14px; margin-bottom:22px} .arch__num{display:block; font-size:15px; font-weight:500; line-height:1.35; color:var(--dark)} .arch__sum{display:block; margin-top:8px; font-size:13px; font-weight:600; color:#1a9e4b} .arch__card:hover .arch__num{color:#000} .arch__note{max-width:1238px; margin:0 auto; color:#8a8a8a; font-size:15px; line-height:1.55} .arch__title{max-width:1238px} .arch__title--case{font-size:44px} .arch__sum--big{max-width:1238px; margin:10px auto 0; font-size:20px} /* Страница дела — по замерам живого /tpost/... @1280 (секция под классом .arch, он в списке zoomSync, поэтому экранные числа ложатся 1-в-1): колонка 811 по центру (поля 235), h1 DrukCyr 33/700 на 101, кадр слайдера 811x528 на 172, скан вписан по центру без рамки, стрелки 32x32 r6.5 rgba(34,34,34,.4) с отступом 32 внутрь кадра, точки 6px (активная #f5d34b, прочие #cacaca) под кадром, «Списано: N ₽» InterTight 13/400 ПОД слайдером, ниже строка автора. */ .arch--case{padding:0 20px 60px} .arch--case .post__back{max-width:811px; margin:0 auto 18px} .arch__title--case{max-width:811px; margin-inline:auto; font-size:33px; line-height:1.2; padding-bottom:0} .dsl{position:relative; max-width:811px; margin:32px auto 0} .dsl__view{overflow:hidden; height:528px} .dsl__track{display:flex; height:100%; transition:transform .35s ease; touch-action:pan-y; will-change:transform; -webkit-user-select:none; user-select:none} .dsl__item{flex:none; width:100%; height:100%; display:flex; align-items:center; justify-content:center} .dsl__item img{display:block; max-width:100%; max-height:100%; width:auto; height:auto; -webkit-user-drag:none; user-drag:none} .dsl__arr{position:absolute; top:50%; width:32px; height:32px; margin-top:-16px; border:0; border-radius:6.5px; background:rgba(34,34,34,.4); cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; z-index:2; transition:background .2s ease, opacity .2s ease} .dsl__arr svg{width:32px; height:32px; display:block} .dsl__arr:hover{background:rgba(34,34,34,.65)} .dsl__arr:disabled{opacity:.25; cursor:default} .dsl__arr--l{left:32px; transform:scaleX(-1)} .dsl__arr--r{right:32px} .dsl__dots{margin:26px auto 0; display:flex; justify-content:center; gap:11px} .dsl__dots button{width:6px; height:6px; padding:0; border:0; border-radius:50%; background:#cacaca; cursor:pointer; transition:background .2s ease} .dsl__dots button.is-on{background:#f5d34b} .arch--case .arch__sum--big{max-width:811px; margin:32px auto 0; font-size:13px; font-weight:400; color:var(--dark)} .arch__author{max-width:811px; margin:44px auto 0; display:flex; align-items:center; gap:16px; font-size:16px; color:var(--dark)} .arch__author img{width:55px; height:55px; border-radius:50%; display:block} @media (max-width:959px){ .dsl__view{height:430px} .dsl__arr--l{left:8px} .dsl__arr--r{right:8px} } @media (max-width:639px){ .arch--case{padding:0 12px 40px} .arch__title--case{font-size:26px} .dsl__view{height:360px} .dsl__arr{width:28px; height:28px; margin-top:-14px; border-radius:6px} .dsl__arr svg{width:28px; height:28px} .dsl__arr--l{left:0} .dsl__arr--r{right:0} .arch__author{gap:12px; font-size:14px} .arch__author img{width:44px; height:44px} } /* плашка-перехват на странице блога вместо переехавшей ленты дел */ .arch--teaser{padding-top:0} .arch__btn{display:inline-block; margin-top:18px; padding:15px 26px; border-radius:8px; background:var(--yellow); color:var(--dark); font-size:14px; font-weight:600; box-shadow:0 6px 6px 2px rgba(244,196,8,.6)} .arch__btn:hover{background:var(--yellow-light)} @media (max-width:959px){ .arch__grid{grid-template-columns:repeat(2,1fr); gap:30px} .arch__title--case{font-size:32px} } @media (max-width:639px){ .arch__grid{grid-template-columns:1fr; gap:26px} .arch__card img{height:auto; aspect-ratio:277/185} .arch__title--case{font-size:26px} } /* Страница статьи — по замерам живого /blog/tpost/... @1280. ВАЖНО: запись у Тильды ЗУМИРУЕТСЯ (zoom 1.06667 при 1280), поэтому computed-кегли (33 / 13 / 10) — это КАНВА, а рисуется 35.2 / 13.9 / 10.7. На этом и разъехались размеры имени автора, даты и тега. Числа ниже — ОТРИСОВАННЫЕ при 1280, а секция .post добавлена в список zoomSync (T), как .news/.faq — значит на других ширинах масштабируется сама. Колонка 811 по центру (владелец: «стал шире, чем в референсе» — вернули ширину оригинала). h1 35.2/700 lh 36.3; обложка 811x456 r14 через 32; строка автора через 37 — аватар 66 круглый, имя 13.9/400 через 10; дата и тег через 48: дата 10.7/600 ls 1.6 #222, тег 10.7/600 ls 2.67 #a6a4a4, между ними 16. */ .post{max-width:811px; margin:0 auto; padding:21px 0 0; font-family:var(--font-text)} .post__title{font-family:var(--font-display); font-weight:700; text-transform:uppercase; font-size:35.2px; line-height:36.3px; color:var(--dark)} .post__cover{display:block; width:100%; height:456px; object-fit:cover; border-radius:14px; margin-top:35px} /* обложка встаёт на 172, как в эталоне */ .post__author{display:flex; align-items:center; gap:10px; margin-top:37px} .post__avatar{width:66px; height:66px; border-radius:50%; object-fit:cover; display:block} .post__author-name{font-size:13.9px; line-height:20.15px; font-weight:400; color:var(--dark)} .post__meta{display:flex; align-items:center; gap:16px; margin-top:48px} .post__date{font-size:10.7px; font-weight:600; letter-spacing:1.6px; color:var(--dark)} .post__tag{font-size:10.7px; font-weight:600; letter-spacing:2.67px; color:#a6a4a4} @media (max-width:959px){ /* ниже 960 zoomSync переводит базу на артборд 640, колонку отпускаем во всю ширину — у Тильды на планшете запись тоже занимает весь экран */ .post{max-width:none; padding:28px 20px 0} .post__cover{height:auto; aspect-ratio:811/456} } @media (max-width:639px){ .post{padding:20px 12px 0} .post__title{font-size:26px; line-height:1.15} .post__cover{margin-top:20px} .post__author{margin-top:24px} .post__avatar{width:48px; height:48px} .post__meta{margin-top:28px} } /* Форма лид-магнита «пошаговый план выхода из долгов» на странице блога. Числа канвы из конфига формы экспорта (элемент 1755011239941 в rec1217421696): бокс 91/173 шириной 586; поле высотой 42, r7, border 1px #e1e1e1, 13/400 #222; отступ до кнопки 16; кнопка «Получить план» 156x42 r7 #222/#fff 13/600, ховер #f5d34b + тёмный текст; подпись 11/400. ОТСТУПЛЕНИЕ ПО ПРОСЬБЕ ВЛАДЕЛЬЦА: в оригинале чекбокс уезжает вправо (его индикатор на 302 при поле на 97) и подпись ломается на две строки, вылезая за жёлтую плашку. У нас — одна строка вплотную под формой, по левому краю поля. Поэтому же nowrap и уменьшенный кегль на узких экранах. */ .blog6__form-4{position:absolute; top:calc(173 * var(--k)); left:calc(91 * var(--k)); width:calc(586 * var(--k))} .lmf__row{display:flex; gap:calc(16 * var(--k))} .lmf__input{width:calc(414 * var(--k)); height:calc(42 * var(--k)); padding:0 calc(16 * var(--k)); border:1px solid #e1e1e1; border-radius:calc(7 * var(--k)); background:#fff; color:#222; font-family:var(--font-text); font-size:calc(13 * var(--k)); font-weight:400} .lmf__input::placeholder{color:#9a9a9a} .lmf__btn{width:calc(156 * var(--k)); height:calc(42 * var(--k)); border:0; border-radius:calc(7 * var(--k)); background:#222; color:#fff; cursor:pointer; font-family:var(--font-text); font-size:calc(13 * var(--k)); font-weight:600; transition:background .2s ease, color .2s ease} .lmf__btn:hover{background:#f5d34b; color:#222} .lmf__agree{display:flex; align-items:center; gap:calc(9 * var(--k)); margin-top:calc(12 * var(--k)); font-size:calc(11 * var(--k)); color:#484848; white-space:nowrap; cursor:pointer; line-height:1.2} .lmf__agree input{position:absolute; opacity:0; width:0; height:0} .lmf__box{flex:none; width:calc(16 * var(--k)); height:calc(16 * var(--k)); border:1.4px solid #828282; border-radius:calc(3.5 * var(--k)); background:#fff; position:relative} .lmf__agree input:checked ~ .lmf__box::after{content:''; position:absolute; inset:calc(3 * var(--k)); border-radius:calc(1.5 * var(--k)); background:#222} .lmf__agree a{color:#484848; text-decoration:underline} .lmf__agree a:hover{color:#222} .lmf .is-err{border-color:red !important} .lmf__agree.is-err .lmf__box{border-color:red} @media (max-width:959px){ /* у Тильды на планшете форма встаёт вертикально (inputpos-res-640: v) */ .blog6__form-4{top:calc(188 * var(--k)); left:calc(296 * var(--k)); width:calc(287 * var(--k))} .lmf__row{flex-direction:column; gap:calc(12 * var(--k))} .lmf__input,.lmf__btn{width:100%} .lmf__agree{white-space:normal; align-items:flex-start} } @media (max-width:639px){ .blog6__form-4{top:calc(512 * var(--k)); left:calc(40 * var(--k)); width:calc(240 * var(--k))} } /* Лестница артбордов для секций блога — та же дыра, что была у секций главной: без неё на 375 весь блок сжимался в 3.75 раза. Высоты артбордов из экспорта (data-artboard-height / -res-640 / -res-320). */ @media (max-width:1199px){ .blog1,.blog2,.blog3,.blog4,.blog5,.blog6,.blog7{--k:calc(100vw / 960)} } @media (max-width:959px){ .blog1,.blog2,.blog3,.blog4,.blog5,.blog6,.blog7{--k:calc(100vw / 640)} .blog5{height:calc(370 * var(--k))} .blog6{height:calc(402 * var(--k))} } @media (max-width:639px){ .blog1,.blog2,.blog3,.blog4,.blog5,.blog6,.blog7{--k:calc(100vw / 320)} .blog2{height:calc(82 * var(--k))} .blog5{height:calc(617 * var(--k))} .blog6{height:calc(750 * var(--k))} } /* Блок «Читайте новости на наших площадках» — добор по замерам живого @1280. Что генератор не перенёс: (1) у записи rec1252041936 есть отступы pt_15 / pb_90 — без них плашка стояла на 15 выше и секция была 294 вместо 399; (2) плашка под иконками — пунктирная рамка 1px dashed #b1b1b1 (в CSS Тильды она через --t396-borderstyle, генератор такие не берёт); (3) список — настоящий