@font-face{font-family:"Jost";src:url("/fonts/jost.woff2") format("woff2-variations"),url("/fonts/jost.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}

.note .lbl{color:#0B2E3A}
:root{--sky:#90DAEE;
  --navy:#0F2733;
  --navy-d:#0A1B24;
  --cyan:#034AC5;
  --cyan-d:#0A3FA0;
  --red:#EF0000;
  --ink:#2A2A2A;
  --grey:#6A6A6A;
  --line:#E3E7EE;
  --wash:#F2F6FC;
  --hdr:76px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:#fff;color:var(--ink);
  font-family:"Jost","Helvetica Neue",Arial,sans-serif;
  font-size:17px;line-height:1.72;font-weight:400;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;border:0}
a{color:var(--cyan-d)}

.wrap{max-width:1160px;margin:0 auto;padding:0 30px}
.narrow{max-width:820px;margin:0 auto}
.center{text-align:center}

h1,h2,h3{font-family:"Jost",Arial,sans-serif;font-weight:300;margin:0;line-height:1.15}
h2{font-size:42px;color:var(--cyan);margin-bottom:18px}
h3{font-size:22px;font-weight:400;color:var(--cyan)}
p{margin:0 0 20px}

.kicker{
  font-size:14px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--grey);margin-bottom:26px;font-weight:500;
}
.lede{font-size:19px;color:var(--grey);line-height:1.7;margin:0 auto 40px;max-width:60ch}
.lbl{font-size:19px;color:var(--cyan);font-weight:600;margin:34px 0 8px;letter-spacing:0}
.dim{color:var(--grey)}

/* ================= ШАПКА ================= */
.hdr{
  position:fixed;top:0;left:0;right:0;z-index:60;height:var(--hdr);
  background:#0F2733;background:rgba(15,39,51,.94);
}
.hdr-in{max-width:1160px;margin:0 auto;padding:0 30px;height:var(--hdr);position:relative;white-space:nowrap}
.hdr .brand{display:inline-block;vertical-align:middle;text-decoration:none;color:#fff;line-height:var(--hdr)}
.hdr .brand img{display:inline-block;vertical-align:middle;width:38px;height:38px;margin-right:10px}
.hdr .brand b{font-family:"Jost",Arial,sans-serif;font-weight:400;font-size:22px;letter-spacing:.02em;vertical-align:middle}
.hdr nav{display:inline-block;vertical-align:middle;line-height:var(--hdr);margin-left:26px}
.hdr nav a{
  display:inline-block;vertical-align:middle;color:#DCE8EF;text-decoration:none;
  font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:500;
  padding:8px 13px;border-radius:100px;line-height:1.2;margin:0 1px;
}
.hdr nav a:hover{color:#fff}
.hdr nav a[aria-current="page"]{background:#fff;color:var(--navy)}
.hdr .tel{
  position:absolute;right:30px;top:0;line-height:var(--hdr);
  color:#fff;text-decoration:none;font-size:16px;letter-spacing:.04em;
}
.burger{display:none;position:absolute;right:24px;top:16px;width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:11px}
.burger i{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}

/* ================= ПЕРВЫЙ ЭКРАН ================= */
.hero{
  position:relative;min-height:100vh;
  background-color:#0F2733;background-position:center;background-size:cover;background-repeat:no-repeat;
  color:#fff;text-align:center;
}
.hero.small{min-height:62vh}
.hero-veil{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(11,34,41,.46)}
.hero-in{position:relative;z-index:2;padding:calc(var(--hdr) + 90px) 0 90px}
.hero.small .hero-in{padding:calc(var(--hdr) + 60px) 0 60px}
.hero h1{
  font-size:64px;color:#fff;max-width:20ch;margin:0 auto;
  text-shadow:0 2px 22px rgba(10,30,45,.35);
}
.hero .tag{
  font-size:17px;letter-spacing:.22em;text-transform:uppercase;
  margin:22px 0 0;color:#EAF3F7;text-shadow:0 1px 12px rgba(10,30,45,.45);
}
.hero .sub{font-size:19px;max-width:56ch;margin:24px auto 0;color:#E8F1F5;line-height:1.6;text-shadow:0 1px 14px rgba(10,30,45,.4)}
.hero .acts{margin-top:40px}

/* ================= КНОПКИ ================= */
.acts{font-size:0}
.btn{
  display:inline-block;text-decoration:none;font-family:"Jost",Arial,sans-serif;
  font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
  padding:17px 38px;border-radius:100px;margin:6px 7px;line-height:1.2;
  border:2px solid transparent;
}
.btn-w{background:#fff;color:var(--navy);border-color:#fff}
.btn-w:hover{background:var(--red);border-color:var(--red);color:#fff}
.btn-gw{background:transparent;color:#fff;border-color:rgba(255,255,255,.8)}
.btn-gw:hover{background:#fff;color:var(--navy)}
.btn-c{background:var(--red);color:#fff;border-color:var(--red)}
.btn-c:hover{background:#D10000;border-color:#D10000}
.btn-n{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-n:hover{background:var(--navy-d);border-color:var(--navy-d)}
.btn:focus{outline:3px solid var(--sky);outline-offset:3px}


/* ---- блик по кнопке ---- */
@keyframes shine{
  0%{transform:translateX(-130%) skewX(-22deg)}
  55%{transform:translateX(340%) skewX(-22deg)}
  100%{transform:translateX(340%) skewX(-22deg)}
}
.btn{position:relative;overflow:hidden}
.btn:after{
  content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:42%;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 50%,rgba(255,255,255,0) 100%);
  transform:translateX(-130%) skewX(-22deg);
  animation:shine 4.6s ease-in-out infinite;
  pointer-events:none;
}
/* на светлых кнопках блик тёмный, иначе не виден */
.btn-w:after,.btn-o:after{
  background:linear-gradient(90deg,rgba(15,39,51,0) 0%,rgba(15,39,51,.26) 50%,rgba(15,39,51,0) 100%);
}
/* разводим по времени, чтобы не мигали хором */
.acts .btn:nth-child(2):after{animation-delay:1.1s}
.acts .btn:nth-child(3):after{animation-delay:2.2s}
.half .btn:after{animation-delay:.6s}
.btn:hover:after{animation-play-state:paused}

@media (prefers-reduced-motion:reduce){
  .btn:after{animation:none;display:none}
  *{transition:none !important}
}

/* ================= СЕКЦИИ ================= */
section{padding:86px 0}
.sec-wash{background:var(--wash)}
.crumbs{font-size:14px;color:var(--grey);padding:22px 0 0}
.crumbs a{color:var(--grey);text-decoration:none}
.crumbs span{margin:0 7px}

/* три колонки с иконками */
.feats{font-size:0;margin-top:46px}
.feat{
  display:inline-block;vertical-align:top;width:33.33%;
  padding:0 26px;text-align:center;font-size:17px;
}
.feat svg{display:block;margin:0 auto 20px}
.feat .ft{font-size:20px;font-weight:500;color:var(--cyan);margin-bottom:12px;letter-spacing:0}
.feat p{color:var(--grey);font-size:16px;line-height:1.7;margin:0}

/* парные фотоблоки */
.split{font-size:0}
.half{
  display:inline-block;vertical-align:top;width:50%;position:relative;
  min-height:440px;background-position:center;background-size:cover;background-repeat:no-repeat;
  text-align:center;font-size:17px;
}
.half .veil{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(11,34,41,.48)}
.half .in{position:relative;z-index:2;padding:78px 42px;color:#fff}
.half h3{font-family:"Jost",Arial,sans-serif;font-size:34px;color:#fff;font-weight:300;margin-bottom:14px}
.half p{color:#E4EEF3;max-width:34ch;margin:0 auto 26px;font-size:16.5px;line-height:1.65}

/* фото на всю ширину */
.bleed{width:100%;height:520px;background-position:center;background-size:cover;background-repeat:no-repeat}

/* сетка фото */
.gal{font-size:0;margin-top:40px}
.gal figure{display:inline-block;vertical-align:top;width:25%;padding:0 8px 22px;margin:0;font-size:17px}
.gal img{width:100%;border-radius:4px}
.gal figcaption{font-size:14.5px;color:var(--grey);padding:10px 2px 0}

/* таблица */
.tbl{width:100%;border-collapse:collapse;margin-top:26px;font-size:17px}
.tbl th{text-align:left;font-weight:600;color:var(--cyan);border-bottom:2px solid var(--line);padding:13px 14px 13px 0;font-size:16px}
.tbl td{border-bottom:1px solid var(--line);padding:15px 14px 15px 0;vertical-align:top}
.tbl td:last-child,.tbl th:last-child{text-align:right;padding-right:0;white-space:nowrap}
.scroll{overflow-x:auto}

/* списки */
.two{font-size:0}
.col{display:inline-block;vertical-align:top;width:50%;padding-right:40px;font-size:17px}
.inc ul{list-style:none;padding:0;margin:12px 0 0}
.inc li{position:relative;padding-left:24px;margin-bottom:11px}
.inc li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.inc .b li:before{background:#B9C4CC}

/* заметка */
.note{background:var(--sky);border-radius:8px;padding:30px 32px;color:#0B2E3A}
.note .lbl{margin-top:0}
.note p:last-child{margin-bottom:0}

/* капитан */
.cap-photo{float:left;width:34%;max-width:250px;border-radius:4px;margin:4px 32px 14px 0}
.cap:after{content:"";display:block;clear:both}

/* видео */
.vids{font-size:0;margin-top:34px}
.vid{display:inline-block;vertical-align:top;width:50%;padding:0 11px 26px;font-size:17px}
.vid video{width:100%;height:auto;border-radius:4px;background:#16394F}
.vid a{display:inline-block;margin-top:10px;font-size:15.5px;color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(3,74,197,.35)}

/* вопросы */
details{border-bottom:1px solid var(--line);padding:20px 0}
details:first-of-type{border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none;color:var(--cyan);font-size:19px;font-weight:500}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";float:right;color:var(--cyan);font-size:25px;line-height:.9}
details[open] summary:after{content:"\2013"}
details p{margin:14px 0 2px;color:var(--grey)}

/* призыв */
.cta{background:var(--navy);color:#fff;padding:90px 0;text-align:center}
.cta h2{color:#fff}
.cta p{color:#C6D7E1;max-width:52ch;margin:0 auto 34px}

/* подвал */
.foot{background:var(--navy-d);color:#9FB4C1;padding:62px 0 46px;font-size:15.5px}
.foot .fcol{display:inline-block;vertical-align:top;width:33.33%;padding-right:30px}
.foot .fcols{font-size:0}
.foot .fcol{font-size:15.5px}
.foot a{color:#E8F0F5;text-decoration:none;display:block;padding:5px 0}
.foot a:hover{color:var(--sky)}
.foot .b{color:#6E8899;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.foot .bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:24px;font-size:14.5px;letter-spacing:.04em}

/* ================= АДАПТИВ ================= */
@media(max-width:1000px){
  h2{font-size:34px}
  .hero h1{font-size:46px}
  .feat{padding:0 16px}
}
@media(max-width:820px){
  body{font-size:16px}
  section{padding:60px 0}
  .hdr nav{
    display:none;position:fixed;top:var(--hdr);left:0;right:0;bottom:0;
    background:var(--navy);margin:0;padding:20px 26px;overflow-y:auto;line-height:1.5;
    white-space:normal;
  }
  .hdr nav.open{display:block}
  .hdr nav a{display:block;font-size:17px;padding:15px 0;margin:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .hdr nav a[aria-current="page"]{background:transparent;color:var(--cyan)}
  .hdr .tel{display:none}
  .burger{display:block}
  .hero h1{font-size:34px}
  .hero .tag{font-size:14px}
  .hero .sub{font-size:17px}
  .hero-in{padding:calc(var(--hdr) + 60px) 0 60px}
  .feat{width:100%;padding:0 0 38px}
  .half{width:100%;min-height:340px}
  .half .in{padding:54px 28px}
  .gal figure{width:50%}
  .col{width:100%;padding-right:0;margin-bottom:20px}
  .vid{width:100%;padding:0 0 26px}
  .bleed{height:300px}
  .foot .fcol{width:100%;padding:0 0 26px}
  .cap-photo{width:42%;margin-right:22px}
  .btn{padding:15px 28px;font-size:13px}
}
@media(max-width:460px){
  .gal figure{width:100%;padding:0 0 22px}
  h2{font-size:28px}
  .hero h1{font-size:29px}
}

/* ===== посадочная: дополнения ===== */
body{padding-bottom:78px}
.hdr nav a{cursor:pointer}
section[id]{scroll-margin-top:90px}

.facts{display:inline-block;margin-top:34px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:18px 10px;font-size:0}
.facts div{display:inline-block;vertical-align:top;padding:0 26px;font-size:17px;text-align:center}
.facts b{display:block;font-size:26px;font-weight:400;color:#fff;line-height:1.25}
.facts span{font-size:13px;color:#C8DCE6;letter-spacing:.1em;text-transform:uppercase}
.edit{color:#FFD84D;border-bottom:2px dotted #FFD84D}

.stops{margin-top:30px}
.stop{border-left:2px solid var(--line);padding:0 0 24px 26px;position:relative}
.stop:last-child{padding-bottom:0}
.stop:before{content:"";position:absolute;left:-5px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.stop .t{font-weight:600;color:var(--navy);font-size:19px;margin-bottom:2px}
.stop p{margin:0;color:var(--grey)}

.menu-day{font-size:0;margin-top:26px}
.menu-day div.m{display:inline-block;vertical-align:top;width:33.33%;padding-right:26px;font-size:17px}
.menu-day .h{font-weight:600;color:var(--cyan);margin-bottom:6px}
.menu-day p{color:var(--grey);font-size:16px;margin:0}

.price-box{background:var(--navy);color:#fff;border-radius:16px;padding:40px 34px;text-align:center;margin-top:8px}
.price-box .n{font-size:52px;font-weight:300;line-height:1}
.price-box .u{color:#B9CFDB;font-size:17px;margin-top:8px}
.price-box .l{font-size:0;margin-top:30px;text-align:left}
.price-box .l div{display:inline-block;vertical-align:top;width:50%;padding-right:24px;font-size:16.5px}
.price-box ul{list-style:none;margin-top:8px}
.price-box li{position:relative;padding-left:22px;margin-bottom:8px;color:#DCE8EF}
.price-box li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:var(--sky)}
.price-box .h{color:#7E9AA8;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}

.bar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:11px 18px;display:flex;align-items:center}
.bar .p{font-size:15px;color:var(--grey);line-height:1.25;margin-right:auto}
.bar .p b{display:block;color:var(--ink);font-size:16px;font-weight:500}
.bar a{background:var(--red);color:#fff;text-decoration:none;padding:13px 28px;border-radius:100px;font-weight:500;font-size:15px;white-space:nowrap}

@media(max-width:820px){
  .facts div{display:block;padding:9px 0}
  .menu-day div.m{width:100%;padding:0 0 20px}
  .price-box .l div{width:100%;padding:0 0 18px}
  .price-box .n{font-size:40px}
}

/* ---- таблица дат ---- */
.dates{width:100%;border-collapse:collapse;margin-top:26px;font-size:18px}
.dates th{text-align:left;font-weight:600;color:var(--cyan);border-bottom:2px solid var(--line);padding:12px 14px 12px 0;font-size:15px}
.dates td{border-bottom:1px solid var(--line);padding:16px 14px 16px 0;vertical-align:middle}
.dates td.d{font-weight:500;color:var(--navy);white-space:nowrap}
.dates td.s{color:var(--grey);font-size:16px}
.dates td.a{text-align:right;padding-right:0;white-space:nowrap}
.dates .btn-sm{padding:12px 24px;font-size:13px;margin:0}
@media(max-width:620px){
  .dates,.dates tr,.dates td,.dates th{display:block;width:100%}
  .dates th{display:none}
  .dates tr{border-bottom:1px solid var(--line);padding:16px 0}
  .dates td{border:0;padding:2px 0}
  .dates td.d{font-size:20px}
  .dates td.a{text-align:left;padding-top:12px}
  .dates .btn-sm{display:inline-block;width:auto}
}

/* ---- таблица дат: две кнопки ---- */
.dates td.d .st{display:block;font-size:15px;color:var(--grey);font-weight:400;margin-top:2px}
.dates td.a .btn-sm{margin-left:8px}
@media(max-width:620px){
  .dates td.a .btn-sm{margin:0 8px 8px 0}
}

/* ---- карта маршрута ---- */
.map{background:var(--sky);border-radius:14px;overflow:hidden;margin-top:28px}
.map svg{width:100%;height:auto;display:block}
.map .mcap{padding:0 24px 18px;font-size:15px;color:#0B2E3A}

/* ---- программа по дням ---- */
.days{margin-top:16px}
.dayrow{font-size:0;border-bottom:1px solid var(--line);padding:14px 0}
.dayrow:last-child{border-bottom:0}
.dayrow .dn{display:inline-block;vertical-align:top;width:58px;font-size:15px;font-weight:600;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;padding-top:2px}
.dayrow .dt{display:inline-block;vertical-align:top;width:calc(100% - 62px);font-size:16.5px;line-height:1.6}
.dayrow .dt b{color:var(--navy);font-weight:600}

/* ---- подпись под видео ---- */
.vname{font-size:15.5px;color:var(--navy);font-weight:500;margin-top:8px}

@media(max-width:620px){
  .dayrow .dn{display:block;width:100%;margin-bottom:3px}
  .dayrow .dt{display:block;width:100%}
}
.dayrow .dt b:after{content:" \2014 ";font-weight:400;color:#6A6A6A}

/* ---- первый экран должен помещаться в ноутбук ---- */
.hero-in{padding:calc(var(--hdr) + 54px) 0 118px}
.hero h1{font-size:52px}
.facts{margin-top:26px;padding:15px 8px}
.facts b{font-size:23px}
.hero .acts{margin-top:28px}
.hero .sub{margin-top:18px}
.hero .tag{margin-top:16px}

@media (max-height:860px){
  .hero h1{font-size:42px}
  .hero .sub{font-size:17.5px;margin-top:14px}
  .hero-in{padding:calc(var(--hdr) + 34px) 0 104px}
  .facts{margin-top:20px;padding:13px 6px}
  .facts b{font-size:21px}
  .facts span{font-size:12px}
  .hero .acts{margin-top:22px}
  .btn{padding:15px 30px}
}
@media (max-height:720px){
  .hero h1{font-size:36px}
  .hero .tag{font-size:14px;margin-top:12px}
  .hero .sub{font-size:16.5px}
  .hero-in{padding:calc(var(--hdr) + 24px) 0 96px}
}

/* ---- шапка: телефон прячем раньше, меню не ломается ---- */
@media(max-width:1180px){ .hdr .tel{display:none} }