*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Open Sans",Arial,sans-serif;font-size:18px;line-height:1.55;color:#333;background:#fff}
img{max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
.center{text-align:center}

/* Шапка */
.top{background:#fff;border-bottom:3px solid #e4e9ee}
.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:10px;padding-bottom:12px;position:relative}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px}
.logo img{display:block;width:330px;aspect-ratio:375/184;object-fit:cover}
.cta{display:inline-block;background:#045184;color:#7fe08a;font-family:Georgia,serif;font-size:17px;letter-spacing:.5px;text-decoration:none;padding:8px 26px;border:2px solid #0a6ba8;box-shadow:0 0 0 2px #fff,0 0 0 4px #045184;transition:background .2s}
.cta:hover{background:#0a6ba8;color:#fff}
.cta.big{font-size:19px;padding:11px 40px;margin:20px 0 10px}
.info{flex:1;text-align:center}
.tags{list-style:none;margin:0 0 12px;padding:0;font-family:Play,sans-serif;font-weight:700;color:#1a5b89;font-size:23px;line-height:1.6}
.reach{display:flex;justify-content:center;gap:50px;font-family:Play,sans-serif;font-weight:700;font-size:21px}
.reach a{text-decoration:none;color:#111}
.info .addr{margin:6px 0 0;font-family:Oswald,Impact,sans-serif;font-weight:500;font-size:21px;color:#111}
.menu{display:flex;background:#045184;padding:0}
.menu a{flex:1 1 auto;text-align:center;text-decoration:none;color:#fff;font-family:Oswald,"Arial Narrow",sans-serif;font-size:18px;padding:12px 6px;white-space:nowrap}
.menu a:hover,.menu a.on{background:#2b6ca3}
.burger{display:none}

/* Текст страниц */
.content{max-width:900px;padding-top:6px;padding-bottom:30px}
h1{font-family:Oswald,Impact,sans-serif;font-weight:600;color:#1a5b89;font-size:32px;text-align:center;margin:30px 0 26px;line-height:1.2}
.content p{margin:0 0 1.1em}
.content a{color:#111;font-weight:700}
.lead{font-weight:700;color:#1a5b89}
.cost{font-weight:700;color:#045184;margin:0 0 .4em!important}
.cost.part{font-weight:400}.cost.part strong{font-weight:700}
.bnum li::marker{font-weight:700}
.free{font-weight:700;color:#d81b60;font-size:19px;margin-top:1em!important}
.stage-h{font-weight:700;font-size:18px;color:#045184;margin-top:1.4em!important}
.stage{font-weight:700;margin:1.2em 0 .5em!important}
.split2{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}
.dolist{padding-left:1.3em;margin:0 0 1em}
.dolist li{margin-bottom:1em}
.pics{display:flex;flex-direction:column;gap:90px;padding-top:12px}
.pics img{width:289px;aspect-ratio:289/190;object-fit:cover}
.wideimg{display:block;width:100%;aspect-ratio:992/249;object-fit:cover;margin:10px 0 24px}
.lined{display:flex;align-items:center;gap:36px;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:28px;color:#111;margin:30px 0 34px}
.lined:before,.lined:after{content:"";flex:1;border-top:1px solid #555}
.perks{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 40px}
.perks div{flex:1;max-width:180px;min-height:112px;display:flex;align-items:center;justify-content:center;text-align:center;background:#1d5b8f;color:#7fe08a;font-family:Oswald,sans-serif;font-size:18px;border-radius:28px 6px 28px 6px;padding:10px;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.perks i{font-style:normal;font-size:30px;color:#222}
.slider{position:relative;max-width:520px;margin:30px auto 40px;text-align:center}
.slides{position:relative;aspect-ratio:440/299;max-width:440px;margin:0 auto}
.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .6s}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:contain}
.slider .prev,.slider .next{position:absolute;top:42%;background:none;border:0;font-size:56px;line-height:1;color:#e8a048;cursor:pointer;padding:0 10px}
.slider .prev{left:0}.slider .next{right:0}
.dots{display:flex;justify-content:center;gap:10px;margin-top:8px}
.dots button{width:9px;height:9px;border-radius:50%;border:0;background:#cfd6dd;padding:0;cursor:pointer}
.dots button.on{background:#e8a048}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 20px}
.gallery img{width:100%;height:auto;aspect-ratio:289/223;object-fit:cover}
.content ol{margin:0 0 1.1em}
.reviews{display:grid;gap:18px;margin-bottom:30px}
.review{background:#f4f8fb;border-left:4px solid #2b6ca3;padding:16px 20px;border-radius:4px}
.review p{margin:0 0 8px!important}
.review footer{font-weight:700;color:#045184}
.policy{max-width:860px}
.policy .sub{font-family:Oswald,sans-serif;font-weight:500;font-size:21px;color:#1a5b89;margin:26px 0 10px}
.policy a{color:#1a5b89}
.ftitle{font-family:Arial,sans-serif;font-weight:700;color:#1e7be0;font-size:32px;margin:0 auto 6px;max-width:600px}
.fsub{font-size:16px;margin:0 auto 22px;max-width:600px;color:#333}
/* Форма */
.formwrap{padding:30px 16px 70px}
.contact{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.contact .two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact input[type=text],.contact input[type=email],.contact input[type=tel],.contact textarea{width:100%;background:#f2f2f2;border:1px solid #e3e3e3;border-radius:2px;padding:14px 16px;font:16px Georgia,serif;color:#222}
.contact .half{width:50%}
.contact textarea{height:94px;resize:vertical}
.contact .agree{font:15px Georgia,serif;display:flex;gap:8px;align-items:center}
.contact button{align-self:flex-start;background:#ff1a5a;color:#fff;border:0;border-radius:3px;font:700 18px Georgia,serif;padding:13px 26px;cursor:pointer}
.contact button:hover{background:#e00f4a}
.contact .hp{position:absolute;left:-9999px}
.contact .sent{color:#1f8a3b;font-weight:700;margin:0}
.contact .err{color:#c62828;font-weight:700;margin:0}

/* Подвал */
.foot{background:#2b6ca3;color:#fff;padding-top:30px}
.foot .cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;text-align:center}
.foot h5{font-family:Arial,sans-serif;font-weight:700;font-size:21px;margin:0 0 24px}
.foot .addr{font-family:Play,sans-serif;font-size:21px;margin:0 0 24px}
.foot .row{display:flex;align-items:center;justify-content:center;gap:36px}
.foot .row img{width:119px;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover}
.foot .lines{display:flex;flex-direction:column;gap:14px}
.foot .lines a{text-decoration:none;font-family:Arial,sans-serif;font-weight:700;font-size:21px}
.foot .lines .mail{font-size:19px;margin-top:6px}
.foot iframe{border:0;max-width:100%}
.copy{font-size:13px;margin:26px auto 0;padding-bottom:16px}
.foot .bar{height:10px;background:#002e5d}
.mobilebar{display:none}

.foot .copy a{color:inherit;text-decoration:underline;margin-left:12px}
.contact .agree a{color:#111;font-weight:700}

@media(max-width:900px){
  .menu{flex-wrap:wrap}
}
@media(max-width:760px){
  body{font-size:18px;padding-bottom:59px}
  .hero{flex-direction:column;gap:10px;padding-left:12px;padding-right:12px;text-align:center}
  .logo img{width:300px;max-width:78vw}
  .brand{align-self:flex-start;margin-left:14px}
  .info{width:100%}
  .tags{font-size:19px;line-height:1.35;text-align:left;margin-bottom:14px}
  .tags li{margin-bottom:8px}
  .reach{flex-direction:column;gap:4px;font-size:18px}
  .info .addr{font-size:18px}
  .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;position:fixed;top:12px;right:12px;z-index:60;width:44px;height:44px;border:0;border-radius:6px;background:#045184;padding:10px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}
  .burger span{display:block;height:3px;background:#fff;border-radius:2px}
  .menu{display:none;flex-direction:column}
  .menu.open{display:flex;position:fixed;top:0;left:0;right:0;z-index:55;max-width:none;max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-top:64px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 6px 18px rgba(0,0,0,.35)}
  .burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .menu a{flex:none;text-align:left;padding:12px 20px;font-size:17px;border-top:1px solid rgba(255,255,255,.2)}
  h1{font-size:27px;margin-top:24px}
  .split2{display:flex;flex-direction:column;gap:0}
  .pics{display:contents}
  .pics img{width:100%;max-width:300px;align-self:center;margin:4px 0 22px}
  .pics img:nth-child(2){order:1}
  .dolist{order:2}
  .pics img:nth-child(1){order:3}
  .wideimg{width:100vw;max-width:none;margin:10px -16px 24px;aspect-ratio:390/190;object-position:58% 50%}
  .lined{font-size:24px;justify-content:center;margin:26px 0 30px}
  .lined:before,.lined:after{display:none}
  .perks{flex-direction:column;gap:12px}
  .perks div{flex:none;width:160px;max-width:none;min-height:104px;font-size:17px}
  .perks i{font-size:28px;line-height:1}
  .gallery{gap:12px}
  .gallery img{width:100%}
  .content:has(.gallery){display:flex;flex-direction:column}
  .content:has(.gallery)>h1{order:-2}
  .content .gallery{display:contents}
  .content .gallery img{margin:0 0 12px}
  .content .gallery img:first-child{order:-1;margin:0 0 18px}
  .ftitle{font-size:24px}
  .contact .two{grid-template-columns:1fr;gap:22px}
  .contact .half{width:100%}
  .foot .cols{grid-template-columns:1fr}
  .foot .row{gap:20px}
  .foot .row img{width:90px}
}
/* Нижняя панель на телефоне, как на сайтах Буравчика */
.quick-bar{display:none}
@media (max-width:760px){
  .quick-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;height:59px;background:#fff;border-top:1px solid #dfe6ee;box-shadow:0 -2px 8px rgba(0,0,0,.12);padding-bottom:env(safe-area-inset-bottom)}
  .quick-bar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#05131e;text-decoration:none;font:13px/1 "Open Sans",Arial,sans-serif;letter-spacing:.2px}
  .quick-bar a:active{filter:brightness(.8);background:#f2f6fa}
  .quick-bar svg{width:28px;height:22px;fill:currentColor}
  .quick-bar .ic-phone{fill:#25B34B}
  .quick-bar .ic-max{fill:#8A3FFC}
  .quick-bar .ic-wa{fill:#25D366}
  .quick-bar .ic-tg{fill:#2AABEE}
  .quick-bar .ic-mail{fill:#2B6CA3}
  .quick-bar .ic-form{fill:#d81b60}
}
.foot .addr{font-size:21px}
@media(max-width:760px){.foot .addr{font-size:17px}}