*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-width:980px;background:#E0A390;color:#361215;font-family:Arial,Helvetica,sans-serif;font-size:10px}
a{color:inherit;text-decoration:none}
p,h1,h2,h3{margin:0;font-weight:400}
img{display:block}
.sec{position:relative;width:100%;overflow:hidden}
.wrap{position:relative;width:980px;height:100%;margin:0 auto}
.wrap.flow{display:flex;flex-direction:column;align-items:center}
.abs{position:absolute}
.ln{display:block;height:2px;flex:none}
.ln.red{background:#74262C}.ln.dark{background:#361215}.ln.white{background:#fff}
.ttl{font-family:var(--f-head);color:#74262C;text-align:center;line-height:normal}
.ttl b{font-weight:700}
.txt p{white-space:normal}
.body{font-family:var(--f-body);color:#361215;font-size:16px;text-align:center}
.lh208 p{line-height:20.8px}.lhn p{line-height:var(--lhn)}.fs17 p{font-size:17px}
/* ---------------- header */
.hdr{height:291px;background:#706865}
.logo{position:absolute;left:400px;top:16px;width:183px;height:209px;display:flex;align-items:center}
.logo img{width:183px;height:183px;opacity:.96}
.hl{position:absolute;left:477px;width:27px;height:2px;background:#fff}
.hl1{top:82px}.hl2{top:159px}
.brand{position:absolute;left:395px;top:98px;width:200px;text-align:center;color:#fff;font-family:"Spinnaker",sans-serif;font-size:23px;line-height:23px;letter-spacing:4.6px;direction:ltr;pointer-events:none}
.brand span{display:block;padding-left:4.6px}
.menu{position:absolute;left:7px;top:233px;width:971px;height:34px;direction:rtl}
.menu>ul{display:flex;list-style:none;margin:0;padding:0;height:34px}
.menu>ul>li{flex:1 1 auto;position:relative;border-left:1px solid #fff;text-align:center}
.menu>ul>li>a{display:block;padding:0 6px;font-family:var(--f-head);font-size:21px;line-height:23px;color:#fff;white-space:nowrap;transition:color .2s}
.menu>ul>li>a:hover,.menu>ul>li.sel>a{color:#361215}
.hdr{overflow:visible;z-index:10}/* the dropdown hangs below the header */
/* dropdown, measured from the live Wix menu: 8px below the bar, aligned to the item, 37px rows with light dividers */
.menu .sub{display:none;position:absolute;top:34px;right:-10px;width:226px;list-style:none;margin:0;padding:8px 0 0;z-index:20}
.menu .sub::before{content:"";position:absolute;inset:8px 0 0;background:#706865;border:1px solid rgba(255,255,255,.55);box-shadow:0 1px 4px rgba(0,0,0,.55)}
.menu .has-sub:hover .sub,.menu .has-sub:focus-within .sub{display:block}
.menu .sub li{position:relative;border-top:1px solid rgba(255,255,255,.45);border-left:0}
.menu .sub li:first-child{border-top:0}
.menu .sub a{display:block;height:37px;line-height:37px;padding:0 10px;font-family:var(--f-head);font-size:18px;color:#fff;white-space:nowrap;text-align:center;transition:color .2s}
.menu .sub a:hover{color:#361215}
.burger,.drawer,.scrim{display:none}
/* ---------------- hero: fixed background like Wix "fixed" scroll effect */
.hero{background:#FAFAFA;overflow:visible}/* overflow:hidden would make .hero the sticky scroller */
.hero picture{display:block;height:100%}
.hero-clip{position:absolute;inset:0;clip-path:inset(0)}
/* the figure's raised hand sits 29% down the photo: start the layer so it lands 25px under the menu at any viewport height, then let it stick */
.hero-layer{position:absolute;left:0;right:0;top:calc(25px - 29vh);bottom:-100vh}
.hero-layer img{position:sticky;top:0;width:100%;height:100vh;object-fit:cover;object-position:50% 50%}
/* ---------------- intro */
.intro{background:#fff}
.intro .ln{margin-top:28px}
.intro .txt{font-family:var(--f-head);font-size:18px;color:#361215;text-align:center;line-height:normal}
.intro .txt .phone{font-size:40px;color:#8B0000}
.intro-ru p{font-family:var(--f-body);font-size:19px;line-height:28.5px}
.intro-ru p.phone{font-family:var(--f-head);font-size:40px;line-height:60px}
/* ---------------- image strip */
.strip{height:524px;background:#D8CDC3}
.strip img{position:absolute;left:25px;top:0;width:956px;height:456px;object-fit:cover}
/* ---------------- yoga types */
.types{background:#fff}
.anchor{position:absolute;left:0}
.yt{display:contents}
.yt>*{position:absolute}
.yt .circ{left:var(--ix);top:var(--iy);width:338px;height:338px;border-radius:50%;object-fit:cover}
.yt .h6{left:var(--hx);top:var(--hy);width:var(--hw);font-family:var(--f-head);color:#74262C;text-align:center;line-height:normal;white-space:nowrap}
.yt .ln{left:var(--lx);top:var(--ly);width:var(--lw)}
.yt .txt{left:var(--tx);top:var(--ty);width:var(--tw)}
/* version B: Rubik/Open Sans run wider in Cyrillic than Tahoma/Spinnaker */
@media (min-width:761px){.v-b.l-ru .yt .h6{font-size:25px!important}.v-b.l-ru .yt .txt p{font-size:15px}}
/* ---------------- testimonials */
.testi{background:#EBE0D5}
.tm .av{position:absolute;left:var(--ax);top:var(--ay);width:65px;height:65px;border:2px solid #AF968C;border-radius:50%;overflow:hidden}
.tm .av img{width:100%;height:100%;object-fit:cover}
.tm .txt{position:absolute;left:var(--tx);top:var(--ty);width:var(--tw);text-align:start;font-size:var(--fs)}
.tm .txt p{line-height:20.8px}
.l-ru .tm .txt p{line-height:19.5px}
/* ---------------- contact strip */
.contact{background:#6F6865;color:#fff;padding-bottom:12px}
.contact .ttl{color:#fff}
.contact .info{text-align:center;font-family:var(--f-head)}
.contact .info h3{font-size:18px;line-height:normal}
.contact .info p{font-size:14px;line-height:22.4px}
/* ---------------- form + map */
.formsec{background:#fff}
.cform{position:absolute;inset:0}
.fi{position:absolute;height:34px;margin:0;border:3px solid #706865;border-radius:0;background:#fff;color:#413A38;font-family:var(--f-body);font-size:14px;padding:3px 5px 3px 3px;outline:none;-webkit-appearance:none;appearance:none}
.fi::placeholder{color:#8a8380;opacity:1}
.fi:focus{border-color:#413A38}
.fi.invalid{border-color:#c0392b}
textarea.fi{resize:none;padding:10.5px 10px 3px 5px}
.send{position:absolute;border:0;background:#706865;color:#fff;font-family:var(--f-body);font-size:14px;cursor:pointer;padding:0;transition:background .2s}
.send:hover{background:#413A38}
.okmsg{position:absolute;font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#6EAC7E;line-height:28px}
.l-he .okmsg{text-align:right}
.map{position:absolute;border:0}
/* ---------------- back to top + footer */
.backtop{height:117px;background:#FAFAFA}
.up{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center}
.up img{width:70px;height:70px;transition:transform .2s}
.up:hover img{transform:translateY(-3px)}
.up span{margin-top:-10px;font-family:"Spinnaker",var(--f-head);font-size:18px;letter-spacing:1.8px;color:#74262C}
.v-b .up span{font-family:var(--f-head);letter-spacing:1px}
.foot{height:213px;background:#74262C;color:#fff}
.fphone{margin-top:60px;font-family:"Spinnaker",sans-serif;font-size:29px;direction:ltr}
.foot .ln{width:28px;margin-top:17px}
.copy{margin-top:22px;font-family:"Spinnaker",sans-serif;font-size:13px;font-weight:700;letter-spacing:1.3px;direction:ltr}
.sitefoot{height:40px;background:#E0A390}
/* ---------------- side anchor dots (fixed, like the Wix anchor menu) */
.dots{position:fixed;right:58px;top:269px;display:flex;flex-direction:column;gap:2.6px;z-index:30}
.dots a{width:11px;height:11px;border:2px solid #7E6B63;border-radius:50%;background:transparent;transition:background .2s}
.dots a.on,.dots a:hover{background:#7E6B63}

/* ======================================================================
   MOBILE — Wix serves a separate 320px layout; the viewport is set to 320 on phones
   ====================================================================== */
@media (max-width:760px){
 body{min-width:0}
 .wrap{width:auto;margin:0 20px}
 .dots{display:none}
 .hdr{height:233px}
 .hdr .wrap{margin:0;width:320px;margin:0 auto}
 .logo{left:63px;top:11px;width:194px;height:216px}
 .logo img{width:194px;height:194px}
 .hl{left:147px}.hl1{top:78px}.hl2{top:167px}
 .brand{left:105px;top:99px;width:109px;font-size:20px;line-height:20px;letter-spacing:4px}
 .brand span{padding-left:4px}
 .menu{display:none}
 .burger{display:block;position:absolute;top:17px;right:13px;width:40px;height:40px;border:0;padding:0;background:#413A38;cursor:pointer;z-index:41}
 .burger span{position:absolute;left:9px;right:9px;height:2px;background:#fff;transition:transform .25s,opacity .25s}
 .burger span:nth-child(1){top:12px}.burger span:nth-child(2){top:19px}.burger span:nth-child(3){top:26px}
 .burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .burger[aria-expanded=true] span:nth-child(2){opacity:0}
 .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .drawer{display:block;direction:rtl;position:fixed;top:0;bottom:0;right:0;width:192px;background:#413A38;z-index:40;transform:translateX(100%);transition:transform .3s;padding:70px 0 20px;overflow:auto}
 .drawer.open{transform:none}
 .drawer ul{list-style:none;margin:0;padding:0}
 .drawer a{display:block;padding:10px 18px;font-family:var(--f-head);font-size:16px;color:#fff;text-align:right;border-bottom:1px solid rgba(255,255,255,.12)}
 .drawer .s a{padding-right:32px;font-size:14px;color:#e6dfdb}
 .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:39;opacity:0;pointer-events:none;transition:opacity .3s}
 .scrim.open{opacity:1;pointer-events:auto}
 .hero{height:299px!important}
 .hero-layer{top:0;bottom:0}
 .hero-layer img{position:static;height:100%}
 .intro{min-height:0!important;padding:29px 0 22px}
 .intro .ttl{margin:0!important;width:299px!important;flex:none;font-size:30px!important}
 .l-ru .intro .ttl{font-size:28px!important}
 .intro .ln{width:27px!important;margin-top:23px!important}
 .intro .txt{width:280px!important;margin:20px auto 0!important;font-size:16px}
 .intro .txt .phone{font-size:27px}
 .intro-ru p{font-size:16px;line-height:24px}.intro-ru p.phone{font-size:27px;line-height:40px}
 .strip{height:174px}
 .strip img{position:static;width:280px;height:134px;margin-top:20px}
 .types{height:auto!important;padding:15px 0 20px}
 .types .wrap{display:flex;flex-direction:column;align-items:center}
 .types .abs{position:static}
 .types .ttl{width:auto!important;font-size:24px!important}
 .types .ln.tl{width:280px!important;margin:14px 0 20px}
 .yt{display:flex;flex-direction:column;align-items:center;width:280px;margin-bottom:19px;scroll-margin-top:12px}
 .yt>*{position:static}
 .yt .circ{width:240px;height:240px}
 .yt .h6{width:280px;margin-top:25px;font-size:19px!important;white-space:normal}
 .yt .ln{width:48px;margin-top:18px}
 .yt .txt{width:280px;margin-top:13px}
 .yt .txt p{font-size:16px}
 .anchor#types2{display:none}
 .testi{height:auto!important;padding:14px 0}
 .tm{display:flex;align-items:flex-start;gap:7px;margin:0 0 12px}
 .tm .av,.tm .txt{position:static}
 .tm .av{flex:none;width:44px;height:44px}
 .tm .txt{flex:1;font-size:15px}
 .tm .txt p{line-height:19.5px}
 .contact{min-height:0!important;padding:10px 0 16px}
 .contact .ttl{margin:0!important;font-size:22px!important}
 .contact .ln{margin-top:11px!important}
 .contact .info{margin-top:10px!important}
 .contact .info p{font-size:15px;line-height:24px}
 .formsec{height:auto!important;padding:20px 0}
 .formsec .wrap{display:flex;flex-direction:column;align-items:center}
 .cform{position:static;display:flex;flex-direction:column;align-items:center;width:260px}
 .fi{position:static;width:260px!important;height:45px;margin-bottom:10px}
 textarea.fi{height:130px!important}
 .send{position:static;width:160px!important;height:42px!important;font-size:15px}
 .okmsg{position:static;width:260px!important;margin-top:6px;text-align:center!important}
 .map{position:static;width:280px!important;height:240px!important;margin-top:20px}
 .backtop{height:144px}
 .up{top:20px}
 .up span{width:98px;text-align:center;line-height:22px;margin-top:-10px}
 .foot{height:56px}
 .fphone,.foot .ln{display:none}
 .copy{margin-top:20px;font-size:14px}
}