/* Страница /offer/ — раскладка блоков, перенесённых из Tilda (tools/tilda/convert_page.py).
   Координаты в px макета: десктоп — 1200, мобильный (< 960px) — 320. */

/* b01 · Договор-оферта оказания образовательных услуг г. Москва Дата утвержден… */
#b01 { --h: 8366px; --w: 1200px; height: auto; background-color: #0c0d0e; padding: 0 }
#b01 > .ab__filter { padding: calc(0px * var(--zoom,1)) calc(0px * var(--zoom,1)) calc(60px * var(--zoom,1)) calc(0px * var(--zoom,1)) }
#b01 .e1743869068591 { left: 100px; width: 1000px; color: #e6ecf2; z-index: 6; flex-shrink: 0; margin: 0 0 0 0; position: relative; top: auto; height: auto; margin-top: 60px }
#b01 .e1743869068591 .atom { color: #e6ecf2; font-size: 40px; line-height: 48px; font-weight: 700; letter-spacing: -1.1px; text-transform: uppercase }
#b01 .e1743869165802 { left: 100px; width: 1000px; color: #e6ecf2; z-index: 5; flex-shrink: 0; margin: 0 0 0 0; position: relative; top: auto; height: auto; margin-top: 30px }
#b01 .e1743869165802 .atom { color: #e6ecf2; font-size: 20px; line-height: 24px; font-weight: 600; letter-spacing: -0.4px }
#b01 .e1743869266136 { left: 100px; width: 1000px; color: #e6ecf2; z-index: 4; flex-shrink: 0; margin: 0 0 0 0; position: relative; top: auto; height: auto; margin-top: 30px }
#b01 .e1743869266136 .atom { color: #e6ecf2; font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: -0.3px }
#b01 .ab__canvas { height: auto; padding-bottom: 60px }
@media (max-width: 959px) {
  #b01 { --h: 15991px; --w: 320px }
  #b01 .e1743869068591 { left: 10px; width: 305px; margin-top: 48px }
  #b01 .e1743869068591 .atom { font-size: 30px; line-height: 36px; letter-spacing: -0.8px; white-space: normal; background-size: cover }
  #b01 .e1743869165802 { left: 10px; width: 300px; margin-top: 18px }
  #b01 .e1743869165802 .atom { font-size: 18px; line-height: 22px; white-space: normal; background-size: cover }
  #b01 .e1743869266136 { left: 10px; width: 300px; margin-top: 18px }
  #b01 .e1743869266136 .atom { font-size: 12px; line-height: 16px; white-space: normal; background-size: cover }
  #b01 .ab__canvas { padding-bottom: 48px }
}

/* b02 · Политика конфиденциальности Договор оферты IMAGO Разработка сайта ИП Б… */
#b02 { --h: 130px; --w: 1200px; background-color: #0c0d0e }
#b02 .e1702493358238 { left: -100px; top: 0px; width: 1400px; height: 1px; z-index: 3 }
#b02 .e1702493358238 .atom { border-radius: 1px; opacity: 0.1; background-color: #ffffff }
#b02 .e1717503711656 { left: 445px; top: 36px; width: 199px; height: auto; color: #ffffff; z-index: 4 }
#b02 .e1717503711656 .atom { color: #ffffff; font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase }
#b02 .e1717503711651 { left: 642px; top: 36px; width: 114px; height: auto; color: #ffffff; text-align: center; z-index: 5 }
#b02 .e1717503711651 .atom { color: #ffffff; font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase }
#b02 .e1717503711642 { left: 100px; top: 33px; width: 23px; z-index: 6; pointer-events: none }
#b02 .e1717503711636 { left: 128px; top: 33px; width: 70px; height: auto; color: #ddd3b2; z-index: 7 }
#b02 .e1717503711636 .atom { color: #ddd3b2; font-size: 18px; line-height: 22px; font-weight: 300; letter-spacing: -1px; text-transform: uppercase }
#b02 .e1717503711630 { left: 986px; top: 36px; width: 114px; height: auto; color: #ffffff; text-align: right; z-index: 8 }
#b02 .e1717503711630 .atom { color: #ffffff; font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase }
#b02 .e1717503711622 { left: 100px; top: 64px; width: 320px; height: auto; color: #ffffff; z-index: 9 }
#b02 .e1717503711622 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.6px; opacity: 0.6 }
@media (max-width: 959px) {
  #b02 { --h: 168px; --w: 320px }
  #b02 .e1702493358238 { left: 0px; width: 320px }
  #b02 .e1717503711656 { left: 10px; top: 95px; width: 300px; text-align: left }
  #b02 .e1717503711656 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover }
  #b02 .e1717503711651 { left: 10px; top: 116px; width: 300px; text-align: left }
  #b02 .e1717503711651 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover }
  #b02 .e1717503711642 { left: 10px; top: 21px; width: 20px }
  #b02 .e1717503711636 { left: 35px; top: 20px; width: 60px }
  #b02 .e1717503711636 .atom { font-size: 16px; line-height: 19px; white-space: normal; background-size: cover }
  #b02 .e1717503711630 { left: 10px; top: 137px; width: 300px; text-align: left }
  #b02 .e1717503711630 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover }
  #b02 .e1717503711622 { left: 10px; top: 49px; width: 240px }
  #b02 .e1717503711622 .atom { letter-spacing: -0.4px; white-space: normal; background-size: cover }
}
