/* Страница /cases/ — раскладка блоков, перенесённых из Tilda (tools/tilda/convert_page.py). Координаты в px макета: десктоп — 1200, мобильный (< 960px) — 320. */ /* b01 · IMAGO – №1 школа по социальной динамике и соблазнению Главная / Библио… */ #b01 { --h: 520px; --w: 1200px; background-color: #0c0d0e } #b01 .e1703114392463 { left: 100px; top: 30px; width: 33px; z-index: 3; pointer-events: none } #b01 .e1703114451746 { left: 153px; top: 30px; width: 190px; height: auto; color: #ddd3b2; z-index: 4 } #b01 .e1703114451746 .atom { color: #ddd3b2; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase } #b01 .e1703114608023 { left: 143px; top: 30px; width: 1px; height: 24px; z-index: 5 } #b01 .e1703114608023 .atom { background-color: #ddd3b2 } #b01 .e1716577135647 { left: 100px; top: 236px; width: 45px; height: auto; color: #ffffff; z-index: 6 } #b01 .e1716577135647 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.5px; opacity: 0.4 } #b01 .e1716577271239 { left: 155px; top: 236px; width: 5px; height: auto; color: #ffffff; z-index: 7 } #b01 .e1716577271239 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.5px; opacity: 0.4 } #b01 .e1716577310921 { left: 170px; top: 236px; width: 175px; height: auto; color: #ffffff; z-index: 8 } #b01 .e1716577310921 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.5px } #b01 .e1720700907767 { left: 100px; top: 280px; width: 620px; height: auto; color: #ffffff; z-index: 9 } #b01 .e1720700907767 .atom { color: #ffffff; font-size: 70px; line-height: 70px; font-weight: 600; letter-spacing: -3px } @media (max-width: 959px) { #b01 { --h: 422px; --w: 320px; --zoom-ab: var(--zoom) } #b01 .e1703114392463 { left: 10px; top: 20px; width: 30px } #b01 .e1703114451746 { left: 60px; top: 21px } #b01 .e1703114451746 .atom { font-size: 9px; line-height: 11px; white-space: normal; background-size: cover } #b01 .e1703114608023 { left: 50px; top: 21px; height: 22px } #b01 .e1716577135647 { left: 10px; top: 180px; width: 36px } #b01 .e1716577135647 .atom { font-size: 10px; line-height: 12px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b01 .e1716577271239 { left: 56px; top: 180px; width: 3px } #b01 .e1716577271239 .atom { font-size: 10px; line-height: 12px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b01 .e1716577310921 { left: 69px; top: 180px; width: 148px } #b01 .e1716577310921 .atom { font-size: 10px; line-height: 12px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b01 .e1720700907767 { left: 10px; top: 212px; width: 300px } #b01 .e1720700907767 .atom { font-size: 50px; line-height: 50px; letter-spacing: -2px; white-space: normal; background-size: cover } } /* b02 · Максим Лисовой Умел доводить до секса понравившихся девушек. Соблазнен… */ #b02 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b02 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b02 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b02 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b02 .e1716577483559 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/6134-6336-1.jpg') } #b02 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b02 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b02 .e1716577483548 { left: 120px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 6 } #b02 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b02 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b02 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b02 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b02 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b02 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b02 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b02 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b02 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b02 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b02 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b02 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b02 .e1733080274875 { left: 120px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b02 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b02 .e1733080274875 .atom::after { display: none } #b02 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b02 .e1733080274875 .atom .btn__border::before { display: none } #b02 .e1733080274875 .atom .btn__border::after { display: none } #b02 .e1733080399426 { left: 182px; top: 20px; width: 111px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b02 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b02 .e1733080399426 .atom::after { display: none } #b02 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b02 .e1733080399426 .atom .btn__border::before { display: none } #b02 .e1733080399426 .atom .btn__border::after { display: none } #b02 .e1733079326919 { left: 135px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 16 } #b02 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b02 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 17 } #b02 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b02 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 18 } #b02 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b02 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 19; pointer-events: none } #b02 .e1733085669474 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3761-3164-Icon.svg') } #b02 .e1733085669481 { left: 460px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 20 } #b02 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b02 .e1733085669488 { left: 460px; top: 297px; width: 260px; height: auto; color: #ffffff; z-index: 21 } #b02 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b02 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 22 } #b02 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b02 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 23 } #b02 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b02 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 24; pointer-events: none } #b02 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b02 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 25 } #b02 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b02 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 26 } #b02 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b02 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 27; pointer-events: none } #b02 .e1733085669571 { left: 460px; top: 20px; width: 83px; height: 20px; color: #f5f5f5; text-align: center; z-index: 30; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b02 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b02 .e1733085669571 .atom::after { display: none } #b02 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b02 .e1733085669571 .atom .btn__border::before { display: none } #b02 .e1733085669571 .atom .btn__border::after { display: none } #b02 .e1733085669577 { left: 548px; top: 20px; width: 108px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b02 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b02 .e1733085669577 .atom::after { display: none } #b02 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b02 .e1733085669577 .atom .btn__border::before { display: none } #b02 .e1733085669577 .atom .btn__border::after { display: none } #b02 .e1733085669552 { left: 475px; top: 405px; width: 255px; height: auto; color: #ffffff; z-index: 31 } #b02 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b02 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 32 } #b02 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b02 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 33; pointer-events: none } #b02 .e1733085703564 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3435-3263-Icon.svg') } #b02 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 34 } #b02 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b02 .e1733085703582 { left: 800px; top: 297px; width: 260px; height: auto; color: #ffffff; z-index: 35 } #b02 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b02 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 36 } #b02 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b02 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 37 } #b02 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b02 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 38; pointer-events: none } #b02 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b02 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 39 } #b02 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b02 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 40 } #b02 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b02 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 41; pointer-events: none } #b02 .e1733085703681 { left: 800px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 44; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b02 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b02 .e1733085703681 .atom::after { display: none } #b02 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b02 .e1733085703681 .atom .btn__border::before { display: none } #b02 .e1733085703681 .atom .btn__border::after { display: none } #b02 .e1733085703686 { left: 862px; top: 20px; width: 78px; height: 20px; color: #f5f5f5; text-align: center; z-index: 43; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b02 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b02 .e1733085703686 .atom::after { display: none } #b02 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b02 .e1733085703686 .atom .btn__border::before { display: none } #b02 .e1733085703686 .atom .btn__border::after { display: none } #b02 .e1733085703661 { left: 815px; top: 405px; width: 250px; height: auto; color: #ffffff; z-index: 45 } #b02 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } @media (max-width: 959px) { #b02 { --h: 1574px; --w: 320px; --zoom-ab: var(--zoom) } #b02 .e1716577483562 { left: 10px; width: 300px; height: 508px } #b02 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b02 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b02 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b02 .e1716577483548 { left: 30px; top: 275px; width: 240px } #b02 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b02 .e1733079330333 { left: 30px; top: 434px; width: 260px; border-radius: 10px } #b02 .e1733079330333 .atom { background-size: cover } #b02 .e1716577483539 { left: 30px; top: 331px; width: 260px; height: 83px; border-radius: 10px } #b02 .e1716577483539 .atom { background-size: cover; opacity: 1 } #b02 .e1716577483529 { left: 45px; top: 449px; width: 190px } #b02 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b02 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733079119467 { left: 45px; top: 346px; width: 158px } #b02 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733079282110 { left: 265px; top: 456px } #b02 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b02 .e1733080274875 { left: 30px; width: 58px } #b02 .e1733080274875 .atom { white-space: normal; background-size: cover } #b02 .e1733080274875 .atom .btn__text { overflow: visible } #b02 .e1733080399426 { left: 93px; width: 112px } #b02 .e1733080399426 .atom { white-space: normal; background-size: cover } #b02 .e1733080399426 .atom .btn__text { overflow: visible } #b02 .e1733079326919 { left: 45px; top: 363px; width: 230px } #b02 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b02 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b02 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733085669467 { left: 10px; top: 528px; width: 300px; height: 503px } #b02 .e1733085669474 { left: 15px; top: 533px; width: 290px; height: 180px } #b02 .e1733085669481 { left: 30px; top: 733px; width: 215px } #b02 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b02 .e1733085669488 { left: 30px; top: 786px; width: 240px } #b02 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b02 .e1733085669495 { left: 30px; top: 957px; width: 260px; border-radius: 10px } #b02 .e1733085669495 .atom { background-size: cover } #b02 .e1733085669501 { left: 30px; top: 842px; width: 260px; height: 95px; border-radius: 10px } #b02 .e1733085669501 .atom { background-size: cover } #b02 .e1733085669508 { left: 45px; top: 972px; width: 190px } #b02 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733085669515 { left: 30px; top: 769px; width: 158px } #b02 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733085669524 { left: 45px; top: 857px; width: 158px } #b02 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733085669535 { left: 265px; top: 979px } #b02 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b02 .e1733085669571 { left: 30px; top: 548px; width: 84px } #b02 .e1733085669571 .atom { white-space: normal; background-size: cover } #b02 .e1733085669571 .atom .btn__text { overflow: visible } #b02 .e1733085669577 { left: 119px; top: 548px; width: 109px } #b02 .e1733085669577 .atom { white-space: normal; background-size: cover } #b02 .e1733085669577 .atom .btn__text { overflow: visible } #b02 .e1733085669552 { left: 45px; top: 874px; width: 208px } #b02 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b02 .e1733085703555 { left: 10px; top: 1051px; width: 300px; height: 503px } #b02 .e1733085703564 { left: 15px; top: 1056px; width: 290px; height: 180px } #b02 .e1733085703572 { left: 30px; top: 1256px; width: 215px } #b02 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b02 .e1733085703582 { left: 30px; top: 1309px; width: 215px } #b02 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b02 .e1733085703593 { left: 30px; top: 1480px; width: 260px; border-radius: 10px } #b02 .e1733085703593 .atom { background-size: cover } #b02 .e1733085703600 { left: 30px; top: 1365px; width: 260px; height: 95px; border-radius: 10px } #b02 .e1733085703600 .atom { background-size: cover } #b02 .e1733085703607 { left: 45px; top: 1495px; width: 190px } #b02 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733085703619 { left: 30px; top: 1292px; width: 158px } #b02 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733085703631 { left: 45px; top: 1380px; width: 158px } #b02 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b02 .e1733085703641 { left: 265px; top: 1502px } #b02 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b02 .e1733085703681 { left: 30px; top: 1071px; width: 58px } #b02 .e1733085703681 .atom { white-space: normal; background-size: cover } #b02 .e1733085703681 .atom .btn__text { overflow: visible } #b02 .e1733085703686 { left: 93px; top: 1071px; width: 79px } #b02 .e1733085703686 .atom { white-space: normal; background-size: cover } #b02 .e1733085703686 .atom .btn__text { overflow: visible } #b02 .e1733085703661 { left: 45px; top: 1397px; width: 205px } #b02 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } } @media (hover) { #b02 .e1733080274875 .atom:hover::after { opacity: 0 } #b02 .e1733080274875 .atom:hover { animation-name: none } #b02 .e1733080399426 .atom:hover::after { opacity: 0 } #b02 .e1733080399426 .atom:hover { animation-name: none } #b02 .e1733085669571 .atom:hover::after { opacity: 0 } #b02 .e1733085669571 .atom:hover { animation-name: none } #b02 .e1733085669577 .atom:hover::after { opacity: 0 } #b02 .e1733085669577 .atom:hover { animation-name: none } #b02 .e1733085703681 .atom:hover::after { opacity: 0 } #b02 .e1733085703681 .atom:hover { animation-name: none } #b02 .e1733085703686 .atom:hover::after { opacity: 0 } #b02 .e1733085703686 .atom:hover { animation-name: none } } /* b03 · попап #popup:case1 */ #b03 { --h: 666px; --w: 1200px } #b03 .e1733087579947 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b03 .e1733087579947 .atom { background-color: #212326 } #b03 .e1732546528191 { left: 640px; top: 490px; width: 495px; height: 116px; z-index: 4 } #b03 .e1732546528191 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b03 .e1733087577158 { left: 640px; top: 210px; width: 495px; height: 260px; z-index: 5 } #b03 .e1733087577158 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b03 .e1732546395926 { left: 887px; top: 230px; width: 1px; height: 220px; z-index: 6 } #b03 .e1732546395926 .atom { background-color: #303132 } #b03 .e1703114498792 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b03 .e1703114498792 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b03 .e1703315149658 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b03 .e1703315149658 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b03 .e1703316967175 { left: 660px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b03 .e1703316967175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b03 .e1732545909646 { left: 660px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b03 .e1732545909646 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b03 .e1732546346445 { left: 640px; top: 110px; width: 439px; height: auto; color: #ffffff; z-index: 11 } #b03 .e1732546346445 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b03 .e1732546464549 { left: 910px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b03 .e1732546464549 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b03 .e1732546464554 { left: 910px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b03 .e1732546464554 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b03 .e1732546528197 { left: 660px; top: 510px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b03 .e1732546528197 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b03 .e1732546528203 { left: 660px; top: 538px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b03 .e1732546528203 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b03 { --h: 695px; --w: 320px } #b03 .e1733087579947 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b03 .e1733087579947 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b03 .e1732546528191 { left: 20px; top: 554px; width: 280px; height: 121px } #b03 .e1733087577158 { left: 20px; top: 266px; width: 280px; height: 268px } #b03 .e1732546395926 { left: 35px; top: 374px; width: 250px; height: 1px } #b03 .e1703114498792 { left: 20px; top: 83px; width: 184px } #b03 .e1703114498792 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b03 .e1703315149658 { left: 268px; top: 80px; width: 32px; height: 32px } #b03 .e1703316967175 { left: 35px; top: 281px; width: 250px } #b03 .e1703316967175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b03 .e1732545909646 { left: 35px; top: 307px; width: 220px } #b03 .e1732545909646 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b03 .e1732546346445 { left: 20px; top: 155px; width: 280px } #b03 .e1732546346445 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b03 .e1732546464549 { left: 35px; top: 389px; width: 250px } #b03 .e1732546464549 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b03 .e1732546464554 { left: 35px; top: 415px; width: 250px } #b03 .e1732546464554 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b03 .e1732546528197 { left: 35px; top: 569px; width: 250px } #b03 .e1732546528197 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b03 .e1732546528203 { left: 35px; top: 595px; width: 250px } #b03 .e1732546528203 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b03-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b04 · попап #popup:case2 */ #b04 { --h: 618px; --w: 1200px } #b04 .e1733087579947 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b04 .e1733087579947 .atom { background-color: #212326 } #b04 .e1732546528191 { left: 640px; top: 442px; width: 495px; height: 116px; z-index: 4 } #b04 .e1732546528191 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b04 .e1733087577158 { left: 640px; top: 194px; width: 495px; height: 228px; z-index: 5 } #b04 .e1733087577158 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b04 .e1732546395926 { left: 887px; top: 214px; width: 1px; height: 188px; z-index: 6 } #b04 .e1732546395926 .atom { background-color: #303132 } #b04 .e1703114498792 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b04 .e1703114498792 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b04 .e1703315149658 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b04 .e1703315149658 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b04 .e1703316967175 { left: 660px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b04 .e1703316967175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b04 .e1732545909646 { left: 660px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b04 .e1732545909646 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b04 .e1732546346445 { left: 640px; top: 110px; width: 439px; height: auto; color: #ffffff; z-index: 11 } #b04 .e1732546346445 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b04 .e1732546464549 { left: 910px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b04 .e1732546464549 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b04 .e1732546464554 { left: 910px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b04 .e1732546464554 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b04 .e1732546528197 { left: 660px; top: 462px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b04 .e1732546528197 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b04 .e1732546528203 { left: 660px; top: 490px; width: 373px; height: auto; color: #ffffff; z-index: 15 } #b04 .e1732546528203 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b04 { --h: 769px; --w: 320px } #b04 .e1733087579947 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b04 .e1733087579947 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b04 .e1732546528191 { left: 20px; top: 515px; width: 280px; height: 108px } #b04 .e1733087577158 { left: 20px; top: 227px; width: 280px; height: 268px } #b04 .e1732546395926 { left: 35px; top: 348px; width: 250px; height: 1px } #b04 .e1703114498792 { left: 20px; top: 83px; width: 248px } #b04 .e1703114498792 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b04 .e1703315149658 { left: 268px; top: 80px; width: 32px; height: 32px } #b04 .e1703316967175 { left: 35px; top: 242px; width: 250px } #b04 .e1703316967175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b04 .e1732545909646 { left: 35px; top: 268px; width: 250px } #b04 .e1732545909646 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b04 .e1732546346445 { left: 20px; top: 129px; width: 280px } #b04 .e1732546346445 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b04 .e1732546464549 { left: 35px; top: 363px; width: 250px } #b04 .e1732546464549 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b04 .e1732546464554 { left: 35px; top: 389px; width: 250px } #b04 .e1732546464554 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b04 .e1732546528197 { left: 35px; top: 530px; width: 250px } #b04 .e1732546528197 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b04 .e1732546528203 { left: 35px; top: 556px; width: 250px } #b04 .e1732546528203 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b04-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b05 · попап #popup:case3 */ #b05 { --h: 602px; --w: 1200px } #b05 .e1733106423979 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b05 .e1733106423979 .atom { background-color: #212326 } #b05 .e1733106423989 { left: 640px; top: 442px; width: 495px; height: 100px; z-index: 4 } #b05 .e1733106423989 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b05 .e1733106423994 { left: 640px; top: 178px; width: 495px; height: 244px; z-index: 5 } #b05 .e1733106423994 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b05 .e1733106424000 { left: 887px; top: 198px; width: 1px; height: 204px; z-index: 6 } #b05 .e1733106424000 .atom { background-color: #303132 } #b05 .e1733106424005 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b05 .e1733106424005 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b05 .e1733106424012 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b05 .e1733106424012 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b05 .e1733106424018 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b05 .e1733106424018 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b05 .e1733106424028 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b05 .e1733106424028 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b05 .e1733106424039 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b05 .e1733106424039 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b05 .e1733106424046 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b05 .e1733106424046 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b05 .e1733106424055 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b05 .e1733106424055 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b05 .e1733106424066 { left: 660px; top: 462px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b05 .e1733106424066 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b05 .e1733106424077 { left: 660px; top: 490px; width: 373px; height: auto; color: #ffffff; z-index: 15 } #b05 .e1733106424077 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b05 { --h: 610px; --w: 320px } #b05 .e1733106423979 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b05 .e1733106423979 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b05 .e1733106423989 { left: 20px; top: 489px; width: 280px; height: 82px } #b05 .e1733106423994 { left: 20px; top: 240px; width: 280px; height: 229px } #b05 .e1733106424000 { left: 35px; top: 322px; width: 250px; height: 1px } #b05 .e1733106424005 { left: 20px; top: 83px; width: 160px } #b05 .e1733106424005 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b05 .e1733106424012 { left: 268px; top: 80px; width: 32px; height: 32px } #b05 .e1733106424018 { left: 35px; top: 255px; width: 250px } #b05 .e1733106424018 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b05 .e1733106424028 { left: 35px; top: 281px; width: 255px } #b05 .e1733106424028 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b05 .e1733106424039 { left: 20px; top: 155px; width: 260px } #b05 .e1733106424039 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b05 .e1733106424046 { left: 35px; top: 337px; width: 250px } #b05 .e1733106424046 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b05 .e1733106424055 { left: 35px; top: 363px; width: 250px } #b05 .e1733106424055 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b05 .e1733106424066 { left: 35px; top: 504px; width: 250px } #b05 .e1733106424066 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b05 .e1733106424077 { left: 35px; top: 530px; width: 250px } #b05 .e1733106424077 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b05-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b06 · Аскар Ахмадеев Жил в оправданиях, что в маленьком городе невозможно зн… */ #b06 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b06 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b06 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b06 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b06 .e1716577483559 .atom { border-radius: 10px; background-position: 0.000% 15.766%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/6663-3336-4.jpg') } #b06 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b06 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b06 .e1716577483548 { left: 120px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 6 } #b06 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b06 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b06 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b06 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b06 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b06 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b06 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b06 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b06 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b06 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b06 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b06 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b06 .e1733079326919 { left: 135px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 13 } #b06 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b06 .e1733080274875 { left: 120px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b06 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b06 .e1733080274875 .atom::after { display: none } #b06 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b06 .e1733080274875 .atom .btn__border::before { display: none } #b06 .e1733080274875 .atom .btn__border::after { display: none } #b06 .e1733080399426 { left: 182px; top: 20px; width: 85px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b06 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b06 .e1733080399426 .atom::after { display: none } #b06 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b06 .e1733080399426 .atom .btn__border::before { display: none } #b06 .e1733080399426 .atom .btn__border::after { display: none } #b06 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b06 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b06 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b06 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b06 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 18; pointer-events: none } #b06 .e1733085669474 .atom { border-radius: 10px; background-position: 0.000% 27.314%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3235-6464-5.png') } #b06 .e1733085669481 { left: 460px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 19 } #b06 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b06 .e1733085669488 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 20 } #b06 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b06 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 21 } #b06 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b06 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 22 } #b06 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b06 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 23; pointer-events: none } #b06 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b06 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24 } #b06 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b06 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 25 } #b06 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b06 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 26; pointer-events: none } #b06 .e1733085669552 { left: 475px; top: 405px; width: 190px; height: auto; color: #ffffff; z-index: 27 } #b06 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b06 .e1733085669571 { left: 460px; top: 20px; width: 63px; height: 20px; color: #f5f5f5; text-align: center; z-index: 28; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b06 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b06 .e1733085669571 .atom::after { display: none } #b06 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b06 .e1733085669571 .atom .btn__border::before { display: none } #b06 .e1733085669571 .atom .btn__border::after { display: none } #b06 .e1733085669577 { left: 528px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b06 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b06 .e1733085669577 .atom::after { display: none } #b06 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b06 .e1733085669577 .atom .btn__border::before { display: none } #b06 .e1733085669577 .atom .btn__border::after { display: none } #b06 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 30 } #b06 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b06 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 31 } #b06 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b06 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 32; pointer-events: none } #b06 .e1733085703564 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/6461-6563-Icon.svg') } #b06 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 33 } #b06 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b06 .e1733085703582 { left: 800px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 34 } #b06 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b06 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 35 } #b06 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b06 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 36 } #b06 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b06 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 37; pointer-events: none } #b06 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b06 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 38 } #b06 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b06 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 39 } #b06 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b06 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 40; pointer-events: none } #b06 .e1733085703661 { left: 815px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 41 } #b06 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b06 .e1733085703681 { left: 800px; top: 20px; width: 68px; height: 20px; color: #f5f5f5; text-align: center; z-index: 42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b06 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b06 .e1733085703681 .atom::after { display: none } #b06 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b06 .e1733085703681 .atom .btn__border::before { display: none } #b06 .e1733085703681 .atom .btn__border::after { display: none } #b06 .e1733085703686 { left: 873px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 43; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b06 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b06 .e1733085703686 .atom::after { display: none } #b06 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b06 .e1733085703686 .atom .btn__border::before { display: none } #b06 .e1733085703686 .atom .btn__border::after { display: none } #b06 .e1733085703691 { left: 800px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 44 } #b06 .e1733085703691 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } @media (max-width: 959px) { #b06 { --h: 1548px; --w: 320px; --zoom-ab: var(--zoom) } #b06 .e1716577483562 { left: 10px; width: 300px; height: 508px } #b06 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b06 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b06 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b06 .e1716577483548 { left: 30px; top: 275px; width: 200px } #b06 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b06 .e1733079330333 { left: 30px; top: 434px; width: 260px; border-radius: 10px } #b06 .e1733079330333 .atom { background-size: cover } #b06 .e1716577483539 { left: 30px; top: 331px; width: 260px; height: 83px; border-radius: 10px } #b06 .e1716577483539 .atom { background-size: cover } #b06 .e1716577483529 { left: 45px; top: 449px; width: 190px } #b06 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b06 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733079119467 { left: 45px; top: 346px; width: 158px } #b06 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733079282110 { left: 265px; top: 456px } #b06 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b06 .e1733079326919 { left: 45px; top: 363px; width: 230px } #b06 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b06 .e1733080274875 { left: 30px } #b06 .e1733080274875 .atom { white-space: normal; background-size: cover } #b06 .e1733080274875 .atom .btn__text { overflow: visible } #b06 .e1733080399426 { left: 92px } #b06 .e1733080399426 .atom { white-space: normal; background-size: cover } #b06 .e1733080399426 .atom .btn__text { overflow: visible } #b06 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b06 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733085669467 { left: 10px; top: 528px; width: 300px; height: 484px } #b06 .e1733085669474 { left: 15px; top: 533px; width: 290px; height: 180px } #b06 .e1733085669481 { left: 30px; top: 733px; width: 215px } #b06 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b06 .e1733085669488 { left: 30px; top: 803px; width: 225px } #b06 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b06 .e1733085669495 { left: 30px; top: 938px; width: 260px; border-radius: 10px } #b06 .e1733085669495 .atom { background-size: cover } #b06 .e1733085669501 { left: 30px; top: 847px; width: 260px; height: 71px; border-radius: 10px } #b06 .e1733085669501 .atom { background-size: cover } #b06 .e1733085669508 { left: 45px; top: 953px; width: 190px } #b06 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733085669515 { left: 30px; top: 786px; width: 158px } #b06 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733085669524 { left: 45px; top: 862px; width: 158px } #b06 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733085669535 { left: 265px; top: 960px } #b06 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b06 .e1733085669552 { left: 45px; top: 879px; width: 220px } #b06 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b06 .e1733085669571 { left: 30px; top: 548px } #b06 .e1733085669571 .atom { white-space: normal; background-size: cover } #b06 .e1733085669571 .atom .btn__text { overflow: visible } #b06 .e1733085669577 { left: 98px; top: 548px } #b06 .e1733085669577 .atom { white-space: normal; background-size: cover } #b06 .e1733085669577 .atom .btn__text { overflow: visible } #b06 .e1733085669586 { left: 30px; top: 754px; width: 158px } #b06 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733085703555 { left: 10px; top: 1032px; width: 300px; height: 496px } #b06 .e1733085703564 { left: 15px; top: 1037px; width: 290px; height: 180px } #b06 .e1733085703572 { left: 30px; top: 1237px; width: 215px } #b06 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b06 .e1733085703582 { left: 30px; top: 1307px; width: 190px } #b06 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b06 .e1733085703593 { left: 30px; top: 1454px; width: 260px; border-radius: 10px } #b06 .e1733085703593 .atom { background-size: cover } #b06 .e1733085703600 { left: 30px; top: 1351px; width: 260px; height: 83px; border-radius: 10px } #b06 .e1733085703600 .atom { background-size: cover } #b06 .e1733085703607 { left: 45px; top: 1469px; width: 190px } #b06 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733085703619 { left: 30px; top: 1290px; width: 158px } #b06 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733085703631 { left: 45px; top: 1366px; width: 158px } #b06 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b06 .e1733085703641 { left: 265px; top: 1476px } #b06 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b06 .e1733085703661 { left: 45px; top: 1383px; width: 165px } #b06 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b06 .e1733085703681 { left: 30px; top: 1052px } #b06 .e1733085703681 .atom { white-space: normal; background-size: cover } #b06 .e1733085703681 .atom .btn__text { overflow: visible } #b06 .e1733085703686 { left: 103px; top: 1052px } #b06 .e1733085703686 .atom { white-space: normal; background-size: cover } #b06 .e1733085703686 .atom .btn__text { overflow: visible } #b06 .e1733085703691 { left: 30px; top: 1258px; width: 158px } #b06 .e1733085703691 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } } @media (hover) { #b06 .e1733080274875 .atom:hover::after { opacity: 0 } #b06 .e1733080274875 .atom:hover { animation-name: none } #b06 .e1733080399426 .atom:hover::after { opacity: 0 } #b06 .e1733080399426 .atom:hover { animation-name: none } #b06 .e1733085669571 .atom:hover::after { opacity: 0 } #b06 .e1733085669571 .atom:hover { animation-name: none } #b06 .e1733085669577 .atom:hover::after { opacity: 0 } #b06 .e1733085669577 .atom:hover { animation-name: none } #b06 .e1733085703681 .atom:hover::after { opacity: 0 } #b06 .e1733085703681 .atom:hover { animation-name: none } #b06 .e1733085703686 .atom:hover::after { opacity: 0 } #b06 .e1733085703686 .atom:hover { animation-name: none } } /* b07 · попап #popup:case4 */ #b07 { --h: 666px; --w: 1200px } #b07 .e1733106648958 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b07 .e1733106648958 .atom { background-color: #212326 } #b07 .e1733106648968 { left: 640px; top: 490px; width: 495px; height: 116px; z-index: 4 } #b07 .e1733106648968 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b07 .e1733106648973 { left: 640px; top: 178px; width: 495px; height: 291px; z-index: 5 } #b07 .e1733106648973 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b07 .e1733106648979 { left: 887px; top: 198px; width: 1px; height: 251px; z-index: 6 } #b07 .e1733106648979 .atom { background-color: #303132 } #b07 .e1733106648984 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b07 .e1733106648984 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b07 .e1733106648990 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b07 .e1733106648990 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b07 .e1733106648996 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b07 .e1733106648996 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b07 .e1733106649005 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b07 .e1733106649005 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b07 .e1733106649012 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b07 .e1733106649012 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b07 .e1733106649018 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b07 .e1733106649018 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b07 .e1733106649024 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b07 .e1733106649024 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b07 .e1733106649030 { left: 660px; top: 510px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b07 .e1733106649030 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b07 .e1733106649036 { left: 660px; top: 538px; width: 325px; height: auto; color: #ffffff; z-index: 15 } #b07 .e1733106649036 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b07 { --h: 669px; --w: 320px } #b07 .e1733106648958 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b07 .e1733106648958 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b07 .e1733106648968 { left: 20px; top: 541px; width: 280px; height: 108px } #b07 .e1733106648973 { left: 20px; top: 227px; width: 280px; height: 294px } #b07 .e1733106648979 { left: 35px; top: 335px; width: 250px; height: 1px } #b07 .e1733106648984 { left: 20px; top: 83px; width: 180px } #b07 .e1733106648984 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b07 .e1733106648990 { left: 268px; top: 80px; width: 32px; height: 32px } #b07 .e1733106648996 { left: 35px; top: 242px; width: 250px } #b07 .e1733106648996 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b07 .e1733106649005 { left: 35px; top: 268px; width: 235px } #b07 .e1733106649005 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b07 .e1733106649012 { left: 20px; top: 155px; width: 280px } #b07 .e1733106649012 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b07 .e1733106649018 { left: 35px; top: 350px; width: 250px } #b07 .e1733106649018 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b07 .e1733106649024 { left: 35px; top: 376px; width: 250px } #b07 .e1733106649024 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b07 .e1733106649030 { left: 35px; top: 556px; width: 250px } #b07 .e1733106649030 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b07 .e1733106649036 { left: 35px; top: 582px; width: 250px } #b07 .e1733106649036 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b07-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b08 · попап #popup:case5 */ #b08 { --h: 586px; --w: 1200px } #b08 .e1733106865409 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b08 .e1733106865409 .atom { background-color: #212326 } #b08 .e1733106865427 { left: 640px; top: 426px; width: 495px; height: 100px; z-index: 4 } #b08 .e1733106865427 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b08 .e1733106865434 { left: 640px; top: 162px; width: 495px; height: 244px; z-index: 5 } #b08 .e1733106865434 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b08 .e1733106865444 { left: 887px; top: 182px; width: 1px; height: 204px; z-index: 6 } #b08 .e1733106865444 .atom { background-color: #303132 } #b08 .e1733106865454 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b08 .e1733106865454 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b08 .e1733106865465 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b08 .e1733106865465 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b08 .e1733106865474 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b08 .e1733106865474 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b08 .e1733106865481 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b08 .e1733106865481 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b08 .e1733106865488 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b08 .e1733106865488 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b08 .e1733106865496 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b08 .e1733106865496 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b08 .e1733106865505 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b08 .e1733106865505 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b08 .e1733106865513 { left: 660px; top: 446px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b08 .e1733106865513 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b08 .e1733106865521 { left: 660px; top: 474px; width: 425px; height: auto; color: #ffffff; z-index: 15 } #b08 .e1733106865521 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b08 { --h: 610px; --w: 320px } #b08 .e1733106865409 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b08 .e1733106865409 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b08 .e1733106865427 { left: 20px; top: 463px; width: 280px; height: 95px } #b08 .e1733106865434 { left: 20px; top: 188px; width: 280px; height: 255px } #b08 .e1733106865444 { left: 35px; top: 296px; width: 250px; height: 1px } #b08 .e1733106865454 { left: 20px; top: 83px; width: 248px } #b08 .e1733106865454 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b08 .e1733106865465 { left: 268px; top: 80px; width: 32px; height: 32px } #b08 .e1733106865474 { left: 35px; top: 203px; width: 250px } #b08 .e1733106865474 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b08 .e1733106865481 { left: 35px; top: 229px; width: 220px } #b08 .e1733106865481 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b08 .e1733106865488 { left: 20px; top: 129px; width: 260px } #b08 .e1733106865488 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b08 .e1733106865496 { left: 35px; top: 311px; width: 250px } #b08 .e1733106865496 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b08 .e1733106865505 { left: 35px; top: 337px; width: 250px } #b08 .e1733106865505 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b08 .e1733106865513 { left: 35px; top: 478px; width: 250px } #b08 .e1733106865513 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b08 .e1733106865521 { left: 35px; top: 504px; width: 250px } #b08 .e1733106865521 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b08-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b09 · попап #popup:case6 */ #b09 { --h: 554px; --w: 1200px } #b09 .e1733107052469 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b09 .e1733107052469 .atom { background-color: #212326 } #b09 .e1733107052486 { left: 640px; top: 410px; width: 495px; height: 84px; z-index: 4 } #b09 .e1733107052486 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b09 .e1733107052493 { left: 640px; top: 162px; width: 495px; height: 228px; z-index: 5 } #b09 .e1733107052493 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b09 .e1733107052500 { left: 887px; top: 182px; width: 1px; height: 188px; z-index: 6 } #b09 .e1733107052500 .atom { background-color: #303132 } #b09 .e1733107052507 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b09 .e1733107052507 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b09 .e1733107052514 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b09 .e1733107052514 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b09 .e1733107052521 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b09 .e1733107052521 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b09 .e1733107052531 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b09 .e1733107052531 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b09 .e1733107052541 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b09 .e1733107052541 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b09 .e1733107052548 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b09 .e1733107052548 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b09 .e1733107052556 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b09 .e1733107052556 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b09 .e1733107052567 { left: 660px; top: 430px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b09 .e1733107052567 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b09 .e1733107052578 { left: 660px; top: 458px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b09 .e1733107052578 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b09 { --h: 610px; --w: 320px } #b09 .e1733107052469 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b09 .e1733107052469 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b09 .e1733107052486 { left: 20px; top: 475px; width: 280px; height: 82px } #b09 .e1733107052493 { left: 20px; top: 188px; width: 280px; height: 267px } #b09 .e1733107052500 { left: 35px; top: 309px; width: 250px; height: 1px } #b09 .e1733107052507 { left: 20px; top: 83px; width: 248px } #b09 .e1733107052507 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b09 .e1733107052514 { left: 268px; top: 80px; width: 32px; height: 32px } #b09 .e1733107052521 { left: 35px; top: 203px; width: 250px } #b09 .e1733107052521 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b09 .e1733107052531 { left: 35px; top: 229px; width: 220px } #b09 .e1733107052531 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b09 .e1733107052541 { left: 20px; top: 129px; width: 260px } #b09 .e1733107052541 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b09 .e1733107052548 { left: 35px; top: 324px; width: 250px } #b09 .e1733107052548 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b09 .e1733107052556 { left: 35px; top: 350px; width: 250px } #b09 .e1733107052556 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b09 .e1733107052567 { left: 35px; top: 490px; width: 250px } #b09 .e1733107052567 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b09 .e1733107052578 { left: 35px; top: 516px; width: 250px } #b09 .e1733107052578 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b09-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b10 · Николай Григорян Секс получался случайно, игра была несистемной, а жел… */ #b10 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b10 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b10 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b10 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b10 .e1716577483559 .atom { border-radius: 10px; background-position: 0.000% 15.251%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3034-6136-7.jpg') } #b10 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b10 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b10 .e1716577483548 { left: 120px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 6 } #b10 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b10 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b10 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b10 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b10 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b10 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b10 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b10 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b10 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b10 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b10 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b10 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b10 .e1733079326919 { left: 135px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 13 } #b10 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b10 .e1733080399426 { left: 120px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b10 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b10 .e1733080399426 .atom::after { display: none } #b10 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b10 .e1733080399426 .atom .btn__border::before { display: none } #b10 .e1733080399426 .atom .btn__border::after { display: none } #b10 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 15 } #b10 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b10 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 16 } #b10 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b10 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 17; pointer-events: none } #b10 .e1733085669474 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3538-3431-Icon.svg') } #b10 .e1733085669481 { left: 460px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 18 } #b10 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b10 .e1733085669488 { left: 460px; top: 297px; width: 250px; height: auto; color: #ffffff; z-index: 19 } #b10 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b10 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 20 } #b10 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b10 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 21 } #b10 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b10 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 22; pointer-events: none } #b10 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b10 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 23 } #b10 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b10 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 24 } #b10 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b10 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 25; pointer-events: none } #b10 .e1733085669552 { left: 475px; top: 405px; width: 190px; height: auto; color: #ffffff; z-index: 26 } #b10 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b10 .e1733085669577 { left: 460px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 27; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b10 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b10 .e1733085669577 .atom::after { display: none } #b10 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b10 .e1733085669577 .atom .btn__border::before { display: none } #b10 .e1733085669577 .atom .btn__border::after { display: none } #b10 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 28 } #b10 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b10 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 29; pointer-events: none } #b10 .e1733085703564 .atom { border-radius: 10px; background-position: 0.000% 32.583%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3230-3762-9.jpg') } #b10 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 30 } #b10 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b10 .e1733085703582 { left: 800px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 31 } #b10 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b10 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 32 } #b10 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b10 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 33 } #b10 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b10 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 34; pointer-events: none } #b10 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b10 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 35 } #b10 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b10 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 36 } #b10 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b10 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 37; pointer-events: none } #b10 .e1733085703661 { left: 815px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 38 } #b10 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b10 .e1733085703681 { left: 800px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 39; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b10 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b10 .e1733085703681 .atom::after { display: none } #b10 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b10 .e1733085703681 .atom .btn__border::before { display: none } #b10 .e1733085703681 .atom .btn__border::after { display: none } #b10 .e1733085703686 { left: 862px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 40; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b10 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b10 .e1733085703686 .atom::after { display: none } #b10 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b10 .e1733085703686 .atom .btn__border::before { display: none } #b10 .e1733085703686 .atom .btn__border::after { display: none } #b10 .e1733085703691 { left: 800px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 41 } #b10 .e1733085703691 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } @media (max-width: 959px) { #b10 { --h: 1531px; --w: 320px; --zoom-ab: var(--zoom) } #b10 .e1716577483562 { left: 10px; width: 300px; height: 496px } #b10 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b10 .e1716577483559 .atom { background-size: cover; opacity: 1 } #b10 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b10 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b10 .e1716577483548 { left: 30px; top: 275px; width: 240px } #b10 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b10 .e1733079330333 { left: 30px; top: 422px; width: 260px; border-radius: 10px } #b10 .e1733079330333 .atom { background-size: cover } #b10 .e1716577483539 { left: 30px; top: 319px; width: 260px; height: 83px; border-radius: 10px } #b10 .e1716577483539 .atom { background-size: cover } #b10 .e1716577483529 { left: 45px; top: 437px; width: 190px } #b10 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b10 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733079119467 { left: 45px; top: 334px; width: 158px } #b10 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733079282110 { left: 265px; top: 444px } #b10 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b10 .e1733079326919 { left: 45px; top: 351px; width: 230px } #b10 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b10 .e1733080399426 { left: 30px } #b10 .e1733080399426 .atom { white-space: normal; background-size: cover } #b10 .e1733080399426 .atom .btn__text { overflow: visible } #b10 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b10 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733085669467 { left: 10px; top: 516px; width: 300px; height: 479px } #b10 .e1733085669474 { left: 15px; top: 521px; width: 290px; height: 180px } #b10 .e1733085669474 .atom { opacity: 1 } #b10 .e1733085669481 { left: 30px; top: 721px; width: 215px } #b10 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b10 .e1733085669488 { left: 30px; top: 774px; width: 260px } #b10 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b10 .e1733085669495 { left: 30px; top: 921px; width: 260px; border-radius: 10px } #b10 .e1733085669495 .atom { background-size: cover } #b10 .e1733085669501 { left: 30px; top: 830px; width: 260px; height: 71px; border-radius: 10px } #b10 .e1733085669501 .atom { background-size: cover } #b10 .e1733085669508 { left: 45px; top: 936px; width: 190px } #b10 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733085669515 { left: 30px; top: 757px; width: 158px } #b10 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733085669524 { left: 45px; top: 845px; width: 158px } #b10 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733085669535 { left: 265px; top: 943px } #b10 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b10 .e1733085669552 { left: 45px; top: 862px; width: 230px } #b10 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b10 .e1733085669577 { left: 30px; top: 536px } #b10 .e1733085669577 .atom { white-space: normal; background-size: cover } #b10 .e1733085669577 .atom .btn__text { overflow: visible } #b10 .e1733085703555 { left: 10px; top: 1015px; width: 300px; height: 496px } #b10 .e1733085703564 { left: 15px; top: 1020px; width: 290px; height: 180px } #b10 .e1733085703564 .atom { background-size: cover; opacity: 1 } #b10 .e1733085703572 { left: 30px; top: 1220px; width: 215px } #b10 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b10 .e1733085703582 { left: 30px; top: 1290px; width: 240px } #b10 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b10 .e1733085703593 { left: 30px; top: 1437px; width: 260px; border-radius: 10px } #b10 .e1733085703593 .atom { background-size: cover } #b10 .e1733085703600 { left: 30px; top: 1334px; width: 260px; height: 83px; border-radius: 10px } #b10 .e1733085703600 .atom { background-size: cover } #b10 .e1733085703607 { left: 45px; top: 1452px; width: 190px } #b10 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733085703619 { left: 30px; top: 1273px; width: 158px } #b10 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733085703631 { left: 45px; top: 1349px; width: 158px } #b10 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b10 .e1733085703641 { left: 265px; top: 1459px } #b10 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b10 .e1733085703661 { left: 45px; top: 1366px; width: 230px } #b10 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b10 .e1733085703681 { left: 30px; top: 1035px } #b10 .e1733085703681 .atom { white-space: normal; background-size: cover } #b10 .e1733085703681 .atom .btn__text { overflow: visible } #b10 .e1733085703686 { left: 92px; top: 1035px } #b10 .e1733085703686 .atom { white-space: normal; background-size: cover } #b10 .e1733085703686 .atom .btn__text { overflow: visible } #b10 .e1733085703691 { left: 30px; top: 1241px; width: 158px } #b10 .e1733085703691 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } } @media (hover) { #b10 .e1733080399426 .atom:hover::after { opacity: 0 } #b10 .e1733080399426 .atom:hover { animation-name: none } #b10 .e1733085669577 .atom:hover::after { opacity: 0 } #b10 .e1733085669577 .atom:hover { animation-name: none } #b10 .e1733085703681 .atom:hover::after { opacity: 0 } #b10 .e1733085703681 .atom:hover { animation-name: none } #b10 .e1733085703686 .atom:hover::after { opacity: 0 } #b10 .e1733085703686 .atom:hover { animation-name: none } } /* b11 · попап #popup:case7 */ #b11 { --h: 550px; --w: 1200px } #b11 .e1733107279565 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b11 .e1733107279565 .atom { background-color: #212326 } #b11 .e1733107279575 { left: 640px; top: 362px; width: 495px; height: 100px; z-index: 4 } #b11 .e1733107279575 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b11 .e1733107279581 { left: 640px; top: 162px; width: 495px; height: 180px; z-index: 5 } #b11 .e1733107279581 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b11 .e1733107279586 { left: 887px; top: 182px; width: 1px; height: 140px; z-index: 6 } #b11 .e1733107279586 .atom { background-color: #303132 } #b11 .e1733107279591 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b11 .e1733107279591 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b11 .e1733107279598 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b11 .e1733107279598 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b11 .e1733107279603 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b11 .e1733107279603 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b11 .e1733107279609 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b11 .e1733107279609 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b11 .e1733107279616 { left: 640px; top: 110px; width: 400px; height: auto; color: #ffffff; z-index: 11 } #b11 .e1733107279616 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b11 .e1733107279625 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b11 .e1733107279625 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b11 .e1733107279633 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b11 .e1733107279633 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b11 .e1733107279639 { left: 660px; top: 382px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b11 .e1733107279639 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b11 .e1733107279645 { left: 660px; top: 410px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b11 .e1733107279645 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b11 { --h: 610px; --w: 320px } #b11 .e1733107279565 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b11 .e1733107279565 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b11 .e1733107279575 { left: 20px; top: 463px; width: 280px; height: 95px } #b11 .e1733107279581 { left: 20px; top: 214px; width: 280px; height: 229px } #b11 .e1733107279586 { left: 35px; top: 322px; width: 250px; height: 1px } #b11 .e1733107279591 { left: 20px; top: 83px; width: 180px } #b11 .e1733107279591 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b11 .e1733107279598 { left: 268px; top: 80px; width: 32px; height: 32px } #b11 .e1733107279603 { left: 35px; top: 229px; width: 250px } #b11 .e1733107279603 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b11 .e1733107279609 { left: 35px; top: 255px; width: 220px } #b11 .e1733107279609 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b11 .e1733107279616 { left: 20px; top: 155px; width: 215px } #b11 .e1733107279616 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b11 .e1733107279625 { left: 35px; top: 337px; width: 250px } #b11 .e1733107279625 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b11 .e1733107279633 { left: 35px; top: 363px; width: 250px } #b11 .e1733107279633 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b11 .e1733107279639 { left: 35px; top: 478px; width: 250px } #b11 .e1733107279639 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b11 .e1733107279645 { left: 35px; top: 504px; width: 250px } #b11 .e1733107279645 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b11-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b12 · попап #popup:case8 */ #b12 { --h: 550px; --w: 1200px } #b12 .e1733107419956 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b12 .e1733107419956 .atom { background-color: #212326 } #b12 .e1733107419976 { left: 640px; top: 346px; width: 495px; height: 100px; z-index: 4 } #b12 .e1733107419976 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b12 .e1733107419984 { left: 640px; top: 162px; width: 495px; height: 164px; z-index: 5 } #b12 .e1733107419984 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b12 .e1733107419991 { left: 887px; top: 182px; width: 1px; height: 140px; z-index: 6 } #b12 .e1733107419991 .atom { background-color: #303132 } #b12 .e1733107419998 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b12 .e1733107419998 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b12 .e1733107420007 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b12 .e1733107420007 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b12 .e1733107420014 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b12 .e1733107420014 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b12 .e1733107420021 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b12 .e1733107420021 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b12 .e1733107420027 { left: 640px; top: 110px; width: 440px; height: auto; color: #ffffff; z-index: 11 } #b12 .e1733107420027 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b12 .e1733107420033 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b12 .e1733107420033 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b12 .e1733107420038 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b12 .e1733107420038 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b12 .e1733107420044 { left: 660px; top: 366px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b12 .e1733107420044 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b12 .e1733107420050 { left: 660px; top: 394px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b12 .e1733107420050 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b12 { --h: 610px; --w: 320px } #b12 .e1733107419956 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b12 .e1733107419956 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b12 .e1733107419976 { left: 20px; top: 411px; width: 280px; height: 95px } #b12 .e1733107419984 { left: 20px; top: 188px; width: 280px; height: 203px } #b12 .e1733107419991 { left: 35px; top: 296px; width: 250px; height: 1px } #b12 .e1733107419998 { left: 20px; top: 83px; width: 248px } #b12 .e1733107419998 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b12 .e1733107420007 { left: 268px; top: 80px; width: 32px; height: 32px } #b12 .e1733107420014 { left: 35px; top: 203px; width: 250px } #b12 .e1733107420014 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b12 .e1733107420021 { left: 35px; top: 229px; width: 220px } #b12 .e1733107420021 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b12 .e1733107420027 { left: 20px; top: 129px; width: 260px } #b12 .e1733107420027 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b12 .e1733107420033 { left: 35px; top: 311px; width: 250px } #b12 .e1733107420033 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b12 .e1733107420038 { left: 35px; top: 337px; width: 250px } #b12 .e1733107420038 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b12 .e1733107420044 { left: 35px; top: 426px; width: 250px } #b12 .e1733107420044 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b12 .e1733107420050 { left: 35px; top: 452px; width: 245px } #b12 .e1733107420050 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b12-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b13 · попап #popup:case9 */ #b13 { --h: 554px; --w: 1200px } #b13 .e1733107537092 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b13 .e1733107537092 .atom { background-color: #212326 } #b13 .e1733107537106 { left: 640px; top: 378px; width: 495px; height: 116px; z-index: 4 } #b13 .e1733107537106 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b13 .e1733107537112 { left: 640px; top: 162px; width: 495px; height: 196px; z-index: 5 } #b13 .e1733107537112 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b13 .e1733107537119 { left: 887px; top: 182px; width: 1px; height: 172px; z-index: 6 } #b13 .e1733107537119 .atom { background-color: #303132 } #b13 .e1733107537125 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b13 .e1733107537125 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b13 .e1733107537132 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b13 .e1733107537132 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b13 .e1733107537140 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b13 .e1733107537140 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b13 .e1733107537148 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b13 .e1733107537148 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b13 .e1733107537155 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b13 .e1733107537155 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b13 .e1733107537164 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b13 .e1733107537164 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b13 .e1733107537171 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b13 .e1733107537171 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b13 .e1733107537180 { left: 660px; top: 398px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b13 .e1733107537180 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b13 .e1733107537187 { left: 660px; top: 426px; width: 390px; height: auto; color: #ffffff; z-index: 15 } #b13 .e1733107537187 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b13 { --h: 610px; --w: 320px } #b13 .e1733107537092 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b13 .e1733107537092 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b13 .e1733107537106 { left: 20px; top: 450px; width: 280px; height: 108px } #b13 .e1733107537112 { left: 20px; top: 188px; width: 280px; height: 242px } #b13 .e1733107537119 { left: 35px; top: 296px; width: 250px; height: 1px } #b13 .e1733107537125 { left: 20px; top: 83px; width: 248px } #b13 .e1733107537125 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b13 .e1733107537132 { left: 268px; top: 80px; width: 32px; height: 32px } #b13 .e1733107537140 { left: 35px; top: 203px; width: 250px } #b13 .e1733107537140 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b13 .e1733107537148 { left: 35px; top: 229px; width: 220px } #b13 .e1733107537148 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b13 .e1733107537155 { left: 20px; top: 129px; width: 280px } #b13 .e1733107537155 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b13 .e1733107537164 { left: 35px; top: 311px; width: 250px } #b13 .e1733107537164 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b13 .e1733107537171 { left: 35px; top: 337px; width: 250px } #b13 .e1733107537171 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b13 .e1733107537180 { left: 35px; top: 465px; width: 250px } #b13 .e1733107537180 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b13 .e1733107537187 { left: 35px; top: 491px; width: 250px } #b13 .e1733107537187 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b13-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b14 · Иван Иванов Опыта с девушками почти не было, страх и стеснение мешали … */ #b14 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b14 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b14 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b14 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b14 .e1716577483559 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3436-3161-10.jpg') } #b14 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b14 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b14 .e1716577483548 { left: 120px; top: 297px; width: 260px; height: auto; color: #ffffff; z-index: 6 } #b14 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b14 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b14 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b14 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b14 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b14 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b14 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b14 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b14 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b14 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b14 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b14 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b14 .e1733079326919 { left: 135px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 13 } #b14 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b14 .e1733080274875 { left: 120px; top: 20px; width: 60px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b14 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b14 .e1733080274875 .atom::after { display: none } #b14 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b14 .e1733080274875 .atom .btn__border::before { display: none } #b14 .e1733080274875 .atom .btn__border::after { display: none } #b14 .e1733080399426 { left: 185px; top: 20px; width: 85px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b14 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b14 .e1733080399426 .atom::after { display: none } #b14 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b14 .e1733080399426 .atom .btn__border::before { display: none } #b14 .e1733080399426 .atom .btn__border::after { display: none } #b14 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b14 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b14 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b14 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b14 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 18; pointer-events: none } #b14 .e1733085669474 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3365-6333-11.jpg') } #b14 .e1733085669481 { left: 460px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 19 } #b14 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b14 .e1733085669488 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 20 } #b14 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b14 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 21 } #b14 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b14 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 22 } #b14 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b14 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 23; pointer-events: none } #b14 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b14 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24 } #b14 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b14 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 25 } #b14 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b14 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 26; pointer-events: none } #b14 .e1733085669552 { left: 475px; top: 405px; width: 250px; height: auto; color: #ffffff; z-index: 27 } #b14 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b14 .e1733085669571 { left: 460px; top: 20px; width: 84px; height: 20px; color: #f5f5f5; text-align: center; z-index: 28; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b14 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b14 .e1733085669571 .atom::after { display: none } #b14 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b14 .e1733085669571 .atom .btn__border::before { display: none } #b14 .e1733085669571 .atom .btn__border::after { display: none } #b14 .e1733085669577 { left: 549px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b14 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b14 .e1733085669577 .atom::after { display: none } #b14 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b14 .e1733085669577 .atom .btn__border::before { display: none } #b14 .e1733085669577 .atom .btn__border::after { display: none } #b14 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 30 } #b14 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b14 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 31 } #b14 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b14 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 32; pointer-events: none } #b14 .e1733085703564 .atom { border-radius: 10px; background-position: 0.000% 22.604%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3361-3333-12.png') } #b14 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 33 } #b14 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b14 .e1733085703582 { left: 800px; top: 297px; width: 230px; height: auto; color: #ffffff; z-index: 34 } #b14 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b14 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 35 } #b14 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b14 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 36 } #b14 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b14 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 37; pointer-events: none } #b14 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b14 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 38 } #b14 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b14 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 39 } #b14 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b14 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 40; pointer-events: none } #b14 .e1733085703661 { left: 815px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 41 } #b14 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b14 .e1733085703681 { left: 800px; top: 20px; width: 58px; height: 20px; color: #f5f5f5; text-align: center; z-index: 42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b14 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b14 .e1733085703681 .atom::after { display: none } #b14 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b14 .e1733085703681 .atom .btn__border::before { display: none } #b14 .e1733085703681 .atom .btn__border::after { display: none } #b14 .e1733085703686 { left: 863px; top: 20px; width: 51px; height: 20px; color: #f5f5f5; text-align: center; z-index: 43; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b14 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b14 .e1733085703686 .atom::after { display: none } #b14 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b14 .e1733085703686 .atom .btn__border::before { display: none } #b14 .e1733085703686 .atom .btn__border::after { display: none } #b14 .e1733085703691 { left: 800px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 44 } #b14 .e1733085703691 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } @media (max-width: 959px) { #b14 { --h: 1548px; --w: 320px; --zoom-ab: var(--zoom) } #b14 .e1716577483562 { left: 10px; width: 300px; height: 496px } #b14 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b14 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b14 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b14 .e1716577483548 { left: 30px; top: 275px; width: 240px } #b14 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b14 .e1733079330333 { left: 30px; top: 422px; width: 260px; border-radius: 10px } #b14 .e1733079330333 .atom { background-size: cover } #b14 .e1716577483539 { left: 30px; top: 319px; width: 260px; height: 83px; border-radius: 10px } #b14 .e1716577483539 .atom { background-size: cover } #b14 .e1716577483529 { left: 45px; top: 437px; width: 190px } #b14 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b14 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733079119467 { left: 45px; top: 334px; width: 158px } #b14 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733079282110 { left: 265px; top: 444px } #b14 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b14 .e1733079326919 { left: 45px; top: 351px; width: 185px } #b14 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b14 .e1733080274875 { left: 30px } #b14 .e1733080274875 .atom { white-space: normal; background-size: cover } #b14 .e1733080274875 .atom .btn__text { overflow: visible } #b14 .e1733080399426 { left: 95px } #b14 .e1733080399426 .atom { white-space: normal; background-size: cover } #b14 .e1733080399426 .atom .btn__text { overflow: visible } #b14 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b14 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733085669467 { left: 10px; top: 516px; width: 300px; height: 496px } #b14 .e1733085669474 { left: 15px; top: 521px; width: 290px; height: 180px } #b14 .e1733085669481 { left: 30px; top: 721px; width: 215px } #b14 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b14 .e1733085669488 { left: 30px; top: 791px; width: 240px } #b14 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b14 .e1733085669495 { left: 30px; top: 938px; width: 260px; border-radius: 10px } #b14 .e1733085669495 .atom { background-size: cover } #b14 .e1733085669501 { left: 30px; top: 835px; width: 260px; height: 83px; border-radius: 10px } #b14 .e1733085669501 .atom { background-size: cover } #b14 .e1733085669508 { left: 45px; top: 953px; width: 190px } #b14 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733085669515 { left: 30px; top: 774px; width: 158px } #b14 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733085669524 { left: 45px; top: 850px; width: 158px } #b14 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733085669535 { left: 265px; top: 960px } #b14 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b14 .e1733085669552 { left: 45px; top: 867px; width: 230px } #b14 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b14 .e1733085669571 { left: 30px; top: 536px } #b14 .e1733085669571 .atom { white-space: normal; background-size: cover } #b14 .e1733085669571 .atom .btn__text { overflow: visible } #b14 .e1733085669577 { left: 119px; top: 536px } #b14 .e1733085669577 .atom { white-space: normal; background-size: cover } #b14 .e1733085669577 .atom .btn__text { overflow: visible } #b14 .e1733085669586 { left: 30px; top: 742px; width: 158px } #b14 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733085703555 { left: 10px; top: 1032px; width: 300px; height: 496px } #b14 .e1733085703564 { left: 15px; top: 1037px; width: 290px; height: 180px } #b14 .e1733085703572 { left: 30px; top: 1237px; width: 215px } #b14 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b14 .e1733085703582 { left: 30px; top: 1307px; width: 240px } #b14 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b14 .e1733085703593 { left: 30px; top: 1454px; width: 260px; border-radius: 10px } #b14 .e1733085703593 .atom { background-size: cover } #b14 .e1733085703600 { left: 30px; top: 1351px; width: 260px; height: 83px; border-radius: 10px } #b14 .e1733085703600 .atom { background-size: cover } #b14 .e1733085703607 { left: 45px; top: 1469px; width: 190px } #b14 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733085703619 { left: 30px; top: 1290px; width: 158px } #b14 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733085703631 { left: 45px; top: 1366px; width: 158px } #b14 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b14 .e1733085703641 { left: 265px; top: 1476px } #b14 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b14 .e1733085703661 { left: 45px; top: 1383px; width: 210px } #b14 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b14 .e1733085703681 { left: 30px; top: 1052px } #b14 .e1733085703681 .atom { white-space: normal; background-size: cover } #b14 .e1733085703681 .atom .btn__text { overflow: visible } #b14 .e1733085703686 { left: 93px; top: 1052px } #b14 .e1733085703686 .atom { white-space: normal; background-size: cover } #b14 .e1733085703686 .atom .btn__text { overflow: visible } #b14 .e1733085703691 { left: 30px; top: 1258px; width: 158px } #b14 .e1733085703691 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } } @media (hover) { #b14 .e1733080274875 .atom:hover::after { opacity: 0 } #b14 .e1733080274875 .atom:hover { animation-name: none } #b14 .e1733080399426 .atom:hover::after { opacity: 0 } #b14 .e1733080399426 .atom:hover { animation-name: none } #b14 .e1733085669571 .atom:hover::after { opacity: 0 } #b14 .e1733085669571 .atom:hover { animation-name: none } #b14 .e1733085669577 .atom:hover::after { opacity: 0 } #b14 .e1733085669577 .atom:hover { animation-name: none } #b14 .e1733085703681 .atom:hover::after { opacity: 0 } #b14 .e1733085703681 .atom:hover { animation-name: none } #b14 .e1733085703686 .atom:hover::after { opacity: 0 } #b14 .e1733085703686 .atom:hover { animation-name: none } } /* b15 · попап #popup:case10 */ #b15 { --h: 550px; --w: 1200px } #b15 .e1733107705012 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b15 .e1733107705012 .atom { background-color: #212326 } #b15 .e1733107705026 { left: 640px; top: 330px; width: 495px; height: 100px; z-index: 4 } #b15 .e1733107705026 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b15 .e1733107705033 { left: 640px; top: 162px; width: 495px; height: 148px; z-index: 5 } #b15 .e1733107705033 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b15 .e1733107705044 { left: 887px; top: 182px; width: 1px; height: 108px; z-index: 6 } #b15 .e1733107705044 .atom { background-color: #303132 } #b15 .e1733107705052 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b15 .e1733107705052 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b15 .e1733107705060 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b15 .e1733107705060 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b15 .e1733107705067 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b15 .e1733107705067 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b15 .e1733107705078 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b15 .e1733107705078 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b15 .e1733107705089 { left: 640px; top: 110px; width: 440px; height: auto; color: #ffffff; z-index: 11 } #b15 .e1733107705089 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b15 .e1733107705098 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b15 .e1733107705098 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b15 .e1733107705105 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b15 .e1733107705105 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b15 .e1733107705113 { left: 660px; top: 350px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b15 .e1733107705113 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b15 .e1733107705123 { left: 660px; top: 378px; width: 390px; height: auto; color: #ffffff; z-index: 15 } #b15 .e1733107705123 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b15 { --h: 610px; --w: 320px } #b15 .e1733107705012 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b15 .e1733107705012 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b15 .e1733107705026 { left: 20px; top: 437px; width: 280px; height: 95px } #b15 .e1733107705033 { left: 20px; top: 214px; width: 280px; height: 203px } #b15 .e1733107705044 { left: 35px; top: 309px; width: 250px; height: 1px } #b15 .e1733107705052 { left: 20px; top: 83px; width: 140px } #b15 .e1733107705052 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b15 .e1733107705060 { left: 268px; top: 80px; width: 32px; height: 32px } #b15 .e1733107705067 { left: 35px; top: 229px; width: 250px } #b15 .e1733107705067 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b15 .e1733107705078 { left: 35px; top: 255px; width: 220px } #b15 .e1733107705078 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b15 .e1733107705089 { left: 20px; top: 155px; width: 240px } #b15 .e1733107705089 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b15 .e1733107705098 { left: 35px; top: 324px; width: 250px } #b15 .e1733107705098 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b15 .e1733107705105 { left: 35px; top: 350px; width: 215px } #b15 .e1733107705105 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b15 .e1733107705113 { left: 35px; top: 452px; width: 250px } #b15 .e1733107705113 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b15 .e1733107705123 { left: 35px; top: 478px; width: 250px } #b15 .e1733107705123 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b15-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b16 · попап #popup:case11 */ #b16 { --h: 554px; --w: 1200px } #b16 .e1733107873286 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b16 .e1733107873286 .atom { background-color: #212326 } #b16 .e1733107873306 { left: 640px; top: 362px; width: 495px; height: 132px; z-index: 4 } #b16 .e1733107873306 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b16 .e1733107873316 { left: 640px; top: 178px; width: 495px; height: 164px; z-index: 5 } #b16 .e1733107873316 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b16 .e1733107873326 { left: 887px; top: 198px; width: 1px; height: 124px; z-index: 6 } #b16 .e1733107873326 .atom { background-color: #303132 } #b16 .e1733107873335 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b16 .e1733107873335 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b16 .e1733107873345 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b16 .e1733107873345 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b16 .e1733107873352 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b16 .e1733107873352 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b16 .e1733107873360 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b16 .e1733107873360 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b16 .e1733107873368 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b16 .e1733107873368 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b16 .e1733107873375 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b16 .e1733107873375 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b16 .e1733107873382 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b16 .e1733107873382 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b16 .e1733107873389 { left: 660px; top: 382px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b16 .e1733107873389 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b16 .e1733107873400 { left: 660px; top: 410px; width: 435px; height: auto; color: #ffffff; z-index: 15 } #b16 .e1733107873400 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b16 { --h: 629px; --w: 320px } #b16 .e1733107873286 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b16 .e1733107873286 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b16 .e1733107873306 { left: 20px; top: 475px; width: 280px; height: 134px } #b16 .e1733107873316 { left: 20px; top: 240px; width: 280px; height: 215px } #b16 .e1733107873326 { left: 35px; top: 348px; width: 250px; height: 1px } #b16 .e1733107873335 { left: 20px; top: 83px; width: 160px } #b16 .e1733107873335 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b16 .e1733107873345 { left: 268px; top: 80px; width: 32px; height: 32px } #b16 .e1733107873352 { left: 35px; top: 255px; width: 250px } #b16 .e1733107873352 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b16 .e1733107873360 { left: 35px; top: 281px; width: 235px } #b16 .e1733107873360 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b16 .e1733107873368 { left: 20px; top: 155px; width: 260px } #b16 .e1733107873368 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b16 .e1733107873375 { left: 35px; top: 363px; width: 250px } #b16 .e1733107873375 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b16 .e1733107873382 { left: 35px; top: 389px; width: 250px } #b16 .e1733107873382 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b16 .e1733107873389 { left: 35px; top: 490px; width: 250px } #b16 .e1733107873389 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b16 .e1733107873400 { left: 35px; top: 516px; width: 250px } #b16 .e1733107873400 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b16-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b17 · попап #popup:case12 */ #b17 { --h: 554px; --w: 1200px } #b17 .e1733108021360 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b17 .e1733108021360 .atom { background-color: #212326 } #b17 .e1733108021375 { left: 640px; top: 394px; width: 495px; height: 100px; z-index: 4 } #b17 .e1733108021375 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b17 .e1733108021383 { left: 640px; top: 178px; width: 495px; height: 196px; z-index: 5 } #b17 .e1733108021383 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b17 .e1733108021393 { left: 887px; top: 198px; width: 1px; height: 156px; z-index: 6 } #b17 .e1733108021393 .atom { background-color: #303132 } #b17 .e1733108021400 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b17 .e1733108021400 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b17 .e1733108021408 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b17 .e1733108021408 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b17 .e1733108021415 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b17 .e1733108021415 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b17 .e1733108021424 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b17 .e1733108021424 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b17 .e1733108021432 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b17 .e1733108021432 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b17 .e1733108021440 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b17 .e1733108021440 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b17 .e1733108021448 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b17 .e1733108021448 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b17 .e1733108021456 { left: 660px; top: 414px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b17 .e1733108021456 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b17 .e1733108021461 { left: 660px; top: 442px; width: 430px; height: auto; color: #ffffff; z-index: 15 } #b17 .e1733108021461 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b17 { --h: 617px; --w: 320px } #b17 .e1733108021360 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b17 .e1733108021360 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b17 .e1733108021375 { left: 20px; top: 502px; width: 280px; height: 95px } #b17 .e1733108021383 { left: 20px; top: 214px; width: 280px; height: 268px } #b17 .e1733108021393 { left: 35px; top: 361px; width: 250px; height: 1px } #b17 .e1733108021400 { left: 20px; top: 83px; width: 180px } #b17 .e1733108021400 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b17 .e1733108021408 { left: 268px; top: 80px; width: 32px; height: 32px } #b17 .e1733108021415 { left: 35px; top: 229px; width: 250px } #b17 .e1733108021415 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b17 .e1733108021424 { left: 35px; top: 255px; width: 220px } #b17 .e1733108021424 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b17 .e1733108021432 { left: 20px; top: 155px; width: 260px } #b17 .e1733108021432 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b17 .e1733108021440 { left: 35px; top: 376px; width: 250px } #b17 .e1733108021440 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b17 .e1733108021448 { left: 35px; top: 402px; width: 220px } #b17 .e1733108021448 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b17 .e1733108021456 { left: 35px; top: 517px; width: 250px } #b17 .e1733108021456 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b17 .e1733108021461 { left: 35px; top: 543px; width: 240px } #b17 .e1733108021461 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b17-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b18 · Григорий Светлолобов Страх и неуверенность, отсутствие навыков общения… */ #b18 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b18 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b18 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b18 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b18 .e1716577483559 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3361-3536-Icon.svg') } #b18 .e1716577483554 { left: 120px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 5 } #b18 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b18 .e1716577483548 { left: 120px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 6 } #b18 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b18 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b18 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b18 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b18 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b18 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b18 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b18 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b18 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b18 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b18 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b18 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b18 .e1733079326919 { left: 135px; top: 405px; width: 245px; height: auto; color: #ffffff; z-index: 13 } #b18 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b18 .e1733080274875 { left: 120px; top: 20px; width: 59px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b18 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b18 .e1733080274875 .atom::after { display: none } #b18 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b18 .e1733080274875 .atom .btn__border::before { display: none } #b18 .e1733080274875 .atom .btn__border::after { display: none } #b18 .e1733080399426 { left: 184px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b18 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b18 .e1733080399426 .atom::after { display: none } #b18 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b18 .e1733080399426 .atom .btn__border::before { display: none } #b18 .e1733080399426 .atom .btn__border::after { display: none } #b18 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b18 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b18 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b18 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b18 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 18; pointer-events: none } #b18 .e1733085669474 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3931-3437-Icon.svg') } #b18 .e1733085669481 { left: 460px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 19 } #b18 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b18 .e1733085669488 { left: 460px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 20 } #b18 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b18 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 21 } #b18 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b18 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 22 } #b18 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b18 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 23; pointer-events: none } #b18 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b18 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24 } #b18 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b18 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 25 } #b18 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b18 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 26; pointer-events: none } #b18 .e1733085669552 { left: 475px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 27 } #b18 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b18 .e1733085669571 { left: 460px; top: 20px; width: 74px; height: 20px; color: #f5f5f5; text-align: center; z-index: 28; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b18 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b18 .e1733085669571 .atom::after { display: none } #b18 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b18 .e1733085669571 .atom .btn__border::before { display: none } #b18 .e1733085669571 .atom .btn__border::after { display: none } #b18 .e1733085669577 { left: 539px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b18 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b18 .e1733085669577 .atom::after { display: none } #b18 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b18 .e1733085669577 .atom .btn__border::before { display: none } #b18 .e1733085669577 .atom .btn__border::after { display: none } #b18 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 30 } #b18 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b18 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 31 } #b18 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b18 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 32; pointer-events: none } #b18 .e1733085703564 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3338-3034-Icon.svg') } #b18 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 33 } #b18 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b18 .e1733085703582 { left: 800px; top: 297px; width: 260px; height: auto; color: #ffffff; z-index: 34 } #b18 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b18 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 35 } #b18 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b18 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 36 } #b18 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b18 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 37; pointer-events: none } #b18 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b18 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 38 } #b18 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b18 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 39 } #b18 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b18 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 40; pointer-events: none } #b18 .e1733085703661 { left: 815px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 41 } #b18 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b18 .e1733085703686 { left: 800px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b18 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b18 .e1733085703686 .atom::after { display: none } #b18 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b18 .e1733085703686 .atom .btn__border::before { display: none } #b18 .e1733085703686 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b18 { --h: 1572px; --w: 320px; --zoom-ab: var(--zoom) } #b18 .e1716577483562 { left: 10px; width: 300px; height: 508px } #b18 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b18 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b18 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b18 .e1716577483548 { left: 30px; top: 275px; width: 240px } #b18 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b18 .e1733079330333 { left: 30px; top: 434px; width: 260px; border-radius: 10px } #b18 .e1733079330333 .atom { background-size: cover } #b18 .e1716577483539 { left: 30px; top: 331px; width: 260px; height: 83px; border-radius: 10px } #b18 .e1716577483539 .atom { background-size: cover } #b18 .e1716577483529 { left: 45px; top: 449px; width: 190px } #b18 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b18 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733079119467 { left: 45px; top: 346px; width: 158px } #b18 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733079282110 { left: 265px; top: 456px } #b18 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b18 .e1733079326919 { left: 45px; top: 363px; width: 230px } #b18 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b18 .e1733080274875 { left: 30px } #b18 .e1733080274875 .atom { white-space: normal; background-size: cover } #b18 .e1733080274875 .atom .btn__text { overflow: visible } #b18 .e1733080399426 { left: 93px } #b18 .e1733080399426 .atom { white-space: normal; background-size: cover } #b18 .e1733080399426 .atom .btn__text { overflow: visible } #b18 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b18 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733085669467 { left: 10px; top: 528px; width: 300px; height: 508px } #b18 .e1733085669474 { left: 15px; top: 533px; width: 290px; height: 180px } #b18 .e1733085669481 { left: 30px; top: 733px; width: 215px } #b18 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b18 .e1733085669488 { left: 30px; top: 803px; width: 240px } #b18 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b18 .e1733085669495 { left: 30px; top: 962px; width: 260px; border-radius: 10px } #b18 .e1733085669495 .atom { background-size: cover } #b18 .e1733085669501 { left: 30px; top: 859px; width: 260px; height: 83px; border-radius: 10px } #b18 .e1733085669501 .atom { background-size: cover } #b18 .e1733085669508 { left: 45px; top: 977px; width: 190px } #b18 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733085669515 { left: 30px; top: 786px; width: 158px } #b18 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733085669524 { left: 45px; top: 874px; width: 158px } #b18 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733085669535 { left: 265px; top: 984px } #b18 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b18 .e1733085669552 { left: 45px; top: 891px; width: 230px } #b18 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b18 .e1733085669571 { left: 30px; top: 548px } #b18 .e1733085669571 .atom { white-space: normal; background-size: cover } #b18 .e1733085669571 .atom .btn__text { overflow: visible } #b18 .e1733085669577 { left: 109px; top: 548px } #b18 .e1733085669577 .atom { white-space: normal; background-size: cover } #b18 .e1733085669577 .atom .btn__text { overflow: visible } #b18 .e1733085669586 { left: 30px; top: 754px; width: 158px } #b18 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733085703555 { left: 10px; top: 1056px; width: 300px; height: 496px } #b18 .e1733085703564 { left: 15px; top: 1061px; width: 290px; height: 180px } #b18 .e1733085703572 { left: 30px; top: 1278px; width: 215px } #b18 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b18 .e1733085703582 { left: 30px; top: 1331px; width: 220px } #b18 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b18 .e1733085703593 { left: 30px; top: 1478px; width: 260px; border-radius: 10px } #b18 .e1733085703593 .atom { background-size: cover } #b18 .e1733085703600 { left: 30px; top: 1375px; width: 260px; height: 83px; border-radius: 10px } #b18 .e1733085703600 .atom { background-size: cover } #b18 .e1733085703607 { left: 45px; top: 1493px; width: 190px } #b18 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733085703619 { left: 30px; top: 1314px; width: 158px } #b18 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733085703631 { left: 45px; top: 1390px; width: 158px } #b18 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b18 .e1733085703641 { left: 265px; top: 1500px } #b18 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b18 .e1733085703661 { left: 45px; top: 1407px; width: 230px } #b18 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b18 .e1733085703686 { left: 30px; top: 1076px } #b18 .e1733085703686 .atom { white-space: normal; background-size: cover } #b18 .e1733085703686 .atom .btn__text { overflow: visible } } @media (hover) { #b18 .e1733080274875 .atom:hover::after { opacity: 0 } #b18 .e1733080274875 .atom:hover { animation-name: none } #b18 .e1733080399426 .atom:hover::after { opacity: 0 } #b18 .e1733080399426 .atom:hover { animation-name: none } #b18 .e1733085669571 .atom:hover::after { opacity: 0 } #b18 .e1733085669571 .atom:hover { animation-name: none } #b18 .e1733085669577 .atom:hover::after { opacity: 0 } #b18 .e1733085669577 .atom:hover { animation-name: none } #b18 .e1733085703686 .atom:hover::after { opacity: 0 } #b18 .e1733085703686 .atom:hover { animation-name: none } } /* b19 · попап #popup:case13 */ #b19 { --h: 698px; --w: 1200px } #b19 .e1733108174874 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b19 .e1733108174874 .atom { background-color: #212326 } #b19 .e1733108174894 { left: 640px; top: 522px; width: 495px; height: 116px; z-index: 4 } #b19 .e1733108174894 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b19 .e1733108174901 { left: 640px; top: 194px; width: 495px; height: 308px; z-index: 5 } #b19 .e1733108174901 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b19 .e1733108174908 { left: 887px; top: 214px; width: 1px; height: 251px; z-index: 6 } #b19 .e1733108174908 .atom { background-color: #303132 } #b19 .e1733108174915 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b19 .e1733108174915 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b19 .e1733108174925 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b19 .e1733108174925 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b19 .e1733108174931 { left: 660px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b19 .e1733108174931 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b19 .e1733108174943 { left: 660px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b19 .e1733108174943 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b19 .e1733108174954 { left: 640px; top: 110px; width: 424px; height: auto; color: #ffffff; z-index: 11 } #b19 .e1733108174954 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b19 .e1733108174962 { left: 910px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b19 .e1733108174962 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b19 .e1733108174970 { left: 910px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b19 .e1733108174970 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b19 .e1733108174979 { left: 660px; top: 542px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b19 .e1733108174979 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b19 .e1733108174986 { left: 660px; top: 570px; width: 450px; height: auto; color: #ffffff; z-index: 15 } #b19 .e1733108174986 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b19 { --h: 752px; --w: 320px } #b19 .e1733108174874 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b19 .e1733108174874 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b19 .e1733108174894 { left: 20px; top: 611px; width: 280px; height: 121px } #b19 .e1733108174901 { left: 20px; top: 240px; width: 280px; height: 351px } #b19 .e1733108174908 { left: 35px; top: 431px; width: 250px; height: 1px } #b19 .e1733108174915 { left: 20px; top: 83px; width: 248px } #b19 .e1733108174915 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b19 .e1733108174925 { left: 268px; top: 80px; width: 32px; height: 32px } #b19 .e1733108174931 { left: 35px; top: 255px; width: 250px } #b19 .e1733108174931 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b19 .e1733108174943 { left: 35px; top: 281px; width: 235px } #b19 .e1733108174943 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b19 .e1733108174954 { left: 20px; top: 155px; width: 260px } #b19 .e1733108174954 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b19 .e1733108174962 { left: 35px; top: 446px; width: 250px } #b19 .e1733108174962 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b19 .e1733108174970 { left: 35px; top: 472px; width: 250px } #b19 .e1733108174970 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b19 .e1733108174979 { left: 35px; top: 626px; width: 250px } #b19 .e1733108174979 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b19 .e1733108174986 { left: 35px; top: 652px; width: 250px } #b19 .e1733108174986 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b19-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b20 · попап #popup:case14 */ #b20 { --h: 554px; --w: 1200px } #b20 .e1733108374095 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b20 .e1733108374095 .atom { background-color: #212326 } #b20 .e1733108374110 { left: 640px; top: 378px; width: 495px; height: 116px; z-index: 4 } #b20 .e1733108374110 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b20 .e1733108374117 { left: 640px; top: 162px; width: 495px; height: 196px; z-index: 5 } #b20 .e1733108374117 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b20 .e1733108374127 { left: 887px; top: 182px; width: 1px; height: 156px; z-index: 6 } #b20 .e1733108374127 .atom { background-color: #303132 } #b20 .e1733108374136 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b20 .e1733108374136 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b20 .e1733108374147 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b20 .e1733108374147 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b20 .e1733108374157 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b20 .e1733108374157 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b20 .e1733108374166 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b20 .e1733108374166 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b20 .e1733108374177 { left: 640px; top: 110px; width: 460px; height: auto; color: #ffffff; z-index: 11 } #b20 .e1733108374177 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b20 .e1733108374188 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b20 .e1733108374188 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b20 .e1733108374195 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b20 .e1733108374195 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b20 .e1733108374206 { left: 660px; top: 398px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b20 .e1733108374206 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b20 .e1733108374216 { left: 660px; top: 426px; width: 430px; height: auto; color: #ffffff; z-index: 15 } #b20 .e1733108374216 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b20 { --h: 610px; --w: 320px } #b20 .e1733108374095 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b20 .e1733108374095 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b20 .e1733108374110 { left: 20px; top: 463px; width: 280px; height: 121px } #b20 .e1733108374117 { left: 20px; top: 214px; width: 280px; height: 229px } #b20 .e1733108374127 { left: 35px; top: 322px; width: 250px; height: 1px } #b20 .e1733108374136 { left: 20px; top: 83px; width: 160px } #b20 .e1733108374136 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b20 .e1733108374147 { left: 268px; top: 80px; width: 32px; height: 32px } #b20 .e1733108374157 { left: 35px; top: 229px; width: 250px } #b20 .e1733108374157 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b20 .e1733108374166 { left: 35px; top: 255px; width: 235px } #b20 .e1733108374166 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b20 .e1733108374177 { left: 20px; top: 155px; width: 240px } #b20 .e1733108374177 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b20 .e1733108374188 { left: 35px; top: 337px; width: 250px } #b20 .e1733108374188 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b20 .e1733108374195 { left: 35px; top: 363px; width: 250px } #b20 .e1733108374195 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b20 .e1733108374206 { left: 35px; top: 478px; width: 250px } #b20 .e1733108374206 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b20 .e1733108374216 { left: 35px; top: 504px; width: 250px } #b20 .e1733108374216 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b20-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b21 · попап #popup:case15 */ #b21 { --h: 570px; --w: 1200px } #b21 .e1733108526375 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b21 .e1733108526375 .atom { background-color: #212326 } #b21 .e1733108526391 { left: 640px; top: 394px; width: 495px; height: 116px; z-index: 4 } #b21 .e1733108526391 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b21 .e1733108526396 { left: 640px; top: 162px; width: 495px; height: 211px; z-index: 5 } #b21 .e1733108526396 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b21 .e1733108526402 { left: 887px; top: 182px; width: 1px; height: 172px; z-index: 6 } #b21 .e1733108526402 .atom { background-color: #303132 } #b21 .e1733108526407 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b21 .e1733108526407 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b21 .e1733108526414 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b21 .e1733108526414 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b21 .e1733108526420 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b21 .e1733108526420 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b21 .e1733108526427 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b21 .e1733108526427 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b21 .e1733108526433 { left: 640px; top: 110px; width: 320px; height: auto; color: #ffffff; z-index: 11 } #b21 .e1733108526433 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b21 .e1733108526439 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b21 .e1733108526439 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b21 .e1733108526444 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b21 .e1733108526444 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b21 .e1733108526450 { left: 660px; top: 414px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b21 .e1733108526450 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b21 .e1733108526455 { left: 660px; top: 442px; width: 377px; height: auto; color: #ffffff; z-index: 15 } #b21 .e1733108526455 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b21 { --h: 610px; --w: 320px } #b21 .e1733108526375 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b21 .e1733108526375 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b21 .e1733108526391 { left: 20px; top: 437px; width: 280px; height: 108px } #b21 .e1733108526396 { left: 20px; top: 175px; width: 280px; height: 242px } #b21 .e1733108526402 { left: 35px; top: 283px; width: 250px; height: 1px } #b21 .e1733108526407 { left: 20px; top: 83px; width: 180px } #b21 .e1733108526407 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b21 .e1733108526414 { left: 268px; top: 80px; width: 32px; height: 32px } #b21 .e1733108526420 { left: 35px; top: 190px; width: 250px } #b21 .e1733108526420 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b21 .e1733108526427 { left: 35px; top: 216px; width: 250px } #b21 .e1733108526427 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b21 .e1733108526433 { left: 20px; top: 129px; width: 260px } #b21 .e1733108526433 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b21 .e1733108526439 { left: 35px; top: 298px; width: 250px } #b21 .e1733108526439 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b21 .e1733108526444 { left: 35px; top: 324px; width: 250px } #b21 .e1733108526444 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b21 .e1733108526450 { left: 35px; top: 452px; width: 250px } #b21 .e1733108526450 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b21 .e1733108526455 { left: 35px; top: 478px; width: 250px } #b21 .e1733108526455 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b21-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b22 · Rustam Дюняшев Подходы строились на импровизации, структурированных зн… */ #b22 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b22 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b22 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b22 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b22 .e1716577483559 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3165-6537-Icon.svg') } #b22 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b22 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b22 .e1716577483548 { left: 120px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 6 } #b22 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b22 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b22 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b22 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b22 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b22 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b22 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b22 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b22 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b22 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b22 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b22 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b22 .e1733079326919 { left: 135px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 13 } #b22 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b22 .e1733080274875 { left: 120px; top: 20px; width: 49px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b22 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b22 .e1733080274875 .atom::after { display: none } #b22 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b22 .e1733080274875 .atom .btn__border::before { display: none } #b22 .e1733080274875 .atom .btn__border::after { display: none } #b22 .e1733080399426 { left: 174px; top: 20px; width: 85px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b22 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b22 .e1733080399426 .atom::after { display: none } #b22 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b22 .e1733080399426 .atom .btn__border::before { display: none } #b22 .e1733080399426 .atom .btn__border::after { display: none } #b22 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b22 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b22 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b22 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b22 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 18; pointer-events: none } #b22 .e1733085669474 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3566-3533-Icon.svg') } #b22 .e1733085669481 { left: 460px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 19 } #b22 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b22 .e1733085669488 { left: 460px; top: 297px; width: 250px; height: auto; color: #ffffff; z-index: 20 } #b22 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b22 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 21 } #b22 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b22 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 22 } #b22 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b22 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 23; pointer-events: none } #b22 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b22 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24 } #b22 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b22 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 25 } #b22 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b22 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 26; pointer-events: none } #b22 .e1733085669552 { left: 475px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 27 } #b22 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b22 .e1733085669571 { left: 460px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 28; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b22 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b22 .e1733085669571 .atom::after { display: none } #b22 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b22 .e1733085669571 .atom .btn__border::before { display: none } #b22 .e1733085669571 .atom .btn__border::after { display: none } #b22 .e1733085669577 { left: 529px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b22 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b22 .e1733085669577 .atom::after { display: none } #b22 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b22 .e1733085669577 .atom .btn__border::before { display: none } #b22 .e1733085669577 .atom .btn__border::after { display: none } #b22 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 30 } #b22 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b22 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 31 } #b22 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b22 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 32; pointer-events: none } #b22 .e1733085703564 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3365-3534-Icon.svg') } #b22 .e1733085703572 { left: 800px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 33 } #b22 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b22 .e1733085703582 { left: 800px; top: 297px; width: 260px; height: auto; color: #ffffff; z-index: 34 } #b22 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b22 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 35 } #b22 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b22 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 36 } #b22 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b22 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 37; pointer-events: none } #b22 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b22 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 38 } #b22 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b22 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 39 } #b22 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b22 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 40; pointer-events: none } #b22 .e1733085703661 { left: 815px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 41 } #b22 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b22 .e1733085703681 { left: 800px; top: 20px; width: 90px; height: 20px; color: #f5f5f5; text-align: center; z-index: 42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b22 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b22 .e1733085703681 .atom::after { display: none } #b22 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b22 .e1733085703681 .atom .btn__border::before { display: none } #b22 .e1733085703681 .atom .btn__border::after { display: none } #b22 .e1733085703686 { left: 895px; top: 20px; width: 59px; height: 20px; color: #f5f5f5; text-align: center; z-index: 43; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b22 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b22 .e1733085703686 .atom::after { display: none } #b22 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b22 .e1733085703686 .atom .btn__border::before { display: none } #b22 .e1733085703686 .atom .btn__border::after { display: none } #b22 .e1733085703691 { left: 800px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 44 } #b22 .e1733085703691 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } @media (max-width: 959px) { #b22 { --h: 1536px; --w: 320px; --zoom-ab: var(--zoom) } #b22 .e1716577483562 { left: 10px; width: 300px; height: 496px } #b22 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b22 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b22 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b22 .e1716577483548 { left: 30px; top: 275px; width: 240px } #b22 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b22 .e1733079330333 { left: 30px; top: 422px; width: 260px; border-radius: 10px } #b22 .e1733079330333 .atom { background-size: cover } #b22 .e1716577483539 { left: 30px; top: 319px; width: 260px; height: 83px; border-radius: 10px } #b22 .e1716577483539 .atom { background-size: cover } #b22 .e1716577483529 { left: 45px; top: 437px; width: 190px } #b22 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b22 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733079119467 { left: 45px; top: 334px; width: 158px } #b22 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733079282110 { left: 265px; top: 444px } #b22 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b22 .e1733079326919 { left: 45px; top: 351px; width: 190px } #b22 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b22 .e1733080274875 { left: 30px } #b22 .e1733080274875 .atom { white-space: normal; background-size: cover } #b22 .e1733080274875 .atom .btn__text { overflow: visible } #b22 .e1733080399426 { left: 84px } #b22 .e1733080399426 .atom { white-space: normal; background-size: cover } #b22 .e1733080399426 .atom .btn__text { overflow: visible } #b22 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b22 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733085669467 { left: 10px; top: 516px; width: 300px; height: 484px } #b22 .e1733085669474 { left: 15px; top: 521px; width: 290px; height: 180px } #b22 .e1733085669481 { left: 30px; top: 721px; width: 215px } #b22 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b22 .e1733085669488 { left: 30px; top: 791px; width: 220px } #b22 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b22 .e1733085669495 { left: 30px; top: 926px; width: 260px; border-radius: 10px } #b22 .e1733085669495 .atom { background-size: cover } #b22 .e1733085669501 { left: 30px; top: 835px; width: 260px; height: 71px; border-radius: 10px } #b22 .e1733085669501 .atom { background-size: cover } #b22 .e1733085669508 { left: 45px; top: 941px; width: 190px } #b22 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733085669515 { left: 30px; top: 774px; width: 158px } #b22 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733085669524 { left: 45px; top: 850px; width: 158px } #b22 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733085669535 { left: 265px; top: 948px } #b22 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b22 .e1733085669552 { left: 45px; top: 867px; width: 230px } #b22 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b22 .e1733085669571 { left: 30px; top: 536px } #b22 .e1733085669571 .atom { white-space: normal; background-size: cover } #b22 .e1733085669571 .atom .btn__text { overflow: visible } #b22 .e1733085669577 { left: 99px; top: 536px } #b22 .e1733085669577 .atom { white-space: normal; background-size: cover } #b22 .e1733085669577 .atom .btn__text { overflow: visible } #b22 .e1733085669586 { left: 30px; top: 742px; width: 158px } #b22 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733085703555 { left: 10px; top: 1020px; width: 300px; height: 496px } #b22 .e1733085703564 { left: 15px; top: 1025px; width: 290px; height: 180px } #b22 .e1733085703572 { left: 30px; top: 1225px; width: 215px } #b22 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b22 .e1733085703582 { left: 30px; top: 1295px; width: 240px } #b22 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b22 .e1733085703593 { left: 30px; top: 1442px; width: 260px; border-radius: 10px } #b22 .e1733085703593 .atom { background-size: cover } #b22 .e1733085703600 { left: 30px; top: 1339px; width: 260px; height: 83px; border-radius: 10px } #b22 .e1733085703600 .atom { background-size: cover } #b22 .e1733085703607 { left: 45px; top: 1457px; width: 190px } #b22 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733085703619 { left: 30px; top: 1278px; width: 158px } #b22 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733085703631 { left: 45px; top: 1354px; width: 158px } #b22 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b22 .e1733085703641 { left: 265px; top: 1464px } #b22 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b22 .e1733085703661 { left: 45px; top: 1371px } #b22 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b22 .e1733085703681 { left: 30px; top: 1040px } #b22 .e1733085703681 .atom { white-space: normal; background-size: cover } #b22 .e1733085703681 .atom .btn__text { overflow: visible } #b22 .e1733085703686 { left: 125px; top: 1040px } #b22 .e1733085703686 .atom { white-space: normal; background-size: cover } #b22 .e1733085703686 .atom .btn__text { overflow: visible } #b22 .e1733085703691 { left: 30px; top: 1246px; width: 158px } #b22 .e1733085703691 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } } @media (hover) { #b22 .e1733080274875 .atom:hover::after { opacity: 0 } #b22 .e1733080274875 .atom:hover { animation-name: none } #b22 .e1733080399426 .atom:hover::after { opacity: 0 } #b22 .e1733080399426 .atom:hover { animation-name: none } #b22 .e1733085669571 .atom:hover::after { opacity: 0 } #b22 .e1733085669571 .atom:hover { animation-name: none } #b22 .e1733085669577 .atom:hover::after { opacity: 0 } #b22 .e1733085669577 .atom:hover { animation-name: none } #b22 .e1733085703681 .atom:hover::after { opacity: 0 } #b22 .e1733085703681 .atom:hover { animation-name: none } #b22 .e1733085703686 .atom:hover::after { opacity: 0 } #b22 .e1733085703686 .atom:hover { animation-name: none } } /* b23 · попап #popup:case16 */ #b23 { --h: 554px; --w: 1200px } #b23 .e1733108953221 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b23 .e1733108953221 .atom { background-color: #212326 } #b23 .e1733108953233 { left: 640px; top: 394px; width: 495px; height: 100px; z-index: 4 } #b23 .e1733108953233 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1733108953238 { left: 640px; top: 162px; width: 495px; height: 212px; z-index: 5 } #b23 .e1733108953238 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1733108953244 { left: 887px; top: 182px; width: 1px; height: 172px; z-index: 6 } #b23 .e1733108953244 .atom { background-color: #303132 } #b23 .e1733108953249 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b23 .e1733108953249 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b23 .e1733108953256 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b23 .e1733108953256 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b23 .e1733108953261 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b23 .e1733108953261 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1733108953267 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b23 .e1733108953267 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b23 .e1733108953273 { left: 640px; top: 110px; width: 410px; height: auto; color: #ffffff; z-index: 11 } #b23 .e1733108953273 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b23 .e1733108953279 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b23 .e1733108953279 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1733108953284 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b23 .e1733108953284 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b23 .e1733108953290 { left: 660px; top: 414px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b23 .e1733108953290 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1733108953296 { left: 660px; top: 442px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b23 .e1733108953296 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b23 { --h: 610px; --w: 320px } #b23 .e1733108953221 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b23 .e1733108953221 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b23 .e1733108953233 { left: 20px; top: 463px; width: 280px; height: 108px } #b23 .e1733108953238 { left: 20px; top: 214px; width: 280px; height: 229px } #b23 .e1733108953244 { left: 35px; top: 309px; width: 250px; height: 1px } #b23 .e1733108953249 { left: 20px; top: 83px; width: 180px } #b23 .e1733108953249 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b23 .e1733108953256 { left: 268px; top: 80px; width: 32px; height: 32px } #b23 .e1733108953261 { left: 35px; top: 229px; width: 250px } #b23 .e1733108953261 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1733108953267 { left: 35px; top: 255px; width: 235px } #b23 .e1733108953267 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b23 .e1733108953273 { left: 20px; top: 155px; width: 260px } #b23 .e1733108953273 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b23 .e1733108953279 { left: 35px; top: 324px; width: 250px } #b23 .e1733108953279 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1733108953284 { left: 35px; top: 350px; width: 250px } #b23 .e1733108953284 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b23 .e1733108953290 { left: 35px; top: 478px; width: 250px } #b23 .e1733108953290 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1733108953296 { left: 35px; top: 504px; width: 225px } #b23 .e1733108953296 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b23-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b24 · попап #popup:case17 */ #b24 { --h: 550px; --w: 1200px } #b24 .e1733109123050 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b24 .e1733109123050 .atom { background-color: #212326 } #b24 .e1733109123062 { left: 640px; top: 346px; width: 495px; height: 100px; z-index: 4 } #b24 .e1733109123062 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b24 .e1733109123070 { left: 640px; top: 162px; width: 495px; height: 164px; z-index: 5 } #b24 .e1733109123070 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b24 .e1733109123077 { left: 887px; top: 182px; width: 1px; height: 124px; z-index: 6 } #b24 .e1733109123077 .atom { background-color: #303132 } #b24 .e1733109123082 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b24 .e1733109123082 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b24 .e1733109123089 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b24 .e1733109123089 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b24 .e1733109123095 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b24 .e1733109123095 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b24 .e1733109123103 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b24 .e1733109123103 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b24 .e1733109123109 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b24 .e1733109123109 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b24 .e1733109123115 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b24 .e1733109123115 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b24 .e1733109123121 { left: 910px; top: 210px; width: 185px; height: auto; color: #ffffff; z-index: 13 } #b24 .e1733109123121 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b24 .e1733109123129 { left: 660px; top: 366px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b24 .e1733109123129 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b24 .e1733109123138 { left: 660px; top: 394px; width: 420px; height: auto; color: #ffffff; z-index: 15 } #b24 .e1733109123138 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b24 { --h: 610px; --w: 320px } #b24 .e1733109123050 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b24 .e1733109123050 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b24 .e1733109123062 { left: 20px; top: 450px; width: 280px; height: 95px } #b24 .e1733109123070 { left: 20px; top: 214px; width: 280px; height: 216px } #b24 .e1733109123077 { left: 35px; top: 322px; width: 250px; height: 1px } #b24 .e1733109123082 { left: 20px; top: 83px; width: 160px } #b24 .e1733109123082 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b24 .e1733109123089 { left: 268px; top: 80px; width: 32px; height: 32px } #b24 .e1733109123095 { left: 35px; top: 229px; width: 250px } #b24 .e1733109123095 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b24 .e1733109123103 { left: 35px; top: 255px; width: 215px } #b24 .e1733109123103 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b24 .e1733109123109 { left: 20px; top: 155px; width: 260px } #b24 .e1733109123109 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b24 .e1733109123115 { left: 35px; top: 337px; width: 250px } #b24 .e1733109123115 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b24 .e1733109123121 { left: 35px; top: 363px; width: 230px } #b24 .e1733109123121 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b24 .e1733109123129 { left: 35px; top: 465px; width: 250px } #b24 .e1733109123129 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b24 .e1733109123138 { left: 35px; top: 491px; width: 250px } #b24 .e1733109123138 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b24-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b25 · попап #popup:case18 */ #b25 { --h: 550px; --w: 1200px } #b25 .e1733109347594 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b25 .e1733109347594 .atom { background-color: #212326 } #b25 .e1733109347608 { left: 640px; top: 346px; width: 495px; height: 100px; z-index: 4 } #b25 .e1733109347608 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b25 .e1733109347618 { left: 640px; top: 162px; width: 495px; height: 164px; z-index: 5 } #b25 .e1733109347618 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b25 .e1733109347629 { left: 887px; top: 182px; width: 1px; height: 124px; z-index: 6 } #b25 .e1733109347629 .atom { background-color: #303132 } #b25 .e1733109347635 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b25 .e1733109347635 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b25 .e1733109347644 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b25 .e1733109347644 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b25 .e1733109347654 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b25 .e1733109347654 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b25 .e1733109347666 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b25 .e1733109347666 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b25 .e1733109347676 { left: 640px; top: 110px; width: 370px; height: auto; color: #ffffff; z-index: 11 } #b25 .e1733109347676 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b25 .e1733109347687 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b25 .e1733109347687 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b25 .e1733109347697 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b25 .e1733109347697 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b25 .e1733109347707 { left: 660px; top: 366px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b25 .e1733109347707 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b25 .e1733109347718 { left: 660px; top: 394px; width: 430px; height: auto; color: #ffffff; z-index: 15 } #b25 .e1733109347718 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b25 { --h: 610px; --w: 320px } #b25 .e1733109347594 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b25 .e1733109347594 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b25 .e1733109347608 { left: 20px; top: 437px; width: 280px; height: 95px } #b25 .e1733109347618 { left: 20px; top: 201px; width: 280px; height: 216px } #b25 .e1733109347629 { left: 35px; top: 309px; width: 250px; height: 1px } #b25 .e1733109347635 { left: 20px; top: 83px; width: 180px } #b25 .e1733109347635 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b25 .e1733109347644 { left: 268px; top: 80px; width: 32px; height: 32px } #b25 .e1733109347654 { left: 35px; top: 216px; width: 250px } #b25 .e1733109347654 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b25 .e1733109347666 { left: 35px; top: 242px; width: 235px } #b25 .e1733109347666 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b25 .e1733109347676 { left: 20px; top: 155px; width: 280px } #b25 .e1733109347676 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b25 .e1733109347687 { left: 35px; top: 324px; width: 250px } #b25 .e1733109347687 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b25 .e1733109347697 { left: 35px; top: 350px; width: 250px } #b25 .e1733109347697 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b25 .e1733109347707 { left: 35px; top: 452px; width: 250px } #b25 .e1733109347707 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b25 .e1733109347718 { left: 35px; top: 478px; width: 250px } #b25 .e1733109347718 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b25-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b26 · Эд Хохлов Зажатый, низкий уровень девушек, трудности с расслаблением и… */ #b26 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b26 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b26 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b26 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b26 .e1716577483559 .atom { border-radius: 10px; background-position: 0.000% 39.990%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/6163-3632-19.jpg') } #b26 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b26 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b26 .e1716577483548 { left: 120px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 6 } #b26 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b26 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b26 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b26 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b26 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b26 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b26 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b26 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b26 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b26 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b26 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b26 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b26 .e1733079326919 { left: 135px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 13 } #b26 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b26 .e1733080274875 { left: 120px; top: 20px; width: 75px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b26 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b26 .e1733080274875 .atom::after { display: none } #b26 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b26 .e1733080274875 .atom .btn__border::before { display: none } #b26 .e1733080274875 .atom .btn__border::after { display: none } #b26 .e1733080399426 { left: 200px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b26 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b26 .e1733080399426 .atom::after { display: none } #b26 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b26 .e1733080399426 .atom .btn__border::before { display: none } #b26 .e1733080399426 .atom .btn__border::after { display: none } #b26 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b26 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b26 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b26 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b26 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 18; pointer-events: none } #b26 .e1733085669474 .atom { border-radius: 10px; background-position: 0.000% 1.952%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3666-6263-20.jpg') } #b26 .e1733085669481 { left: 460px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 19 } #b26 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b26 .e1733085669488 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 20 } #b26 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b26 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 21 } #b26 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b26 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 22 } #b26 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b26 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 23; pointer-events: none } #b26 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b26 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24 } #b26 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b26 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 25 } #b26 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b26 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 26; pointer-events: none } #b26 .e1733085669552 { left: 475px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 27 } #b26 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b26 .e1733085669571 { left: 460px; top: 20px; width: 58px; height: 20px; color: #f5f5f5; text-align: center; z-index: 28; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b26 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b26 .e1733085669571 .atom::after { display: none } #b26 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b26 .e1733085669571 .atom .btn__border::before { display: none } #b26 .e1733085669571 .atom .btn__border::after { display: none } #b26 .e1733085669577 { left: 523px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b26 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b26 .e1733085669577 .atom::after { display: none } #b26 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b26 .e1733085669577 .atom .btn__border::before { display: none } #b26 .e1733085669577 .atom .btn__border::after { display: none } #b26 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 30 } #b26 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b26 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 31 } #b26 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b26 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 32; pointer-events: none } #b26 .e1733085703564 .atom { border-radius: 10px; background-position: 0.000% 1.952%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/6537-6661-21.jpg') } #b26 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 33 } #b26 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b26 .e1733085703582 { left: 800px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 34 } #b26 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b26 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 35 } #b26 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b26 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 36 } #b26 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b26 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 37; pointer-events: none } #b26 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b26 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 38 } #b26 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b26 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 39 } #b26 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b26 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 40; pointer-events: none } #b26 .e1733085703661 { left: 815px; top: 405px; width: 195px; height: auto; color: #ffffff; z-index: 41 } #b26 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b26 .e1733085703681 { left: 800px; top: 20px; width: 58px; height: 20px; color: #f5f5f5; text-align: center; z-index: 42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b26 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b26 .e1733085703681 .atom::after { display: none } #b26 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b26 .e1733085703681 .atom .btn__border::before { display: none } #b26 .e1733085703681 .atom .btn__border::after { display: none } #b26 .e1733085703686 { left: 863px; top: 20px; width: 66px; height: 20px; color: #f5f5f5; text-align: center; z-index: 43; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b26 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b26 .e1733085703686 .atom::after { display: none } #b26 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b26 .e1733085703686 .atom .btn__border::before { display: none } #b26 .e1733085703686 .atom .btn__border::after { display: none } #b26 .e1733085703691 { left: 800px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 44 } #b26 .e1733085703691 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } @media (max-width: 959px) { #b26 { --h: 1536px; --w: 320px; --zoom-ab: var(--zoom) } #b26 .e1716577483562 { left: 10px; width: 300px; height: 496px } #b26 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b26 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b26 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b26 .e1716577483548 { left: 30px; top: 275px; width: 200px } #b26 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b26 .e1733079330333 { left: 30px; top: 422px; width: 260px; border-radius: 10px } #b26 .e1733079330333 .atom { background-size: cover } #b26 .e1716577483539 { left: 30px; top: 319px; width: 260px; height: 83px; border-radius: 10px } #b26 .e1716577483539 .atom { background-size: cover } #b26 .e1716577483529 { left: 45px; top: 437px; width: 190px } #b26 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b26 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733079119467 { left: 45px; top: 334px; width: 158px } #b26 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733079282110 { left: 265px; top: 444px } #b26 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b26 .e1733079326919 { left: 45px; top: 351px; width: 190px } #b26 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b26 .e1733080274875 { left: 30px } #b26 .e1733080274875 .atom { white-space: normal; background-size: cover } #b26 .e1733080274875 .atom .btn__text { overflow: visible } #b26 .e1733080399426 { left: 110px } #b26 .e1733080399426 .atom { white-space: normal; background-size: cover } #b26 .e1733080399426 .atom .btn__text { overflow: visible } #b26 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b26 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733085669467 { left: 10px; top: 516px; width: 300px; height: 496px } #b26 .e1733085669474 { left: 15px; top: 521px; width: 290px; height: 180px } #b26 .e1733085669481 { left: 30px; top: 721px; width: 215px } #b26 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b26 .e1733085669488 { left: 30px; top: 791px; width: 240px } #b26 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b26 .e1733085669495 { left: 30px; top: 938px; width: 260px; border-radius: 10px } #b26 .e1733085669495 .atom { background-size: cover } #b26 .e1733085669501 { left: 30px; top: 835px; width: 260px; height: 83px; border-radius: 10px } #b26 .e1733085669501 .atom { background-size: cover } #b26 .e1733085669508 { left: 45px; top: 953px; width: 190px } #b26 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733085669515 { left: 30px; top: 774px; width: 158px } #b26 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733085669524 { left: 45px; top: 850px; width: 158px } #b26 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733085669535 { left: 265px; top: 960px } #b26 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b26 .e1733085669552 { left: 45px; top: 867px; width: 230px } #b26 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b26 .e1733085669571 { left: 30px; top: 536px } #b26 .e1733085669571 .atom { white-space: normal; background-size: cover } #b26 .e1733085669571 .atom .btn__text { overflow: visible } #b26 .e1733085669577 { left: 93px; top: 536px } #b26 .e1733085669577 .atom { white-space: normal; background-size: cover } #b26 .e1733085669577 .atom .btn__text { overflow: visible } #b26 .e1733085669586 { left: 30px; top: 742px; width: 158px } #b26 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733085703555 { left: 10px; top: 1032px; width: 300px; height: 484px } #b26 .e1733085703564 { left: 15px; top: 1037px; width: 290px; height: 180px } #b26 .e1733085703572 { left: 30px; top: 1237px; width: 215px } #b26 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b26 .e1733085703582 { left: 30px; top: 1307px; width: 240px } #b26 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b26 .e1733085703593 { left: 30px; top: 1442px; width: 260px; border-radius: 10px } #b26 .e1733085703593 .atom { background-size: cover } #b26 .e1733085703600 { left: 30px; top: 1351px; width: 260px; height: 71px; border-radius: 10px } #b26 .e1733085703600 .atom { background-size: cover } #b26 .e1733085703607 { left: 45px; top: 1457px; width: 190px } #b26 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733085703619 { left: 30px; top: 1290px; width: 158px } #b26 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733085703631 { left: 45px; top: 1366px; width: 158px } #b26 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b26 .e1733085703641 { left: 265px; top: 1464px } #b26 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b26 .e1733085703661 { left: 45px; top: 1383px; width: 230px } #b26 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b26 .e1733085703681 { left: 30px; top: 1052px } #b26 .e1733085703681 .atom { white-space: normal; background-size: cover } #b26 .e1733085703681 .atom .btn__text { overflow: visible } #b26 .e1733085703686 { left: 93px; top: 1052px } #b26 .e1733085703686 .atom { white-space: normal; background-size: cover } #b26 .e1733085703686 .atom .btn__text { overflow: visible } #b26 .e1733085703691 { left: 30px; top: 1258px; width: 158px } #b26 .e1733085703691 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } } @media (hover) { #b26 .e1733080274875 .atom:hover::after { opacity: 0 } #b26 .e1733080274875 .atom:hover { animation-name: none } #b26 .e1733080399426 .atom:hover::after { opacity: 0 } #b26 .e1733080399426 .atom:hover { animation-name: none } #b26 .e1733085669571 .atom:hover::after { opacity: 0 } #b26 .e1733085669571 .atom:hover { animation-name: none } #b26 .e1733085669577 .atom:hover::after { opacity: 0 } #b26 .e1733085669577 .atom:hover { animation-name: none } #b26 .e1733085703681 .atom:hover::after { opacity: 0 } #b26 .e1733085703681 .atom:hover { animation-name: none } #b26 .e1733085703686 .atom:hover::after { opacity: 0 } #b26 .e1733085703686 .atom:hover { animation-name: none } } /* b27 · попап #popup:case19 */ #b27 { --h: 550px; --w: 1200px } #b27 .e1733109493903 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b27 .e1733109493903 .atom { background-color: #212326 } #b27 .e1733109493916 { left: 640px; top: 362px; width: 495px; height: 100px; z-index: 4 } #b27 .e1733109493916 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b27 .e1733109493924 { left: 640px; top: 162px; width: 495px; height: 180px; z-index: 5 } #b27 .e1733109493924 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b27 .e1733109493932 { left: 887px; top: 182px; width: 1px; height: 140px; z-index: 6 } #b27 .e1733109493932 .atom { background-color: #303132 } #b27 .e1733109493937 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b27 .e1733109493937 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b27 .e1733109493945 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b27 .e1733109493945 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b27 .e1733109493956 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b27 .e1733109493956 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b27 .e1733109493966 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b27 .e1733109493966 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b27 .e1733109493973 { left: 640px; top: 110px; width: 290px; height: auto; color: #ffffff; z-index: 11 } #b27 .e1733109493973 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b27 .e1733109493981 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b27 .e1733109493981 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b27 .e1733109493989 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b27 .e1733109493989 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b27 .e1733109493997 { left: 660px; top: 382px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b27 .e1733109493997 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b27 .e1733109494007 { left: 660px; top: 410px; width: 310px; height: auto; color: #ffffff; z-index: 15 } #b27 .e1733109494007 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b27 { --h: 610px; --w: 320px } #b27 .e1733109493903 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b27 .e1733109493903 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b27 .e1733109493916 { left: 20px; top: 437px; width: 280px; height: 82px } #b27 .e1733109493924 { left: 20px; top: 201px; width: 280px; height: 216px } #b27 .e1733109493932 { left: 35px; top: 296px; width: 250px; height: 1px } #b27 .e1733109493937 { left: 20px; top: 83px; width: 120px } #b27 .e1733109493937 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b27 .e1733109493945 { left: 268px; top: 80px; width: 32px; height: 32px } #b27 .e1733109493956 { left: 35px; top: 216px; width: 250px } #b27 .e1733109493956 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b27 .e1733109493966 { left: 35px; top: 242px; width: 235px } #b27 .e1733109493966 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b27 .e1733109493973 { left: 20px; top: 155px; width: 240px } #b27 .e1733109493973 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b27 .e1733109493981 { left: 35px; top: 311px; width: 250px } #b27 .e1733109493981 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b27 .e1733109493989 { left: 35px; top: 337px; width: 230px } #b27 .e1733109493989 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b27 .e1733109493997 { left: 35px; top: 452px; width: 250px } #b27 .e1733109493997 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b27 .e1733109494007 { left: 35px; top: 478px; width: 250px } #b27 .e1733109494007 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b27-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b28 · попап #popup:case20 */ #b28 { --h: 550px; --w: 1200px } #b28 .e1733109650012 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b28 .e1733109650012 .atom { background-color: #212326 } #b28 .e1733109650025 { left: 640px; top: 362px; width: 495px; height: 116px; z-index: 4 } #b28 .e1733109650025 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b28 .e1733109650030 { left: 640px; top: 162px; width: 495px; height: 180px; z-index: 5 } #b28 .e1733109650030 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b28 .e1733109650036 { left: 887px; top: 182px; width: 1px; height: 140px; z-index: 6 } #b28 .e1733109650036 .atom { background-color: #303132 } #b28 .e1733109650041 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b28 .e1733109650041 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b28 .e1733109650047 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b28 .e1733109650047 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b28 .e1733109650053 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b28 .e1733109650053 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b28 .e1733109650058 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b28 .e1733109650058 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b28 .e1733109650064 { left: 640px; top: 110px; width: 400px; height: auto; color: #ffffff; z-index: 11 } #b28 .e1733109650064 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b28 .e1733109650070 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b28 .e1733109650070 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b28 .e1733109650076 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b28 .e1733109650076 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b28 .e1733109650083 { left: 660px; top: 382px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b28 .e1733109650083 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b28 .e1733109650088 { left: 660px; top: 410px; width: 380px; height: auto; color: #ffffff; z-index: 15 } #b28 .e1733109650088 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b28 { --h: 610px; --w: 320px } #b28 .e1733109650012 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b28 .e1733109650012 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b28 .e1733109650025 { left: 20px; top: 463px; width: 280px; height: 108px } #b28 .e1733109650030 { left: 20px; top: 214px; width: 280px; height: 229px } #b28 .e1733109650036 { left: 35px; top: 322px; width: 250px; height: 1px } #b28 .e1733109650041 { left: 20px; top: 83px; width: 180px } #b28 .e1733109650041 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b28 .e1733109650047 { left: 268px; top: 80px; width: 32px; height: 32px } #b28 .e1733109650053 { left: 35px; top: 229px; width: 250px } #b28 .e1733109650053 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b28 .e1733109650058 { left: 35px; top: 255px; width: 235px } #b28 .e1733109650058 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b28 .e1733109650064 { left: 20px; top: 155px; width: 220px } #b28 .e1733109650064 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b28 .e1733109650070 { left: 35px; top: 337px; width: 250px } #b28 .e1733109650070 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b28 .e1733109650076 { left: 35px; top: 363px; width: 250px } #b28 .e1733109650076 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b28 .e1733109650083 { left: 35px; top: 478px; width: 250px } #b28 .e1733109650083 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b28 .e1733109650088 { left: 35px; top: 504px; width: 250px } #b28 .e1733109650088 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b28-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b29 · попап #popup:case21 */ #b29 { --h: 550px; --w: 1200px } #b29 .e1733109786072 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b29 .e1733109786072 .atom { background-color: #212326 } #b29 .e1733109786085 { left: 640px; top: 362px; width: 495px; height: 100px; z-index: 4 } #b29 .e1733109786085 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b29 .e1733109786092 { left: 640px; top: 178px; width: 495px; height: 164px; z-index: 5 } #b29 .e1733109786092 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b29 .e1733109786098 { left: 887px; top: 198px; width: 1px; height: 124px; z-index: 6 } #b29 .e1733109786098 .atom { background-color: #303132 } #b29 .e1733109786105 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b29 .e1733109786105 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b29 .e1733109786116 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b29 .e1733109786116 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b29 .e1733109786126 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b29 .e1733109786126 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b29 .e1733109786137 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b29 .e1733109786137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b29 .e1733109786148 { left: 640px; top: 110px; width: 360px; height: auto; color: #ffffff; z-index: 11 } #b29 .e1733109786148 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b29 .e1733109786158 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b29 .e1733109786158 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b29 .e1733109786165 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b29 .e1733109786165 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b29 .e1733109786171 { left: 660px; top: 382px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b29 .e1733109786171 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b29 .e1733109786176 { left: 660px; top: 410px; width: 325px; height: auto; color: #ffffff; z-index: 15 } #b29 .e1733109786176 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b29 { --h: 610px; --w: 320px } #b29 .e1733109786072 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b29 .e1733109786072 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b29 .e1733109786085 { left: 20px; top: 450px; width: 280px; height: 82px } #b29 .e1733109786092 { left: 20px; top: 227px; width: 280px; height: 203px } #b29 .e1733109786098 { left: 35px; top: 322px; width: 250px; height: 1px } #b29 .e1733109786105 { left: 20px; top: 83px; width: 160px } #b29 .e1733109786105 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b29 .e1733109786116 { left: 268px; top: 80px; width: 32px; height: 32px } #b29 .e1733109786126 { left: 35px; top: 242px; width: 250px } #b29 .e1733109786126 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b29 .e1733109786137 { left: 35px; top: 268px; width: 235px } #b29 .e1733109786137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b29 .e1733109786148 { left: 20px; top: 155px; width: 230px } #b29 .e1733109786148 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b29 .e1733109786158 { left: 35px; top: 337px; width: 250px } #b29 .e1733109786158 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b29 .e1733109786165 { left: 35px; top: 363px; width: 240px } #b29 .e1733109786165 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b29 .e1733109786171 { left: 35px; top: 465px; width: 250px } #b29 .e1733109786171 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b29 .e1733109786176 { left: 35px; top: 491px; width: 250px } #b29 .e1733109786176 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b29-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b30 · Макс Деревянко Расстался с девушкой, с которой был 4 года. Не было ник… */ #b30 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b30 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b30 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b30 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b30 .e1716577483559 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3335-6363-22.jpg') } #b30 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b30 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b30 .e1716577483548 { left: 120px; top: 297px; width: 265px; height: auto; color: #ffffff; z-index: 6 } #b30 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b30 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b30 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b30 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b30 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b30 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b30 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b30 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b30 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b30 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b30 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b30 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b30 .e1733079326919 { left: 135px; top: 405px; width: 195px; height: auto; color: #ffffff; z-index: 13 } #b30 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b30 .e1733080274875 { left: 120px; top: 20px; width: 58px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b30 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b30 .e1733080274875 .atom::after { display: none } #b30 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b30 .e1733080274875 .atom .btn__border::before { display: none } #b30 .e1733080274875 .atom .btn__border::after { display: none } #b30 .e1733080399426 { left: 183px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b30 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b30 .e1733080399426 .atom::after { display: none } #b30 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b30 .e1733080399426 .atom .btn__border::before { display: none } #b30 .e1733080399426 .atom .btn__border::after { display: none } #b30 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b30 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b30 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b30 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b30 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 18; pointer-events: none } #b30 .e1733085669474 .atom { border-radius: 10px; background-position: 0.000% 1.952%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/6230-3938-23.jpg') } #b30 .e1733085669481 { left: 460px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 19 } #b30 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b30 .e1733085669488 { left: 460px; top: 297px; width: 245px; height: auto; color: #ffffff; z-index: 20 } #b30 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b30 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 21 } #b30 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b30 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 22 } #b30 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b30 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 23; pointer-events: none } #b30 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b30 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24 } #b30 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b30 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 25 } #b30 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b30 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 26; pointer-events: none } #b30 .e1733085669552 { left: 475px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 27 } #b30 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b30 .e1733085669571 { left: 460px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 28; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b30 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b30 .e1733085669571 .atom::after { display: none } #b30 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b30 .e1733085669571 .atom .btn__border::before { display: none } #b30 .e1733085669571 .atom .btn__border::after { display: none } #b30 .e1733085669577 { left: 522px; top: 20px; width: 59px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b30 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b30 .e1733085669577 .atom::after { display: none } #b30 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b30 .e1733085669577 .atom .btn__border::before { display: none } #b30 .e1733085669577 .atom .btn__border::after { display: none } #b30 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 30 } #b30 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b30 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 31 } #b30 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b30 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 32; pointer-events: none } #b30 .e1733085703564 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3361-3263-Icon.svg') } #b30 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 33 } #b30 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b30 .e1733085703582 { left: 800px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 34 } #b30 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b30 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 35 } #b30 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b30 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 36 } #b30 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b30 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 37; pointer-events: none } #b30 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b30 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 38 } #b30 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b30 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 39 } #b30 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b30 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 40; pointer-events: none } #b30 .e1733085703661 { left: 815px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 41 } #b30 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b30 .e1733085703681 { left: 800px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b30 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b30 .e1733085703681 .atom::after { display: none } #b30 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b30 .e1733085703681 .atom .btn__border::before { display: none } #b30 .e1733085703681 .atom .btn__border::after { display: none } #b30 .e1733085703686 { left: 862px; top: 20px; width: 66px; height: 20px; color: #f5f5f5; text-align: center; z-index: 43; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b30 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b30 .e1733085703686 .atom::after { display: none } #b30 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b30 .e1733085703686 .atom .btn__border::before { display: none } #b30 .e1733085703686 .atom .btn__border::after { display: none } #b30 .e1733085703691 { left: 800px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 44 } #b30 .e1733085703691 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } @media (max-width: 959px) { #b30 { --h: 1548px; --w: 320px; --zoom-ab: var(--zoom) } #b30 .e1716577483562 { left: 10px; width: 300px; height: 496px } #b30 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b30 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b30 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b30 .e1716577483548 { left: 30px; top: 275px; width: 240px } #b30 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b30 .e1733079330333 { left: 30px; top: 422px; width: 260px; border-radius: 10px } #b30 .e1733079330333 .atom { background-size: cover } #b30 .e1716577483539 { left: 30px; top: 331px; width: 260px; height: 71px; border-radius: 10px } #b30 .e1716577483539 .atom { background-size: cover } #b30 .e1716577483529 { left: 45px; top: 437px; width: 190px } #b30 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b30 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733079119467 { left: 45px; top: 346px; width: 158px } #b30 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733079282110 { left: 265px; top: 444px } #b30 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b30 .e1733079326919 { left: 45px; top: 363px; width: 230px } #b30 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b30 .e1733080274875 { left: 30px } #b30 .e1733080274875 .atom { white-space: normal; background-size: cover } #b30 .e1733080274875 .atom .btn__text { overflow: visible } #b30 .e1733080399426 { left: 93px } #b30 .e1733080399426 .atom { white-space: normal; background-size: cover } #b30 .e1733080399426 .atom .btn__text { overflow: visible } #b30 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b30 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733085669467 { left: 10px; top: 516px; width: 300px; height: 496px } #b30 .e1733085669474 { left: 15px; top: 521px; width: 290px; height: 180px } #b30 .e1733085669481 { left: 30px; top: 721px; width: 215px } #b30 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b30 .e1733085669488 { left: 30px; top: 791px; width: 260px } #b30 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b30 .e1733085669495 { left: 30px; top: 938px; width: 260px; border-radius: 10px } #b30 .e1733085669495 .atom { background-size: cover } #b30 .e1733085669501 { left: 30px; top: 835px; width: 260px; height: 83px; border-radius: 10px } #b30 .e1733085669501 .atom { background-size: cover } #b30 .e1733085669508 { left: 45px; top: 953px; width: 190px } #b30 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733085669515 { left: 30px; top: 774px; width: 158px } #b30 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733085669524 { left: 45px; top: 850px; width: 158px } #b30 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733085669535 { left: 265px; top: 960px } #b30 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b30 .e1733085669552 { left: 45px; top: 867px; width: 230px } #b30 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b30 .e1733085669571 { left: 30px; top: 536px } #b30 .e1733085669571 .atom { white-space: normal; background-size: cover } #b30 .e1733085669571 .atom .btn__text { overflow: visible } #b30 .e1733085669577 { left: 92px; top: 536px } #b30 .e1733085669577 .atom { white-space: normal; background-size: cover } #b30 .e1733085669577 .atom .btn__text { overflow: visible } #b30 .e1733085669586 { left: 30px; top: 742px; width: 158px } #b30 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733085703555 { left: 10px; top: 1032px; width: 300px; height: 496px } #b30 .e1733085703564 { left: 15px; top: 1037px; width: 290px; height: 180px } #b30 .e1733085703572 { left: 30px; top: 1237px; width: 215px } #b30 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b30 .e1733085703582 { left: 30px; top: 1307px; width: 240px } #b30 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b30 .e1733085703593 { left: 30px; top: 1454px; width: 260px; border-radius: 10px } #b30 .e1733085703593 .atom { background-size: cover } #b30 .e1733085703600 { left: 30px; top: 1351px; width: 260px; height: 83px; border-radius: 10px } #b30 .e1733085703600 .atom { background-size: cover } #b30 .e1733085703607 { left: 45px; top: 1469px; width: 190px } #b30 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733085703619 { left: 30px; top: 1290px; width: 158px } #b30 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733085703631 { left: 45px; top: 1366px; width: 158px } #b30 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b30 .e1733085703641 { left: 265px; top: 1476px } #b30 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b30 .e1733085703661 { left: 45px; top: 1383px; width: 230px } #b30 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b30 .e1733085703681 { left: 30px; top: 1052px } #b30 .e1733085703681 .atom { white-space: normal; background-size: cover } #b30 .e1733085703681 .atom .btn__text { overflow: visible } #b30 .e1733085703686 { left: 92px; top: 1052px } #b30 .e1733085703686 .atom { white-space: normal; background-size: cover } #b30 .e1733085703686 .atom .btn__text { overflow: visible } #b30 .e1733085703691 { left: 30px; top: 1258px; width: 158px } #b30 .e1733085703691 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } } @media (hover) { #b30 .e1733080274875 .atom:hover::after { opacity: 0 } #b30 .e1733080274875 .atom:hover { animation-name: none } #b30 .e1733080399426 .atom:hover::after { opacity: 0 } #b30 .e1733080399426 .atom:hover { animation-name: none } #b30 .e1733085669571 .atom:hover::after { opacity: 0 } #b30 .e1733085669571 .atom:hover { animation-name: none } #b30 .e1733085669577 .atom:hover::after { opacity: 0 } #b30 .e1733085669577 .atom:hover { animation-name: none } #b30 .e1733085703681 .atom:hover::after { opacity: 0 } #b30 .e1733085703681 .atom:hover { animation-name: none } #b30 .e1733085703686 .atom:hover::after { opacity: 0 } #b30 .e1733085703686 .atom:hover { animation-name: none } } /* b31 · попап #popup:case22 */ #b31 { --h: 550px; --w: 1200px } #b31 .e1733111002777 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b31 .e1733111002777 .atom { background-color: #212326 } #b31 .e1733111002799 { left: 640px; top: 346px; width: 495px; height: 100px; z-index: 4 } #b31 .e1733111002799 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b31 .e1733111002806 { left: 640px; top: 130px; width: 495px; height: 196px; z-index: 5 } #b31 .e1733111002806 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b31 .e1733111002812 { left: 887px; top: 150px; width: 1px; height: 156px; z-index: 6 } #b31 .e1733111002812 .atom { background-color: #303132 } #b31 .e1733111002819 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b31 .e1733111002819 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b31 .e1733111002829 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b31 .e1733111002829 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b31 .e1733111002838 { left: 660px; top: 150px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b31 .e1733111002838 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b31 .e1733111002848 { left: 660px; top: 178px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b31 .e1733111002848 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b31 .e1733111002871 { left: 910px; top: 150px; width: 205px; height: auto; color: #ddd3b2; z-index: 11 } #b31 .e1733111002871 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b31 .e1733111002882 { left: 910px; top: 178px; width: 205px; height: auto; color: #ffffff; z-index: 12 } #b31 .e1733111002882 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b31 .e1733111002895 { left: 660px; top: 366px; width: 455px; height: auto; color: #ddd3b2; z-index: 13 } #b31 .e1733111002895 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b31 .e1733111002905 { left: 660px; top: 394px; width: 415px; height: auto; color: #ffffff; z-index: 14 } #b31 .e1733111002905 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b31 { --h: 610px; --w: 320px } #b31 .e1733111002777 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b31 .e1733111002777 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b31 .e1733111002799 { left: 20px; top: 417px; width: 280px; height: 95px } #b31 .e1733111002806 { left: 20px; top: 155px; width: 280px; height: 242px } #b31 .e1733111002812 { left: 35px; top: 276px; width: 250px; height: 1px } #b31 .e1733111002819 { left: 20px; top: 83px; width: 180px } #b31 .e1733111002819 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b31 .e1733111002829 { left: 268px; top: 80px; width: 32px; height: 32px } #b31 .e1733111002838 { left: 35px; top: 170px; width: 250px } #b31 .e1733111002838 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b31 .e1733111002848 { left: 35px; top: 196px; width: 235px } #b31 .e1733111002848 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b31 .e1733111002871 { left: 35px; top: 291px; width: 250px } #b31 .e1733111002871 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b31 .e1733111002882 { left: 35px; top: 317px; width: 250px } #b31 .e1733111002882 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b31 .e1733111002895 { left: 35px; top: 432px; width: 250px } #b31 .e1733111002895 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b31 .e1733111002905 { left: 35px; top: 458px; width: 225px } #b31 .e1733111002905 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b31-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b32 · попап #popup:case23 */ #b32 { --h: 842px; --w: 1200px } #b32 .e1733111168572 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b32 .e1733111168572 .atom { background-color: #212326 } #b32 .e1733111168594 { left: 640px; top: 602px; width: 495px; height: 180px; z-index: 4 } #b32 .e1733111168594 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b32 .e1733111168605 { left: 640px; top: 178px; width: 495px; height: 403px; z-index: 5 } #b32 .e1733111168605 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b32 .e1733111168617 { left: 887px; top: 198px; width: 1px; height: 363px; z-index: 6 } #b32 .e1733111168617 .atom { background-color: #303132 } #b32 .e1733111168725 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b32 .e1733111168725 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b32 .e1733111168739 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b32 .e1733111168739 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b32 .e1733111168750 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b32 .e1733111168750 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b32 .e1733111168764 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b32 .e1733111168764 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b32 .e1733111168775 { left: 640px; top: 110px; width: 430px; height: auto; color: #ffffff; z-index: 11 } #b32 .e1733111168775 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b32 .e1733111168783 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b32 .e1733111168783 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b32 .e1733111168789 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b32 .e1733111168789 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b32 .e1733111168796 { left: 660px; top: 622px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b32 .e1733111168796 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b32 .e1733111168803 { left: 660px; top: 650px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b32 .e1733111168803 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b32 { --h: 806px; --w: 320px } #b32 .e1733111168572 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b32 .e1733111168572 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b32 .e1733111168594 { left: 20px; top: 587px; width: 280px; height: 199px } #b32 .e1733111168605 { left: 20px; top: 227px; width: 280px; height: 345px } #b32 .e1733111168617 { left: 35px; top: 335px; width: 250px; height: 1px } #b32 .e1733111168725 { left: 20px; top: 83px; width: 180px } #b32 .e1733111168725 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b32 .e1733111168739 { left: 268px; top: 80px; width: 32px; height: 32px } #b32 .e1733111168750 { left: 35px; top: 242px; width: 250px } #b32 .e1733111168750 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b32 .e1733111168764 { left: 35px; top: 268px; width: 235px } #b32 .e1733111168764 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b32 .e1733111168775 { left: 20px; top: 155px; width: 260px } #b32 .e1733111168775 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b32 .e1733111168783 { left: 35px; top: 350px; width: 250px } #b32 .e1733111168783 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b32 .e1733111168789 { left: 35px; top: 376px; width: 240px } #b32 .e1733111168789 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b32 .e1733111168796 { left: 35px; top: 602px; width: 250px } #b32 .e1733111168796 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b32 .e1733111168803 { left: 35px; top: 628px; width: 240px } #b32 .e1733111168803 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b32-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b33 · попап #popup:case24 */ #b33 { --h: 586px; --w: 1200px } #b33 .e1733111344866 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b33 .e1733111344866 .atom { background-color: #212326 } #b33 .e1733111344880 { left: 640px; top: 410px; width: 495px; height: 116px; z-index: 4 } #b33 .e1733111344880 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b33 .e1733111344888 { left: 640px; top: 146px; width: 495px; height: 244px; z-index: 5 } #b33 .e1733111344888 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b33 .e1733111344896 { left: 887px; top: 166px; width: 1px; height: 204px; z-index: 6 } #b33 .e1733111344896 .atom { background-color: #303132 } #b33 .e1733111344906 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b33 .e1733111344906 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b33 .e1733111344918 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b33 .e1733111344918 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b33 .e1733111344924 { left: 660px; top: 166px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b33 .e1733111344924 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b33 .e1733111344932 { left: 660px; top: 194px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b33 .e1733111344932 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b33 .e1733111344943 { left: 640px; top: 110px; width: 500px; height: auto; color: #ffffff; z-index: 11 } #b33 .e1733111344943 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b33 .e1733111344954 { left: 910px; top: 166px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b33 .e1733111344954 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b33 .e1733111344961 { left: 910px; top: 194px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b33 .e1733111344961 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b33 .e1733111344970 { left: 660px; top: 430px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b33 .e1733111344970 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b33 .e1733111344977 { left: 660px; top: 458px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b33 .e1733111344977 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b33 { --h: 617px; --w: 320px } #b33 .e1733111344866 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b33 .e1733111344866 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b33 .e1733111344880 { left: 20px; top: 476px; width: 280px; height: 121px } #b33 .e1733111344888 { left: 20px; top: 175px; width: 280px; height: 281px } #b33 .e1733111344896 { left: 35px; top: 322px; width: 250px; height: 1px } #b33 .e1733111344906 { left: 20px; top: 83px; width: 248px } #b33 .e1733111344906 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b33 .e1733111344918 { left: 268px; top: 80px; width: 32px; height: 32px } #b33 .e1733111344924 { left: 35px; top: 190px; width: 250px } #b33 .e1733111344924 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b33 .e1733111344932 { left: 35px; top: 216px; width: 250px } #b33 .e1733111344932 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b33 .e1733111344943 { left: 20px; top: 129px; width: 220px } #b33 .e1733111344943 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b33 .e1733111344954 { left: 35px; top: 337px; width: 250px } #b33 .e1733111344954 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b33 .e1733111344961 { left: 35px; top: 363px; width: 250px } #b33 .e1733111344961 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b33 .e1733111344970 { left: 35px; top: 491px; width: 250px } #b33 .e1733111344970 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b33 .e1733111344977 { left: 35px; top: 517px; width: 250px } #b33 .e1733111344977 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b33-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b34 · Аноним Был строгим и чопорным, что мешало устанавливать контакт с деву… */ #b34 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b34 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b34 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b34 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b34 .e1716577483559 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3664-3663-Icon.svg') } #b34 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b34 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b34 .e1716577483548 { left: 120px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 6 } #b34 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b34 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b34 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b34 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b34 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b34 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b34 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b34 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b34 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b34 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b34 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b34 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b34 .e1733079326919 { left: 135px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 13 } #b34 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b34 .e1733080399426 { left: 120px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b34 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b34 .e1733080399426 .atom::after { display: none } #b34 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b34 .e1733080399426 .atom .btn__border::before { display: none } #b34 .e1733080399426 .atom .btn__border::after { display: none } #b34 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 15 } #b34 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b34 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 16; pointer-events: none } #b34 .e1733085669474 .atom { border-radius: 10px; background-position: 0.000% 36.350%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3833-3536-26.jpg') } #b34 .e1733085669481 { left: 460px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 17 } #b34 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b34 .e1733085669488 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 18 } #b34 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b34 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 19 } #b34 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b34 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 20 } #b34 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b34 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 21; pointer-events: none } #b34 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b34 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 22 } #b34 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b34 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 23 } #b34 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b34 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 24; pointer-events: none } #b34 .e1733085669552 { left: 475px; top: 405px; width: 245px; height: auto; color: #ffffff; z-index: 25 } #b34 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b34 .e1733085669577 { left: 460px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 26; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b34 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b34 .e1733085669577 .atom::after { display: none } #b34 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b34 .e1733085669577 .atom .btn__border::before { display: none } #b34 .e1733085669577 .atom .btn__border::after { display: none } #b34 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 27 } #b34 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b34 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 28 } #b34 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b34 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 29; pointer-events: none } #b34 .e1733085703564 .atom { border-radius: 10px; background-position: 0.000% 50.546%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3463-6633-27.jpg') } #b34 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 30 } #b34 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b34 .e1733085703582 { left: 800px; top: 297px; width: 225px; height: auto; color: #ffffff; z-index: 31 } #b34 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b34 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 32 } #b34 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b34 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 33 } #b34 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b34 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 34; pointer-events: none } #b34 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b34 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 35 } #b34 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b34 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 36 } #b34 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b34 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 37; pointer-events: none } #b34 .e1733085703661 { left: 815px; top: 405px; width: 230px; height: auto; color: #ffffff; z-index: 38 } #b34 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b34 .e1733085703686 { left: 800px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 39; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b34 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b34 .e1733085703686 .atom::after { display: none } #b34 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b34 .e1733085703686 .atom .btn__border::before { display: none } #b34 .e1733085703686 .atom .btn__border::after { display: none } #b34 .e1733085703691 { left: 800px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 40 } #b34 .e1733085703691 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } @media (max-width: 959px) { #b34 { --h: 1555px; --w: 320px; --zoom-ab: var(--zoom) } #b34 .e1716577483562 { left: 10px; width: 300px; height: 479px } #b34 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b34 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b34 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b34 .e1716577483548 { left: 30px; top: 258px; width: 240px } #b34 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b34 .e1733079330333 { left: 30px; top: 405px; width: 260px; border-radius: 10px } #b34 .e1733079330333 .atom { background-size: cover } #b34 .e1716577483539 { left: 30px; top: 302px; width: 260px; height: 83px; border-radius: 10px } #b34 .e1716577483539 .atom { background-size: cover } #b34 .e1716577483529 { left: 45px; top: 420px; width: 190px } #b34 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733079106159 { left: 30px; top: 241px; width: 158px } #b34 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733079119467 { left: 45px; top: 317px; width: 158px } #b34 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733079282110 { left: 265px; top: 427px } #b34 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b34 .e1733079326919 { left: 45px; top: 334px; width: 230px } #b34 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b34 .e1733080399426 { left: 30px } #b34 .e1733080399426 .atom { white-space: normal; background-size: cover } #b34 .e1733080399426 .atom .btn__text { overflow: visible } #b34 .e1733085669467 { left: 10px; top: 499px; width: 300px; height: 520px } #b34 .e1733085669474 { left: 15px; top: 504px; width: 290px; height: 180px } #b34 .e1733085669481 { left: 30px; top: 704px; width: 215px } #b34 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b34 .e1733085669488 { left: 30px; top: 774px; width: 240px } #b34 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b34 .e1733085669495 { left: 30px; top: 945px; width: 260px; border-radius: 10px } #b34 .e1733085669495 .atom { background-size: cover } #b34 .e1733085669501 { left: 30px; top: 830px; width: 260px; height: 95px; border-radius: 10px } #b34 .e1733085669501 .atom { background-size: cover } #b34 .e1733085669508 { left: 45px; top: 960px; width: 190px } #b34 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733085669515 { left: 30px; top: 757px; width: 158px } #b34 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733085669524 { left: 45px; top: 845px; width: 158px } #b34 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733085669535 { left: 265px; top: 967px } #b34 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b34 .e1733085669552 { left: 45px; top: 862px; width: 205px } #b34 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b34 .e1733085669577 { left: 30px; top: 519px } #b34 .e1733085669577 .atom { white-space: normal; background-size: cover } #b34 .e1733085669577 .atom .btn__text { overflow: visible } #b34 .e1733085669586 { left: 30px; top: 725px; width: 158px } #b34 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733085703555 { left: 10px; top: 1039px; width: 300px; height: 496px } #b34 .e1733085703564 { left: 15px; top: 1044px; width: 290px; height: 180px } #b34 .e1733085703572 { left: 30px; top: 1244px; width: 215px } #b34 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b34 .e1733085703582 { left: 30px; top: 1314px; width: 240px } #b34 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b34 .e1733085703593 { left: 30px; top: 1461px; width: 260px; border-radius: 10px } #b34 .e1733085703593 .atom { background-size: cover } #b34 .e1733085703600 { left: 30px; top: 1358px; width: 260px; height: 83px; border-radius: 10px } #b34 .e1733085703600 .atom { background-size: cover } #b34 .e1733085703607 { left: 45px; top: 1476px; width: 190px } #b34 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733085703619 { left: 30px; top: 1297px; width: 158px } #b34 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733085703631 { left: 45px; top: 1373px; width: 158px } #b34 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b34 .e1733085703641 { left: 265px; top: 1483px } #b34 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b34 .e1733085703661 { left: 45px; top: 1390px; width: 200px } #b34 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b34 .e1733085703686 { left: 30px; top: 1059px } #b34 .e1733085703686 .atom { white-space: normal; background-size: cover } #b34 .e1733085703686 .atom .btn__text { overflow: visible } #b34 .e1733085703691 { left: 30px; top: 1265px; width: 158px } #b34 .e1733085703691 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } } @media (hover) { #b34 .e1733080399426 .atom:hover::after { opacity: 0 } #b34 .e1733080399426 .atom:hover { animation-name: none } #b34 .e1733085669577 .atom:hover::after { opacity: 0 } #b34 .e1733085669577 .atom:hover { animation-name: none } #b34 .e1733085703686 .atom:hover::after { opacity: 0 } #b34 .e1733085703686 .atom:hover { animation-name: none } } /* b35 · попап #popup:case25 */ #b35 { --h: 634px; --w: 1200px } #b35 .e1733111520323 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b35 .e1733111520323 .atom { background-color: #212326 } #b35 .e1733111520342 { left: 640px; top: 458px; width: 495px; height: 116px; z-index: 4 } #b35 .e1733111520342 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b35 .e1733111520349 { left: 640px; top: 178px; width: 495px; height: 260px; z-index: 5 } #b35 .e1733111520349 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b35 .e1733111520355 { left: 887px; top: 198px; width: 1px; height: 220px; z-index: 6 } #b35 .e1733111520355 .atom { background-color: #303132 } #b35 .e1733111520361 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b35 .e1733111520361 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b35 .e1733111520368 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b35 .e1733111520368 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b35 .e1733111520376 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b35 .e1733111520376 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b35 .e1733111520382 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b35 .e1733111520382 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b35 .e1733111520387 { left: 640px; top: 110px; width: 390px; height: auto; color: #ffffff; z-index: 11 } #b35 .e1733111520387 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b35 .e1733111520394 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b35 .e1733111520394 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b35 .e1733111520405 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b35 .e1733111520405 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b35 .e1733111520415 { left: 660px; top: 478px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b35 .e1733111520415 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b35 .e1733111520420 { left: 660px; top: 506px; width: 395px; height: auto; color: #ffffff; z-index: 15 } #b35 .e1733111520420 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b35 { --h: 656px; --w: 320px } #b35 .e1733111520323 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b35 .e1733111520323 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b35 .e1733111520342 { left: 20px; top: 528px; width: 280px; height: 108px } #b35 .e1733111520349 { left: 20px; top: 227px; width: 280px; height: 281px } #b35 .e1733111520355 { left: 35px; top: 348px; width: 250px; height: 1px } #b35 .e1733111520361 { left: 20px; top: 83px; width: 160px } #b35 .e1733111520361 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b35 .e1733111520368 { left: 268px; top: 80px; width: 32px; height: 32px } #b35 .e1733111520376 { left: 35px; top: 242px; width: 250px } #b35 .e1733111520376 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b35 .e1733111520382 { left: 35px; top: 268px; width: 235px } #b35 .e1733111520382 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b35 .e1733111520387 { left: 20px; top: 155px; width: 260px } #b35 .e1733111520387 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b35 .e1733111520394 { left: 35px; top: 363px; width: 250px } #b35 .e1733111520394 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b35 .e1733111520405 { left: 35px; top: 389px; width: 250px } #b35 .e1733111520405 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b35 .e1733111520415 { left: 35px; top: 543px; width: 250px } #b35 .e1733111520415 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b35 .e1733111520420 { left: 35px; top: 569px; width: 250px } #b35 .e1733111520420 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b35-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b36 · попап #popup:case26 */ #b36 { --h: 746px; --w: 1200px } #b36 .e1733111685247 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b36 .e1733111685247 .atom { background-color: #212326 } #b36 .e1733111685264 { left: 640px; top: 570px; width: 495px; height: 116px; z-index: 4 } #b36 .e1733111685264 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b36 .e1733111685274 { left: 640px; top: 178px; width: 495px; height: 371px; z-index: 5 } #b36 .e1733111685274 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b36 .e1733111685285 { left: 887px; top: 198px; width: 1px; height: 331px; z-index: 6 } #b36 .e1733111685285 .atom { background-color: #303132 } #b36 .e1733111685293 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b36 .e1733111685293 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b36 .e1733111685301 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b36 .e1733111685301 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b36 .e1733111685308 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b36 .e1733111685308 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b36 .e1733111685318 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b36 .e1733111685318 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b36 .e1733111685326 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b36 .e1733111685326 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b36 .e1733111685335 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b36 .e1733111685335 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b36 .e1733111685344 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b36 .e1733111685344 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b36 .e1733111685357 { left: 660px; top: 590px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b36 .e1733111685357 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b36 .e1733111685365 { left: 660px; top: 618px; width: 375px; height: auto; color: #ffffff; z-index: 15 } #b36 .e1733111685365 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b36 { --h: 721px; --w: 320px } #b36 .e1733111685247 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b36 .e1733111685247 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b36 .e1733111685264 { left: 20px; top: 593px; width: 280px; height: 108px } #b36 .e1733111685274 { left: 20px; top: 240px; width: 280px; height: 333px } #b36 .e1733111685285 { left: 35px; top: 348px; width: 250px; height: 1px } #b36 .e1733111685293 { left: 20px; top: 83px; width: 180px } #b36 .e1733111685293 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b36 .e1733111685301 { left: 268px; top: 80px; width: 32px; height: 32px } #b36 .e1733111685308 { left: 35px; top: 255px; width: 250px } #b36 .e1733111685308 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b36 .e1733111685318 { left: 35px; top: 281px; width: 240px } #b36 .e1733111685318 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b36 .e1733111685326 { left: 20px; top: 155px; width: 230px } #b36 .e1733111685326 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b36 .e1733111685335 { left: 35px; top: 363px; width: 250px } #b36 .e1733111685335 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b36 .e1733111685344 { left: 35px; top: 389px; width: 250px } #b36 .e1733111685344 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b36 .e1733111685357 { left: 35px; top: 608px; width: 250px } #b36 .e1733111685357 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b36 .e1733111685365 { left: 35px; top: 634px; width: 250px } #b36 .e1733111685365 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b36-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b37 · попап #popup:case27 */ #b37 { --h: 650px; --w: 1200px } #b37 .e1733111894203 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b37 .e1733111894203 .atom { background-color: #212326 } #b37 .e1733111894225 { left: 640px; top: 458px; width: 495px; height: 132px; z-index: 4 } #b37 .e1733111894225 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b37 .e1733111894236 { left: 640px; top: 178px; width: 495px; height: 260px; z-index: 5 } #b37 .e1733111894236 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b37 .e1733111894249 { left: 887px; top: 198px; width: 1px; height: 220px; z-index: 6 } #b37 .e1733111894249 .atom { background-color: #303132 } #b37 .e1733111894261 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b37 .e1733111894261 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b37 .e1733111894276 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b37 .e1733111894276 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b37 .e1733111894286 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b37 .e1733111894286 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b37 .e1733111894300 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b37 .e1733111894300 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b37 .e1733111894313 { left: 640px; top: 110px; width: 400px; height: auto; color: #ffffff; z-index: 11 } #b37 .e1733111894313 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b37 .e1733111894325 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b37 .e1733111894325 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b37 .e1733111894337 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b37 .e1733111894337 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b37 .e1733111894351 { left: 660px; top: 478px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b37 .e1733111894351 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b37 .e1733111894364 { left: 660px; top: 506px; width: 400px; height: auto; color: #ffffff; z-index: 15 } #b37 .e1733111894364 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b37 { --h: 681px; --w: 320px } #b37 .e1733111894203 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b37 .e1733111894203 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b37 .e1733111894225 { left: 20px; top: 540px; width: 280px; height: 121px } #b37 .e1733111894236 { left: 20px; top: 201px; width: 280px; height: 319px } #b37 .e1733111894249 { left: 35px; top: 361px; width: 250px; height: 1px } #b37 .e1733111894261 { left: 20px; top: 83px; width: 248px } #b37 .e1733111894261 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b37 .e1733111894276 { left: 268px; top: 80px; width: 32px; height: 32px } #b37 .e1733111894286 { left: 35px; top: 216px; width: 250px } #b37 .e1733111894286 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b37 .e1733111894300 { left: 35px; top: 242px; width: 235px } #b37 .e1733111894300 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b37 .e1733111894313 { left: 20px; top: 129px; width: 260px } #b37 .e1733111894313 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b37 .e1733111894325 { left: 35px; top: 376px; width: 250px } #b37 .e1733111894325 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b37 .e1733111894337 { left: 35px; top: 402px; width: 240px } #b37 .e1733111894337 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b37 .e1733111894351 { left: 35px; top: 555px; width: 250px } #b37 .e1733111894351 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b37 .e1733111894364 { left: 35px; top: 581px; width: 250px } #b37 .e1733111894364 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b37-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b38 · Даниил Знакомства происходили случайно через друзей или в клубах, не х… */ #b38 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b38 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b38 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b38 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b38 .e1716577483559 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3565-6461-28.jpg') } #b38 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b38 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b38 .e1716577483548 { left: 120px; top: 297px; width: 240px; height: auto; color: #ffffff; z-index: 6 } #b38 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b38 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b38 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b38 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b38 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b38 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b38 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b38 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b38 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b38 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b38 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b38 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b38 .e1733079326919 { left: 135px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 13 } #b38 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b38 .e1733080274875 { left: 120px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b38 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b38 .e1733080274875 .atom::after { display: none } #b38 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b38 .e1733080274875 .atom .btn__border::before { display: none } #b38 .e1733080274875 .atom .btn__border::after { display: none } #b38 .e1733080399426 { left: 182px; top: 20px; width: 59px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b38 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b38 .e1733080399426 .atom::after { display: none } #b38 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b38 .e1733080399426 .atom .btn__border::before { display: none } #b38 .e1733080399426 .atom .btn__border::after { display: none } #b38 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b38 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b38 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b38 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b38 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 18; pointer-events: none } #b38 .e1733085669474 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3438-6633-Icon.svg') } #b38 .e1733085669481 { left: 460px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 19 } #b38 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b38 .e1733085669488 { left: 460px; top: 297px; width: 215px; height: auto; color: #ffffff; z-index: 20 } #b38 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b38 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 21 } #b38 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b38 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 22 } #b38 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b38 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 23; pointer-events: none } #b38 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b38 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24 } #b38 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b38 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 25 } #b38 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b38 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 26; pointer-events: none } #b38 .e1733085669552 { left: 475px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 27 } #b38 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b38 .e1733085669571 { left: 460px; top: 20px; width: 70px; height: 20px; color: #f5f5f5; text-align: center; z-index: 28; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b38 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b38 .e1733085669571 .atom::after { display: none } #b38 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b38 .e1733085669571 .atom .btn__border::before { display: none } #b38 .e1733085669571 .atom .btn__border::after { display: none } #b38 .e1733085669577 { left: 535px; top: 20px; width: 79px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b38 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b38 .e1733085669577 .atom::after { display: none } #b38 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b38 .e1733085669577 .atom .btn__border::before { display: none } #b38 .e1733085669577 .atom .btn__border::after { display: none } #b38 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 30 } #b38 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b38 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 31 } #b38 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b38 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 32; pointer-events: none } #b38 .e1733085703564 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3436-6134-Icon.svg') } #b38 .e1733085703572 { left: 800px; top: 225px; width: 280px; height: auto; color: #ddd3b2; z-index: 33 } #b38 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b38 .e1733085703582 { left: 800px; top: 297px; width: 240px; height: auto; color: #ffffff; z-index: 34 } #b38 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b38 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 35 } #b38 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b38 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 36 } #b38 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b38 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 37; pointer-events: none } #b38 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b38 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 38 } #b38 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b38 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 39 } #b38 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b38 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 40; pointer-events: none } #b38 .e1733085703661 { left: 815px; top: 405px; width: 230px; height: auto; color: #ffffff; z-index: 41 } #b38 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b38 .e1733085703686 { left: 800px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b38 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b38 .e1733085703686 .atom::after { display: none } #b38 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b38 .e1733085703686 .atom .btn__border::before { display: none } #b38 .e1733085703686 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b38 { --h: 1543px; --w: 320px; --zoom-ab: var(--zoom) } #b38 .e1716577483562 { left: 10px; width: 300px; height: 508px } #b38 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b38 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b38 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b38 .e1716577483548 { left: 30px; top: 275px; width: 210px } #b38 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b38 .e1733079330333 { left: 30px; top: 434px; width: 260px; border-radius: 10px } #b38 .e1733079330333 .atom { background-size: cover } #b38 .e1716577483539 { left: 30px; top: 331px; width: 260px; height: 83px; border-radius: 10px } #b38 .e1716577483539 .atom { background-size: cover } #b38 .e1716577483529 { left: 45px; top: 449px; width: 190px } #b38 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b38 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733079119467 { left: 45px; top: 346px; width: 158px } #b38 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733079282110 { left: 265px; top: 456px } #b38 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b38 .e1733079326919 { left: 45px; top: 363px; width: 230px } #b38 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b38 .e1733080274875 { left: 30px } #b38 .e1733080274875 .atom { white-space: normal; background-size: cover } #b38 .e1733080274875 .atom .btn__text { overflow: visible } #b38 .e1733080399426 { left: 92px } #b38 .e1733080399426 .atom { white-space: normal; background-size: cover } #b38 .e1733080399426 .atom .btn__text { overflow: visible } #b38 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b38 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733085669467 { left: 10px; top: 528px; width: 300px; height: 496px } #b38 .e1733085669474 { left: 15px; top: 533px; width: 290px; height: 180px } #b38 .e1733085669481 { left: 30px; top: 733px; width: 215px } #b38 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b38 .e1733085669488 { left: 30px; top: 803px; width: 240px } #b38 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b38 .e1733085669495 { left: 30px; top: 950px; width: 260px; border-radius: 10px } #b38 .e1733085669495 .atom { background-size: cover } #b38 .e1733085669501 { left: 30px; top: 847px; width: 260px; height: 83px; border-radius: 10px } #b38 .e1733085669501 .atom { background-size: cover } #b38 .e1733085669508 { left: 45px; top: 965px; width: 190px } #b38 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733085669515 { left: 30px; top: 786px; width: 158px } #b38 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733085669524 { left: 45px; top: 862px; width: 158px } #b38 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733085669535 { left: 265px; top: 972px } #b38 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b38 .e1733085669552 { left: 45px; top: 879px; width: 230px } #b38 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b38 .e1733085669571 { left: 30px; top: 548px } #b38 .e1733085669571 .atom { white-space: normal; background-size: cover } #b38 .e1733085669571 .atom .btn__text { overflow: visible } #b38 .e1733085669577 { left: 105px; top: 548px } #b38 .e1733085669577 .atom { white-space: normal; background-size: cover } #b38 .e1733085669577 .atom .btn__text { overflow: visible } #b38 .e1733085669586 { left: 30px; top: 754px; width: 158px } #b38 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733085703555 { left: 10px; top: 1044px; width: 300px; height: 479px } #b38 .e1733085703564 { left: 15px; top: 1049px; width: 290px; height: 180px } #b38 .e1733085703572 { left: 30px; top: 1249px; width: 260px } #b38 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b38 .e1733085703582 { left: 30px; top: 1302px } #b38 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b38 .e1733085703593 { left: 30px; top: 1449px; width: 260px; border-radius: 10px } #b38 .e1733085703593 .atom { background-size: cover } #b38 .e1733085703600 { left: 30px; top: 1346px; width: 260px; height: 83px; border-radius: 10px } #b38 .e1733085703600 .atom { background-size: cover } #b38 .e1733085703607 { left: 45px; top: 1464px; width: 190px } #b38 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733085703619 { left: 30px; top: 1285px; width: 158px } #b38 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733085703631 { left: 45px; top: 1361px; width: 158px } #b38 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b38 .e1733085703641 { left: 265px; top: 1471px } #b38 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b38 .e1733085703661 { left: 45px; top: 1378px } #b38 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b38 .e1733085703686 { left: 30px; top: 1064px } #b38 .e1733085703686 .atom { white-space: normal; background-size: cover } #b38 .e1733085703686 .atom .btn__text { overflow: visible } } @media (hover) { #b38 .e1733080274875 .atom:hover::after { opacity: 0 } #b38 .e1733080274875 .atom:hover { animation-name: none } #b38 .e1733080399426 .atom:hover::after { opacity: 0 } #b38 .e1733080399426 .atom:hover { animation-name: none } #b38 .e1733085669571 .atom:hover::after { opacity: 0 } #b38 .e1733085669571 .atom:hover { animation-name: none } #b38 .e1733085669577 .atom:hover::after { opacity: 0 } #b38 .e1733085669577 .atom:hover { animation-name: none } #b38 .e1733085703686 .atom:hover::after { opacity: 0 } #b38 .e1733085703686 .atom:hover { animation-name: none } } /* b39 · попап #popup:case28 */ #b39 { --h: 634px; --w: 1200px } #b39 .e1733112102406 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b39 .e1733112102406 .atom { background-color: #212326 } #b39 .e1733112102423 { left: 640px; top: 458px; width: 495px; height: 116px; z-index: 4 } #b39 .e1733112102423 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b39 .e1733112102429 { left: 640px; top: 178px; width: 495px; height: 260px; z-index: 5 } #b39 .e1733112102429 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b39 .e1733112102434 { left: 887px; top: 198px; width: 1px; height: 220px; z-index: 6 } #b39 .e1733112102434 .atom { background-color: #303132 } #b39 .e1733112102440 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b39 .e1733112102440 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b39 .e1733112102448 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b39 .e1733112102448 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b39 .e1733112102453 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b39 .e1733112102453 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b39 .e1733112102458 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b39 .e1733112102458 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b39 .e1733112102464 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b39 .e1733112102464 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b39 .e1733112102469 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b39 .e1733112102469 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b39 .e1733112102475 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b39 .e1733112102475 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b39 .e1733112102481 { left: 660px; top: 478px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b39 .e1733112102481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b39 .e1733112102486 { left: 660px; top: 506px; width: 420px; height: auto; color: #ffffff; z-index: 15 } #b39 .e1733112102486 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b39 { --h: 656px; --w: 320px } #b39 .e1733112102406 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b39 .e1733112102406 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b39 .e1733112102423 { left: 20px; top: 515px; width: 280px; height: 121px } #b39 .e1733112102429 { left: 20px; top: 214px; width: 280px; height: 281px } #b39 .e1733112102434 { left: 35px; top: 335px; width: 250px; height: 1px } #b39 .e1733112102440 { left: 20px; top: 83px; width: 248px } #b39 .e1733112102440 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b39 .e1733112102448 { left: 268px; top: 80px; width: 32px; height: 32px } #b39 .e1733112102453 { left: 35px; top: 229px; width: 250px } #b39 .e1733112102453 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b39 .e1733112102458 { left: 35px; top: 255px; width: 250px } #b39 .e1733112102458 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b39 .e1733112102464 { left: 20px; top: 129px; width: 250px } #b39 .e1733112102464 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b39 .e1733112102469 { left: 35px; top: 350px; width: 250px } #b39 .e1733112102469 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b39 .e1733112102475 { left: 35px; top: 376px; width: 250px } #b39 .e1733112102475 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b39 .e1733112102481 { left: 35px; top: 530px; width: 250px } #b39 .e1733112102481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b39 .e1733112102486 { left: 35px; top: 556px; width: 230px } #b39 .e1733112102486 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b39-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b40 · попап #popup:case29 */ #b40 { --h: 586px; --w: 1200px } #b40 .e1733112254632 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b40 .e1733112254632 .atom { background-color: #212326 } #b40 .e1733112254644 { left: 640px; top: 426px; width: 495px; height: 100px; z-index: 4 } #b40 .e1733112254644 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b40 .e1733112254649 { left: 640px; top: 178px; width: 495px; height: 228px; z-index: 5 } #b40 .e1733112254649 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b40 .e1733112254655 { left: 887px; top: 198px; width: 1px; height: 188px; z-index: 6 } #b40 .e1733112254655 .atom { background-color: #303132 } #b40 .e1733112254660 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b40 .e1733112254660 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b40 .e1733112254666 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b40 .e1733112254666 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b40 .e1733112254671 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b40 .e1733112254671 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b40 .e1733112254677 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b40 .e1733112254677 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b40 .e1733112254683 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b40 .e1733112254683 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b40 .e1733112254689 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b40 .e1733112254689 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b40 .e1733112254695 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b40 .e1733112254695 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b40 .e1733112254702 { left: 660px; top: 446px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b40 .e1733112254702 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b40 .e1733112254709 { left: 660px; top: 474px; width: 355px; height: auto; color: #ffffff; z-index: 15 } #b40 .e1733112254709 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b40 { --h: 630px; --w: 320px } #b40 .e1733112254632 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b40 .e1733112254632 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b40 .e1733112254644 { left: 20px; top: 515px; width: 280px; height: 95px } #b40 .e1733112254649 { left: 20px; top: 240px; width: 280px; height: 255px } #b40 .e1733112254655 { left: 35px; top: 374px; width: 250px; height: 1px } #b40 .e1733112254660 { left: 20px; top: 83px; width: 160px } #b40 .e1733112254660 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b40 .e1733112254666 { left: 268px; top: 80px; width: 32px; height: 32px } #b40 .e1733112254671 { left: 35px; top: 255px; width: 250px } #b40 .e1733112254671 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b40 .e1733112254677 { left: 35px; top: 281px; width: 245px } #b40 .e1733112254677 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b40 .e1733112254683 { left: 20px; top: 155px; width: 250px } #b40 .e1733112254683 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b40 .e1733112254689 { left: 35px; top: 389px; width: 250px } #b40 .e1733112254689 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b40 .e1733112254695 { left: 35px; top: 415px; width: 230px } #b40 .e1733112254695 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b40 .e1733112254702 { left: 35px; top: 530px; width: 250px } #b40 .e1733112254702 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b40 .e1733112254709 { left: 35px; top: 556px; width: 200px } #b40 .e1733112254709 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b40-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b41 · попап #popup:case30 */ #b41 { --h: 554px; --w: 1200px } #b41 .e1733112413551 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b41 .e1733112413551 .atom { background-color: #212326 } #b41 .e1733112413566 { left: 640px; top: 394px; width: 495px; height: 100px; z-index: 4 } #b41 .e1733112413566 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b41 .e1733112413572 { left: 640px; top: 178px; width: 495px; height: 196px; z-index: 5 } #b41 .e1733112413572 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b41 .e1733112413578 { left: 887px; top: 198px; width: 1px; height: 156px; z-index: 6 } #b41 .e1733112413578 .atom { background-color: #303132 } #b41 .e1733112413584 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b41 .e1733112413584 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b41 .e1733112413592 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b41 .e1733112413592 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b41 .e1733112413598 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b41 .e1733112413598 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b41 .e1733112413605 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b41 .e1733112413605 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b41 .e1733112413613 { left: 640px; top: 110px; width: 430px; height: auto; color: #ffffff; z-index: 11 } #b41 .e1733112413613 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b41 .e1733112413622 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b41 .e1733112413622 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b41 .e1733112413628 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b41 .e1733112413628 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b41 .e1733112413638 { left: 660px; top: 414px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b41 .e1733112413638 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b41 .e1733112413644 { left: 660px; top: 442px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b41 .e1733112413644 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b41 { --h: 610px; --w: 320px } #b41 .e1733112413551 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b41 .e1733112413551 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b41 .e1733112413566 { left: 20px; top: 450px; width: 280px; height: 108px } #b41 .e1733112413572 { left: 20px; top: 214px; width: 280px; height: 216px } #b41 .e1733112413578 { left: 35px; top: 309px; width: 250px; height: 1px } #b41 .e1733112413584 { left: 20px; top: 83px; width: 248px } #b41 .e1733112413584 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b41 .e1733112413592 { left: 268px; top: 80px; width: 32px; height: 32px } #b41 .e1733112413598 { left: 35px; top: 229px; width: 250px } #b41 .e1733112413598 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b41 .e1733112413605 { left: 35px; top: 255px; width: 250px } #b41 .e1733112413605 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b41 .e1733112413613 { left: 20px; top: 129px; width: 230px } #b41 .e1733112413613 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b41 .e1733112413622 { left: 35px; top: 324px; width: 250px } #b41 .e1733112413622 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b41 .e1733112413628 { left: 35px; top: 350px; width: 250px } #b41 .e1733112413628 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b41 .e1733112413638 { left: 35px; top: 465px; width: 250px } #b41 .e1733112413638 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b41 .e1733112413644 { left: 35px; top: 491px; width: 210px } #b41 .e1733112413644 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b41-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b42 · Аноним Пришел на курс, чтобы улучшить коммуникацию с девушками. Попал … */ #b42 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b42 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b42 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b42 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b42 .e1716577483559 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3437-6162-Icon.svg') } #b42 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b42 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b42 .e1716577483548 { left: 120px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 6 } #b42 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b42 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b42 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b42 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b42 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b42 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b42 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b42 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b42 .e1733079326919 { left: 135px; top: 405px; width: 255px; height: auto; color: #ffffff; z-index: 13 } #b42 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1733080399426 { left: 120px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b42 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b42 .e1733080399426 .atom::after { display: none } #b42 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b42 .e1733080399426 .atom .btn__border::before { display: none } #b42 .e1733080399426 .atom .btn__border::after { display: none } #b42 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 15 } #b42 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b42 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 16; pointer-events: none } #b42 .e1733085669474 .atom { border-radius: 10px; background-position: 0.000% 33.784%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3132-3965-32.jpg') } #b42 .e1733085669481 { left: 460px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 17 } #b42 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b42 .e1733085669488 { left: 460px; top: 297px; width: 210px; height: auto; color: #ffffff; z-index: 18 } #b42 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 19 } #b42 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b42 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 20 } #b42 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b42 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 21; pointer-events: none } #b42 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 22 } #b42 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 23 } #b42 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 24; pointer-events: none } #b42 .e1733085669552 { left: 475px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 25 } #b42 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1733085669571 { left: 460px; top: 20px; width: 53px; height: 20px; color: #f5f5f5; text-align: center; z-index: 26; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b42 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b42 .e1733085669571 .atom::after { display: none } #b42 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b42 .e1733085669571 .atom .btn__border::before { display: none } #b42 .e1733085669571 .atom .btn__border::after { display: none } #b42 .e1733085669577 { left: 518px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 27; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b42 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b42 .e1733085669577 .atom::after { display: none } #b42 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b42 .e1733085669577 .atom .btn__border::before { display: none } #b42 .e1733085669577 .atom .btn__border::after { display: none } #b42 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 28 } #b42 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b42 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 29 } #b42 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b42 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 30; pointer-events: none } #b42 .e1733085703564 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/6565-3864-Icon.svg') } #b42 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 31 } #b42 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b42 .e1733085703582 { left: 800px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 32 } #b42 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 33 } #b42 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b42 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 34 } #b42 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b42 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 35; pointer-events: none } #b42 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 36 } #b42 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 37 } #b42 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 38; pointer-events: none } #b42 .e1733085703661 { left: 815px; top: 405px; width: 195px; height: auto; color: #ffffff; z-index: 39 } #b42 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1733085703681 { left: 800px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 40; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b42 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b42 .e1733085703681 .atom::after { display: none } #b42 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b42 .e1733085703681 .atom .btn__border::before { display: none } #b42 .e1733085703681 .atom .btn__border::after { display: none } #b42 .e1733085703686 { left: 862px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 41; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b42 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b42 .e1733085703686 .atom::after { display: none } #b42 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b42 .e1733085703686 .atom .btn__border::before { display: none } #b42 .e1733085703686 .atom .btn__border::after { display: none } #b42 .e1733085703691 { left: 800px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 42 } #b42 .e1733085703691 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } @media (max-width: 959px) { #b42 { --h: 1555px; --w: 320px; --zoom-ab: var(--zoom) } #b42 .e1716577483562 { left: 10px; width: 300px; height: 515px } #b42 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b42 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b42 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b42 .e1716577483548 { left: 30px; top: 258px; width: 230px } #b42 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b42 .e1733079330333 { left: 30px; top: 441px; width: 260px; border-radius: 10px } #b42 .e1733079330333 .atom { background-size: cover } #b42 .e1716577483539 { left: 30px; top: 326px; width: 260px; height: 95px; border-radius: 10px } #b42 .e1716577483539 .atom { background-size: cover } #b42 .e1716577483529 { left: 45px; top: 456px; width: 190px } #b42 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733079106159 { left: 30px; top: 241px; width: 158px } #b42 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733079119467 { left: 45px; top: 341px; width: 158px } #b42 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733079282110 { left: 265px; top: 463px } #b42 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b42 .e1733079326919 { left: 45px; top: 358px; width: 205px } #b42 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b42 .e1733080399426 { left: 30px } #b42 .e1733080399426 .atom { white-space: normal; background-size: cover } #b42 .e1733080399426 .atom .btn__text { overflow: visible } #b42 .e1733085669467 { left: 10px; top: 535px; width: 300px; height: 496px; border-radius: 15px } #b42 .e1733085669467 .atom { background-size: cover } #b42 .e1733085669474 { left: 15px; top: 540px; width: 290px; height: 180px } #b42 .e1733085669481 { left: 30px; top: 740px; width: 215px } #b42 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b42 .e1733085669488 { left: 30px; top: 810px; width: 240px } #b42 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b42 .e1733085669495 { left: 30px; top: 957px; width: 260px; border-radius: 10px } #b42 .e1733085669495 .atom { background-size: cover } #b42 .e1733085669501 { left: 30px; top: 866px; width: 260px; height: 71px; border-radius: 10px } #b42 .e1733085669501 .atom { background-size: cover } #b42 .e1733085669508 { left: 45px; top: 972px; width: 190px } #b42 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733085669515 { left: 30px; top: 793px; width: 158px } #b42 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733085669524 { left: 45px; top: 881px; width: 158px } #b42 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733085669535 { left: 265px; top: 979px } #b42 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b42 .e1733085669552 { left: 45px; top: 898px; width: 230px } #b42 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b42 .e1733085669571 { left: 30px; top: 555px } #b42 .e1733085669571 .atom { white-space: normal; background-size: cover } #b42 .e1733085669571 .atom .btn__text { overflow: visible } #b42 .e1733085669577 { left: 88px; top: 555px } #b42 .e1733085669577 .atom { white-space: normal; background-size: cover } #b42 .e1733085669577 .atom .btn__text { overflow: visible } #b42 .e1733085669586 { left: 30px; top: 761px; width: 158px } #b42 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733085703555 { left: 10px; top: 1051px; width: 300px; height: 484px } #b42 .e1733085703564 { left: 15px; top: 1056px; width: 290px; height: 180px } #b42 .e1733085703572 { left: 30px; top: 1256px; width: 215px } #b42 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b42 .e1733085703582 { left: 30px; top: 1326px; width: 240px } #b42 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b42 .e1733085703593 { left: 30px; top: 1461px; width: 260px; border-radius: 10px } #b42 .e1733085703593 .atom { background-size: cover } #b42 .e1733085703600 { left: 30px; top: 1370px; width: 260px; height: 71px; border-radius: 10px } #b42 .e1733085703600 .atom { background-size: cover } #b42 .e1733085703607 { left: 45px; top: 1476px; width: 190px } #b42 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733085703619 { left: 30px; top: 1309px; width: 158px } #b42 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733085703631 { left: 45px; top: 1385px; width: 158px } #b42 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733085703641 { left: 265px; top: 1483px } #b42 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b42 .e1733085703661 { left: 45px; top: 1402px; width: 230px } #b42 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b42 .e1733085703681 { left: 30px; top: 1071px } #b42 .e1733085703681 .atom { white-space: normal; background-size: cover } #b42 .e1733085703681 .atom .btn__text { overflow: visible } #b42 .e1733085703686 { left: 92px; top: 1071px; width: 66px } #b42 .e1733085703686 .atom { white-space: normal; background-size: cover } #b42 .e1733085703686 .atom .btn__text { overflow: visible } #b42 .e1733085703691 { left: 30px; top: 1277px; width: 158px } #b42 .e1733085703691 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } } @media (hover) { #b42 .e1733080399426 .atom:hover::after { opacity: 0 } #b42 .e1733080399426 .atom:hover { animation-name: none } #b42 .e1733085669571 .atom:hover::after { opacity: 0 } #b42 .e1733085669571 .atom:hover { animation-name: none } #b42 .e1733085669577 .atom:hover::after { opacity: 0 } #b42 .e1733085669577 .atom:hover { animation-name: none } #b42 .e1733085703681 .atom:hover::after { opacity: 0 } #b42 .e1733085703681 .atom:hover { animation-name: none } #b42 .e1733085703686 .atom:hover::after { opacity: 0 } #b42 .e1733085703686 .atom:hover { animation-name: none } } /* b43 · попап #popup:case31 */ #b43 { --h: 586px; --w: 1200px } #b43 .e1733112589146 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b43 .e1733112589146 .atom { background-color: #212326 } #b43 .e1733112589160 { left: 640px; top: 426px; width: 495px; height: 100px; z-index: 4 } #b43 .e1733112589160 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b43 .e1733112589168 { left: 640px; top: 178px; width: 495px; height: 228px; z-index: 5 } #b43 .e1733112589168 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b43 .e1733112589175 { left: 887px; top: 198px; width: 1px; height: 188px; z-index: 6 } #b43 .e1733112589175 .atom { background-color: #303132 } #b43 .e1733112589182 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b43 .e1733112589182 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b43 .e1733112589191 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b43 .e1733112589191 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b43 .e1733112589201 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b43 .e1733112589201 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b43 .e1733112589213 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b43 .e1733112589213 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b43 .e1733112589223 { left: 640px; top: 110px; width: 440px; height: auto; color: #ffffff; z-index: 11 } #b43 .e1733112589223 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b43 .e1733112589235 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b43 .e1733112589235 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b43 .e1733112589246 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b43 .e1733112589246 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b43 .e1733112589255 { left: 660px; top: 446px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b43 .e1733112589255 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b43 .e1733112589262 { left: 660px; top: 474px; width: 360px; height: auto; color: #ffffff; z-index: 15 } #b43 .e1733112589262 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b43 { --h: 610px; --w: 320px } #b43 .e1733112589146 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b43 .e1733112589146 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b43 .e1733112589160 { left: 20px; top: 507px; width: 280px; height: 82px } #b43 .e1733112589168 { left: 20px; top: 240px; width: 280px; height: 247px } #b43 .e1733112589175 { left: 35px; top: 392px; width: 250px; height: 1px } #b43 .e1733112589182 { left: 20px; top: 83px; width: 160px } #b43 .e1733112589182 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b43 .e1733112589191 { left: 268px; top: 80px; width: 32px; height: 32px } #b43 .e1733112589201 { left: 35px; top: 255px; width: 250px } #b43 .e1733112589201 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b43 .e1733112589213 { left: 35px; top: 281px; width: 235px } #b43 .e1733112589213 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b43 .e1733112589223 { left: 20px; top: 155px; width: 240px } #b43 .e1733112589223 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b43 .e1733112589235 { left: 35px; top: 407px; width: 250px } #b43 .e1733112589235 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b43 .e1733112589246 { left: 35px; top: 433px; width: 200px } #b43 .e1733112589246 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b43 .e1733112589255 { left: 35px; top: 522px; width: 250px } #b43 .e1733112589255 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b43 .e1733112589262 { left: 35px; top: 548px; width: 250px } #b43 .e1733112589262 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b43-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b44 · попап #popup:case32 */ #b44 { --h: 570px; --w: 1200px } #b44 .e1733112748264 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b44 .e1733112748264 .atom { background-color: #212326 } #b44 .e1733112748275 { left: 640px; top: 410px; width: 495px; height: 100px; z-index: 4 } #b44 .e1733112748275 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b44 .e1733112748281 { left: 640px; top: 194px; width: 495px; height: 196px; z-index: 5 } #b44 .e1733112748281 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b44 .e1733112748286 { left: 887px; top: 214px; width: 1px; height: 156px; z-index: 6 } #b44 .e1733112748286 .atom { background-color: #303132 } #b44 .e1733112748291 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b44 .e1733112748291 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b44 .e1733112748298 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b44 .e1733112748298 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b44 .e1733112748304 { left: 660px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b44 .e1733112748304 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b44 .e1733112748310 { left: 660px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b44 .e1733112748310 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b44 .e1733112748317 { left: 640px; top: 110px; width: 430px; height: auto; color: #ffffff; z-index: 11 } #b44 .e1733112748317 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b44 .e1733112748323 { left: 910px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b44 .e1733112748323 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b44 .e1733112748329 { left: 910px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b44 .e1733112748329 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b44 .e1733112748335 { left: 660px; top: 430px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b44 .e1733112748335 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b44 .e1733112748342 { left: 660px; top: 458px; width: 325px; height: auto; color: #ffffff; z-index: 15 } #b44 .e1733112748342 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b44 { --h: 610px; --w: 320px } #b44 .e1733112748264 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b44 .e1733112748264 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b44 .e1733112748275 { left: 20px; top: 476px; width: 280px; height: 82px } #b44 .e1733112748281 { left: 20px; top: 227px; width: 280px; height: 229px } #b44 .e1733112748286 { left: 35px; top: 361px; width: 250px; height: 1px } #b44 .e1733112748291 { left: 20px; top: 83px; width: 248px } #b44 .e1733112748291 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b44 .e1733112748298 { left: 268px; top: 80px; width: 32px; height: 32px } #b44 .e1733112748304 { left: 35px; top: 242px; width: 250px } #b44 .e1733112748304 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b44 .e1733112748310 { left: 35px; top: 268px; width: 235px } #b44 .e1733112748310 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b44 .e1733112748317 { left: 20px; top: 129px; width: 245px } #b44 .e1733112748317 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b44 .e1733112748323 { left: 35px; top: 376px; width: 250px } #b44 .e1733112748323 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b44 .e1733112748329 { left: 35px; top: 402px; width: 230px } #b44 .e1733112748329 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b44 .e1733112748335 { left: 35px; top: 491px; width: 250px } #b44 .e1733112748335 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b44 .e1733112748342 { left: 35px; top: 517px; width: 250px } #b44 .e1733112748342 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b44-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b45 · попап #popup:case33 */ #b45 { --h: 570px; --w: 1200px } #b45 .e1733112913149 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b45 .e1733112913149 .atom { background-color: #212326 } #b45 .e1733112913163 { left: 640px; top: 410px; width: 495px; height: 100px; z-index: 4 } #b45 .e1733112913163 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b45 .e1733112913168 { left: 640px; top: 178px; width: 495px; height: 212px; z-index: 5 } #b45 .e1733112913168 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b45 .e1733112913173 { left: 887px; top: 198px; width: 1px; height: 172px; z-index: 6 } #b45 .e1733112913173 .atom { background-color: #303132 } #b45 .e1733112913179 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b45 .e1733112913179 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b45 .e1733112913185 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b45 .e1733112913185 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b45 .e1733112913193 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b45 .e1733112913193 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b45 .e1733112913205 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b45 .e1733112913205 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b45 .e1733112913214 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b45 .e1733112913214 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b45 .e1733112913225 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b45 .e1733112913225 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b45 .e1733112913233 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b45 .e1733112913233 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b45 .e1733112913244 { left: 660px; top: 430px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b45 .e1733112913244 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b45 .e1733112913255 { left: 660px; top: 458px; width: 400px; height: auto; color: #ffffff; z-index: 15 } #b45 .e1733112913255 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b45 { --h: 610px; --w: 320px } #b45 .e1733112913149 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b45 .e1733112913149 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b45 .e1733112913163 { left: 20px; top: 463px; width: 280px; height: 95px } #b45 .e1733112913168 { left: 20px; top: 214px; width: 280px; height: 229px } #b45 .e1733112913173 { left: 35px; top: 348px; width: 250px; height: 1px } #b45 .e1733112913179 { left: 20px; top: 83px; width: 248px } #b45 .e1733112913179 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b45 .e1733112913185 { left: 268px; top: 80px; width: 32px; height: 32px } #b45 .e1733112913193 { left: 35px; top: 229px; width: 250px } #b45 .e1733112913193 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b45 .e1733112913205 { left: 35px; top: 255px; width: 250px } #b45 .e1733112913205 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b45 .e1733112913214 { left: 20px; top: 129px; width: 240px } #b45 .e1733112913214 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b45 .e1733112913225 { left: 35px; top: 363px; width: 250px } #b45 .e1733112913225 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b45 .e1733112913233 { left: 35px; top: 389px; width: 190px } #b45 .e1733112913233 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b45 .e1733112913244 { left: 35px; top: 478px; width: 250px } #b45 .e1733112913244 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b45 .e1733112913255 { left: 35px; top: 504px; width: 220px } #b45 .e1733112913255 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b45-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b46 · Денис Николаев Хотел научиться легко знакомиться с девушками. Читать п… */ #b46 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b46 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b46 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b46 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b46 .e1716577483559 .atom { border-radius: 10px; background-position: 0.000% 37.988%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/6362-3761-34.jpg') } #b46 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b46 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b46 .e1716577483548 { left: 120px; top: 297px; width: 205px; height: auto; color: #ffffff; z-index: 6 } #b46 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b46 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b46 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b46 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b46 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b46 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b46 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b46 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b46 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b46 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b46 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b46 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b46 .e1733079326919 { left: 135px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 13 } #b46 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b46 .e1733080274875 { left: 120px; top: 20px; width: 115px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b46 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b46 .e1733080274875 .atom::after { display: none } #b46 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b46 .e1733080274875 .atom .btn__border::before { display: none } #b46 .e1733080274875 .atom .btn__border::after { display: none } #b46 .e1733080399426 { left: 240px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b46 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b46 .e1733080399426 .atom::after { display: none } #b46 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b46 .e1733080399426 .atom .btn__border::before { display: none } #b46 .e1733080399426 .atom .btn__border::after { display: none } #b46 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b46 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b46 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b46 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b46 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 18; pointer-events: none } #b46 .e1733085669474 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/6365-3735-Icon.svg') } #b46 .e1733085669481 { left: 460px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 19 } #b46 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b46 .e1733085669488 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 20 } #b46 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b46 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 21 } #b46 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b46 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 22 } #b46 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b46 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 23; pointer-events: none } #b46 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b46 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24 } #b46 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b46 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 25 } #b46 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b46 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 26; pointer-events: none } #b46 .e1733085669552 { left: 475px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 27 } #b46 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b46 .e1733085669571 { left: 460px; top: 20px; width: 49px; height: 20px; color: #f5f5f5; text-align: center; z-index: 28; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b46 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b46 .e1733085669571 .atom::after { display: none } #b46 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b46 .e1733085669571 .atom .btn__border::before { display: none } #b46 .e1733085669571 .atom .btn__border::after { display: none } #b46 .e1733085669577 { left: 514px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b46 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b46 .e1733085669577 .atom::after { display: none } #b46 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b46 .e1733085669577 .atom .btn__border::before { display: none } #b46 .e1733085669577 .atom .btn__border::after { display: none } #b46 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 30 } #b46 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b46 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 31 } #b46 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b46 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 32; pointer-events: none } #b46 .e1733085703564 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3234-3232-Icon.svg') } #b46 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 33 } #b46 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b46 .e1733085703582 { left: 800px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 34 } #b46 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b46 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 35 } #b46 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b46 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 36 } #b46 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b46 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 37; pointer-events: none } #b46 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b46 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 38 } #b46 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b46 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 39 } #b46 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b46 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 40; pointer-events: none } #b46 .e1733085703661 { left: 815px; top: 405px; width: 250px; height: auto; color: #ffffff; z-index: 41 } #b46 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b46 .e1733085703681 { left: 800px; top: 20px; width: 58px; height: 20px; color: #f5f5f5; text-align: center; z-index: 42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b46 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b46 .e1733085703681 .atom::after { display: none } #b46 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b46 .e1733085703681 .atom .btn__border::before { display: none } #b46 .e1733085703681 .atom .btn__border::after { display: none } #b46 .e1733085703686 { left: 863px; top: 20px; width: 66px; height: 20px; color: #f5f5f5; text-align: center; z-index: 43; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b46 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b46 .e1733085703686 .atom::after { display: none } #b46 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b46 .e1733085703686 .atom .btn__border::before { display: none } #b46 .e1733085703686 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b46 { --h: 1543px; --w: 320px; --zoom-ab: var(--zoom) } #b46 .e1716577483562 { left: 10px; width: 300px; height: 472px; border-radius: 15px } #b46 .e1716577483562 .atom { background-size: cover } #b46 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b46 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b46 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b46 .e1716577483548 { left: 30px; top: 275px; width: 240px } #b46 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b46 .e1733079330333 { left: 30px; top: 398px; width: 260px; border-radius: 10px } #b46 .e1733079330333 .atom { background-size: cover } #b46 .e1716577483539 { left: 30px; top: 307px; width: 260px; height: 71px; border-radius: 10px } #b46 .e1716577483539 .atom { background-size: cover } #b46 .e1716577483529 { left: 45px; top: 413px; width: 190px } #b46 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b46 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733079119467 { left: 45px; top: 322px; width: 158px } #b46 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733079282110 { left: 265px; top: 420px } #b46 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b46 .e1733079326919 { left: 45px; top: 339px; width: 230px } #b46 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b46 .e1733080274875 { left: 30px } #b46 .e1733080274875 .atom { white-space: normal; background-size: cover } #b46 .e1733080274875 .atom .btn__text { overflow: visible } #b46 .e1733080399426 { left: 150px } #b46 .e1733080399426 .atom { white-space: normal; background-size: cover } #b46 .e1733080399426 .atom .btn__text { overflow: visible } #b46 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b46 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733085669467 { left: 10px; top: 492px; width: 300px; height: 496px } #b46 .e1733085669474 { left: 15px; top: 497px; width: 290px; height: 180px } #b46 .e1733085669481 { left: 30px; top: 697px; width: 215px } #b46 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b46 .e1733085669488 { left: 30px; top: 767px; width: 240px } #b46 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b46 .e1733085669495 { left: 30px; top: 914px; width: 260px; border-radius: 10px } #b46 .e1733085669495 .atom { background-size: cover } #b46 .e1733085669501 { left: 30px; top: 811px; width: 260px; height: 83px; border-radius: 10px } #b46 .e1733085669501 .atom { background-size: cover } #b46 .e1733085669508 { left: 45px; top: 929px; width: 190px } #b46 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733085669515 { left: 30px; top: 750px; width: 158px } #b46 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733085669524 { left: 45px; top: 826px; width: 158px } #b46 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733085669535 { left: 265px; top: 936px } #b46 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b46 .e1733085669552 { left: 45px; top: 843px; width: 230px } #b46 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b46 .e1733085669571 { left: 30px; top: 512px } #b46 .e1733085669571 .atom { white-space: normal; background-size: cover } #b46 .e1733085669571 .atom .btn__text { overflow: visible } #b46 .e1733085669577 { left: 84px; top: 512px } #b46 .e1733085669577 .atom { white-space: normal; background-size: cover } #b46 .e1733085669577 .atom .btn__text { overflow: visible } #b46 .e1733085669586 { left: 30px; top: 718px; width: 158px } #b46 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733085703555 { left: 10px; top: 1008px; width: 300px; height: 515px } #b46 .e1733085703564 { left: 15px; top: 1013px; width: 290px; height: 180px } #b46 .e1733085703572 { left: 30px; top: 1213px; width: 215px } #b46 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b46 .e1733085703582 { left: 30px; top: 1266px; width: 230px } #b46 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b46 .e1733085703593 { left: 30px; top: 1449px; width: 260px; border-radius: 10px } #b46 .e1733085703593 .atom { background-size: cover } #b46 .e1733085703600 { left: 30px; top: 1334px; width: 260px; height: 95px; border-radius: 10px } #b46 .e1733085703600 .atom { background-size: cover } #b46 .e1733085703607 { left: 45px; top: 1464px; width: 190px } #b46 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733085703619 { left: 30px; top: 1249px; width: 158px } #b46 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733085703631 { left: 45px; top: 1349px; width: 158px } #b46 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b46 .e1733085703641 { left: 265px; top: 1471px } #b46 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b46 .e1733085703661 { left: 45px; top: 1366px; width: 200px } #b46 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b46 .e1733085703681 { left: 30px; top: 1028px } #b46 .e1733085703681 .atom { white-space: normal; background-size: cover } #b46 .e1733085703681 .atom .btn__text { overflow: visible } #b46 .e1733085703686 { left: 93px; top: 1028px } #b46 .e1733085703686 .atom { white-space: normal; background-size: cover } #b46 .e1733085703686 .atom .btn__text { overflow: visible } } @media (hover) { #b46 .e1733080274875 .atom:hover::after { opacity: 0 } #b46 .e1733080274875 .atom:hover { animation-name: none } #b46 .e1733080399426 .atom:hover::after { opacity: 0 } #b46 .e1733080399426 .atom:hover { animation-name: none } #b46 .e1733085669571 .atom:hover::after { opacity: 0 } #b46 .e1733085669571 .atom:hover { animation-name: none } #b46 .e1733085669577 .atom:hover::after { opacity: 0 } #b46 .e1733085669577 .atom:hover { animation-name: none } #b46 .e1733085703681 .atom:hover::after { opacity: 0 } #b46 .e1733085703681 .atom:hover { animation-name: none } #b46 .e1733085703686 .atom:hover::after { opacity: 0 } #b46 .e1733085703686 .atom:hover { animation-name: none } } /* b47 · попап #popup:case34 */ #b47 { --h: 550px; --w: 1200px } #b47 .e1733113066731 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b47 .e1733113066731 .atom { background-color: #212326 } #b47 .e1733113066745 { left: 640px; top: 346px; width: 495px; height: 100px; z-index: 4 } #b47 .e1733113066745 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b47 .e1733113066753 { left: 640px; top: 146px; width: 495px; height: 180px; z-index: 5 } #b47 .e1733113066753 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b47 .e1733113066760 { left: 887px; top: 166px; width: 1px; height: 140px; z-index: 6 } #b47 .e1733113066760 .atom { background-color: #303132 } #b47 .e1733113066766 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b47 .e1733113066766 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b47 .e1733113066776 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b47 .e1733113066776 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b47 .e1733113066783 { left: 660px; top: 166px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b47 .e1733113066783 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b47 .e1733113066791 { left: 660px; top: 194px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b47 .e1733113066791 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b47 .e1733113066800 { left: 640px; top: 110px; width: 500px; height: auto; color: #ffffff; z-index: 11 } #b47 .e1733113066800 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b47 .e1733113066811 { left: 910px; top: 166px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b47 .e1733113066811 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b47 .e1733113066818 { left: 910px; top: 194px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b47 .e1733113066818 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b47 .e1733113066830 { left: 660px; top: 366px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b47 .e1733113066830 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b47 .e1733113066839 { left: 660px; top: 394px; width: 445px; height: auto; color: #ffffff; z-index: 15 } #b47 .e1733113066839 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b47 { --h: 610px; --w: 320px } #b47 .e1733113066731 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b47 .e1733113066731 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b47 .e1733113066745 { left: 20px; top: 437px; width: 280px; height: 95px } #b47 .e1733113066753 { left: 20px; top: 201px; width: 280px; height: 216px } #b47 .e1733113066760 { left: 35px; top: 296px; width: 250px; height: 1px } #b47 .e1733113066766 { left: 20px; top: 83px; width: 180px } #b47 .e1733113066766 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b47 .e1733113066776 { left: 268px; top: 80px; width: 32px; height: 32px } #b47 .e1733113066783 { left: 35px; top: 216px; width: 250px } #b47 .e1733113066783 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b47 .e1733113066791 { left: 35px; top: 242px; width: 210px } #b47 .e1733113066791 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b47 .e1733113066800 { left: 20px; top: 155px; width: 240px } #b47 .e1733113066800 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b47 .e1733113066811 { left: 35px; top: 311px; width: 250px } #b47 .e1733113066811 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b47 .e1733113066818 { left: 35px; top: 337px; width: 250px } #b47 .e1733113066818 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b47 .e1733113066830 { left: 35px; top: 452px; width: 250px } #b47 .e1733113066830 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b47 .e1733113066839 { left: 35px; top: 478px; width: 250px } #b47 .e1733113066839 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b47-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b48 · попап #popup:case35 */ #b48 { --h: 554px; --w: 1200px } #b48 .e1733113237729 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b48 .e1733113237729 .atom { background-color: #212326 } #b48 .e1733113237744 { left: 640px; top: 410px; width: 495px; height: 84px; z-index: 4 } #b48 .e1733113237744 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b48 .e1733113237751 { left: 640px; top: 162px; width: 495px; height: 228px; z-index: 5 } #b48 .e1733113237751 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b48 .e1733113237758 { left: 887px; top: 182px; width: 1px; height: 188px; z-index: 6 } #b48 .e1733113237758 .atom { background-color: #303132 } #b48 .e1733113237765 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b48 .e1733113237765 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b48 .e1733113237775 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b48 .e1733113237775 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b48 .e1733113237784 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b48 .e1733113237784 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b48 .e1733113237791 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b48 .e1733113237791 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b48 .e1733113237796 { left: 640px; top: 110px; width: 395px; height: auto; color: #ffffff; z-index: 11 } #b48 .e1733113237796 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b48 .e1733113237802 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b48 .e1733113237802 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b48 .e1733113237807 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b48 .e1733113237807 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b48 .e1733113237814 { left: 660px; top: 430px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b48 .e1733113237814 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b48 .e1733113237824 { left: 660px; top: 458px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b48 .e1733113237824 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b48 { --h: 610px; --w: 320px } #b48 .e1733113237729 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b48 .e1733113237729 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b48 .e1733113237744 { left: 20px; top: 502px; width: 280px; height: 82px } #b48 .e1733113237751 { left: 20px; top: 214px; width: 280px; height: 268px } #b48 .e1733113237758 { left: 35px; top: 335px; width: 250px; height: 1px } #b48 .e1733113237765 { left: 20px; top: 83px; width: 180px } #b48 .e1733113237765 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b48 .e1733113237775 { left: 268px; top: 80px; width: 32px; height: 32px } #b48 .e1733113237784 { left: 35px; top: 229px; width: 250px } #b48 .e1733113237784 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b48 .e1733113237791 { left: 35px; top: 255px; width: 235px } #b48 .e1733113237791 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b48 .e1733113237796 { left: 20px; top: 155px; width: 240px } #b48 .e1733113237796 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b48 .e1733113237802 { left: 35px; top: 350px; width: 250px } #b48 .e1733113237802 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b48 .e1733113237807 { left: 35px; top: 376px; width: 235px } #b48 .e1733113237807 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b48 .e1733113237814 { left: 35px; top: 517px; width: 250px } #b48 .e1733113237814 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b48 .e1733113237824 { left: 35px; top: 543px; width: 240px } #b48 .e1733113237824 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b48-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b49 · попап #popup:case36 */ #b49 { --h: 666px; --w: 1200px } #b49 .e1733113405494 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b49 .e1733113405494 .atom { background-color: #212326 } #b49 .e1733113405505 { left: 640px; top: 490px; width: 495px; height: 116px; z-index: 4 } #b49 .e1733113405505 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b49 .e1733113405511 { left: 640px; top: 178px; width: 495px; height: 292px; z-index: 5 } #b49 .e1733113405511 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b49 .e1733113405517 { left: 887px; top: 198px; width: 1px; height: 252px; z-index: 6 } #b49 .e1733113405517 .atom { background-color: #303132 } #b49 .e1733113405524 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b49 .e1733113405524 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b49 .e1733113405530 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b49 .e1733113405530 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b49 .e1733113405537 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b49 .e1733113405537 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b49 .e1733113405544 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b49 .e1733113405544 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b49 .e1733113405550 { left: 640px; top: 110px; width: 390px; height: auto; color: #ffffff; z-index: 11 } #b49 .e1733113405550 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b49 .e1733113405557 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b49 .e1733113405557 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b49 .e1733113405563 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b49 .e1733113405563 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b49 .e1733113405575 { left: 660px; top: 510px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b49 .e1733113405575 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b49 .e1733113405584 { left: 660px; top: 538px; width: 400px; height: auto; color: #ffffff; z-index: 15 } #b49 .e1733113405584 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b49 { --h: 708px; --w: 320px } #b49 .e1733113405494 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b49 .e1733113405494 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b49 .e1733113405505 { left: 20px; top: 567px; width: 280px; height: 121px } #b49 .e1733113405511 { left: 20px; top: 227px; width: 280px; height: 320px } #b49 .e1733113405517 { left: 35px; top: 400px; width: 250px; height: 1px } #b49 .e1733113405524 { left: 20px; top: 83px; width: 180px } #b49 .e1733113405524 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b49 .e1733113405530 { left: 268px; top: 80px; width: 32px; height: 32px } #b49 .e1733113405537 { left: 35px; top: 242px; width: 250px } #b49 .e1733113405537 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b49 .e1733113405544 { left: 35px; top: 268px; width: 250px } #b49 .e1733113405544 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b49 .e1733113405550 { left: 20px; top: 155px; width: 245px } #b49 .e1733113405550 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b49 .e1733113405557 { left: 35px; top: 415px; width: 250px } #b49 .e1733113405557 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b49 .e1733113405563 { left: 35px; top: 441px; width: 250px } #b49 .e1733113405563 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b49 .e1733113405575 { left: 35px; top: 582px; width: 250px } #b49 .e1733113405575 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b49 .e1733113405584 { left: 35px; top: 608px; width: 250px } #b49 .e1733113405584 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b49-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b50 · Никита Карагашев Не может знакомиться без алкоголя. Хотел повысить уро… */ #b50 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b50 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b50 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b50 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 4; pointer-events: none } #b50 .e1716577483559 .atom { border-radius: 10px; background-position: Infinity% 37.988%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3464-3630-37.jpg') } #b50 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 5 } #b50 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b50 .e1716577483548 { left: 120px; top: 297px; width: 260px; height: auto; color: #ffffff; z-index: 6 } #b50 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b50 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 7 } #b50 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b50 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 8 } #b50 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b50 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 9; pointer-events: none } #b50 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b50 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 10 } #b50 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b50 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b50 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b50 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 12; pointer-events: none } #b50 .e1733079326919 { left: 135px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 13 } #b50 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b50 .e1733080274875 { left: 120px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b50 .e1733080274875 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(12,13,14,0.1) 0%,rgba(12,13,14,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b50 .e1733080274875 .atom::after { display: none } #b50 .e1733080274875 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b50 .e1733080274875 .atom .btn__border::before { display: none } #b50 .e1733080274875 .atom .btn__border::after { display: none } #b50 .e1733080399426 { left: 189px; top: 20px; width: 59px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b50 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(12,13,14,0.1) 0%,rgba(12,13,14,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b50 .e1733080399426 .atom::after { display: none } #b50 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b50 .e1733080399426 .atom .btn__border::before { display: none } #b50 .e1733080399426 .atom .btn__border::after { display: none } #b50 .e1716577483544 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b50 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b50 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b50 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b50 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 18; pointer-events: none } #b50 .e1733085669474 .atom { border-radius: 10px; background-position: 0.000% 28.645%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/6566-3464-38.jpg') } #b50 .e1733085669481 { left: 460px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 19 } #b50 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b50 .e1733085669488 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 20 } #b50 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b50 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 21 } #b50 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b50 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 22 } #b50 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b50 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 23; pointer-events: none } #b50 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b50 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24 } #b50 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b50 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 25 } #b50 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b50 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 26; pointer-events: none } #b50 .e1733085669552 { left: 475px; top: 405px; width: 255px; height: auto; color: #ffffff; z-index: 27 } #b50 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b50 .e1733085669571 { left: 460px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 28; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b50 .e1733085669571 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b50 .e1733085669571 .atom::after { display: none } #b50 .e1733085669571 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b50 .e1733085669571 .atom .btn__border::before { display: none } #b50 .e1733085669571 .atom .btn__border::after { display: none } #b50 .e1733085669577 { left: 522px; top: 20px; width: 66px; height: 20px; color: #f5f5f5; text-align: center; z-index: 29; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b50 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b50 .e1733085669577 .atom::after { display: none } #b50 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b50 .e1733085669577 .atom .btn__border::before { display: none } #b50 .e1733085669577 .atom .btn__border::after { display: none } #b50 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 30 } #b50 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b50 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 31 } #b50 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b50 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 32; pointer-events: none } #b50 .e1733085703564 .atom { border-radius: 10px; background-position: 0.000% 41.325%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/6135-3863-39.jpg') } #b50 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 33 } #b50 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b50 .e1733085703582 { left: 800px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 34 } #b50 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b50 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 35 } #b50 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b50 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 36 } #b50 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b50 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 37; pointer-events: none } #b50 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b50 .e1733085703619 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 38 } #b50 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b50 .e1733085703631 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 39 } #b50 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b50 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 40; pointer-events: none } #b50 .e1733085703661 { left: 815px; top: 405px; width: 255px; height: auto; color: #ffffff; z-index: 41 } #b50 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b50 .e1733085703681 { left: 800px; top: 20px; width: 49px; height: 20px; color: #f5f5f5; text-align: center; z-index: 42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b50 .e1733085703681 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b50 .e1733085703681 .atom::after { display: none } #b50 .e1733085703681 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b50 .e1733085703681 .atom .btn__border::before { display: none } #b50 .e1733085703681 .atom .btn__border::after { display: none } #b50 .e1733085703686 { left: 854px; top: 20px; width: 66px; height: 20px; color: #f5f5f5; text-align: center; z-index: 43; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b50 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b50 .e1733085703686 .atom::after { display: none } #b50 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b50 .e1733085703686 .atom .btn__border::before { display: none } #b50 .e1733085703686 .atom .btn__border::after { display: none } #b50 .e1733085703691 { left: 800px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 44 } #b50 .e1733085703691 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } @media (max-width: 959px) { #b50 { --h: 1608px; --w: 320px; --zoom-ab: var(--zoom) } #b50 .e1716577483562 { left: 10px; width: 300px; height: 508px } #b50 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b50 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b50 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b50 .e1716577483548 { left: 30px; top: 275px; width: 240px } #b50 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b50 .e1733079330333 { left: 30px; top: 434px; width: 260px; border-radius: 10px } #b50 .e1733079330333 .atom { background-size: cover } #b50 .e1716577483539 { left: 30px; top: 319px; width: 260px; height: 95px; border-radius: 10px } #b50 .e1716577483539 .atom { background-size: cover } #b50 .e1716577483529 { left: 45px; top: 449px; width: 190px } #b50 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b50 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733079119467 { left: 45px; top: 334px; width: 158px } #b50 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733079282110 { left: 265px; top: 456px } #b50 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b50 .e1733079326919 { left: 45px; top: 351px; width: 210px } #b50 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b50 .e1733080274875 { left: 30px } #b50 .e1733080274875 .atom { white-space: normal; background-size: cover } #b50 .e1733080274875 .atom .btn__text { overflow: visible } #b50 .e1733080399426 { left: 99px } #b50 .e1733080399426 .atom { white-space: normal; background-size: cover } #b50 .e1733080399426 .atom .btn__text { overflow: visible } #b50 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b50 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733085669467 { left: 10px; top: 528px; width: 300px; height: 508px } #b50 .e1733085669474 { left: 15px; top: 533px; width: 290px; height: 180px } #b50 .e1733085669481 { left: 30px; top: 733px; width: 215px } #b50 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b50 .e1733085669488 { left: 30px; top: 803px; width: 240px } #b50 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b50 .e1733085669495 { left: 30px; top: 962px; width: 260px; border-radius: 10px } #b50 .e1733085669495 .atom { background-size: cover } #b50 .e1733085669501 { left: 30px; top: 847px; width: 260px; height: 95px; border-radius: 10px } #b50 .e1733085669501 .atom { background-size: cover } #b50 .e1733085669508 { left: 45px; top: 977px; width: 190px } #b50 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733085669515 { left: 30px; top: 786px; width: 158px } #b50 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733085669524 { left: 45px; top: 862px; width: 158px } #b50 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733085669535 { left: 265px; top: 984px } #b50 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b50 .e1733085669552 { left: 45px; top: 879px; width: 220px } #b50 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b50 .e1733085669571 { left: 30px; top: 548px } #b50 .e1733085669571 .atom { white-space: normal; background-size: cover } #b50 .e1733085669571 .atom .btn__text { overflow: visible } #b50 .e1733085669577 { left: 92px; top: 548px } #b50 .e1733085669577 .atom { white-space: normal; background-size: cover } #b50 .e1733085669577 .atom .btn__text { overflow: visible } #b50 .e1733085669586 { left: 30px; top: 754px; width: 158px } #b50 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733085703555 { left: 10px; top: 1056px; width: 300px; height: 532px } #b50 .e1733085703564 { left: 15px; top: 1061px; width: 290px; height: 180px } #b50 .e1733085703572 { left: 30px; top: 1261px; width: 215px } #b50 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b50 .e1733085703582 { left: 30px; top: 1331px; width: 220px } #b50 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b50 .e1733085703593 { left: 30px; top: 1514px; width: 260px; border-radius: 10px } #b50 .e1733085703593 .atom { background-size: cover } #b50 .e1733085703600 { left: 30px; top: 1399px; width: 260px; height: 95px; border-radius: 10px } #b50 .e1733085703600 .atom { background-size: cover } #b50 .e1733085703607 { left: 45px; top: 1529px; width: 190px } #b50 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733085703619 { left: 30px; top: 1314px; width: 158px } #b50 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733085703631 { left: 45px; top: 1414px; width: 158px } #b50 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b50 .e1733085703641 { left: 265px; top: 1536px } #b50 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b50 .e1733085703661 { left: 45px; top: 1431px; width: 220px } #b50 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b50 .e1733085703681 { left: 30px; top: 1076px } #b50 .e1733085703681 .atom { white-space: normal; background-size: cover } #b50 .e1733085703681 .atom .btn__text { overflow: visible } #b50 .e1733085703686 { left: 84px; top: 1076px } #b50 .e1733085703686 .atom { white-space: normal; background-size: cover } #b50 .e1733085703686 .atom .btn__text { overflow: visible } #b50 .e1733085703691 { left: 30px; top: 1282px; width: 158px } #b50 .e1733085703691 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } } @media (hover) { #b50 .e1733080274875 .atom:hover::after { opacity: 0 } #b50 .e1733080274875 .atom:hover { animation-name: none } #b50 .e1733080399426 .atom:hover::after { opacity: 0 } #b50 .e1733080399426 .atom:hover { animation-name: none } #b50 .e1733085669571 .atom:hover::after { opacity: 0 } #b50 .e1733085669571 .atom:hover { animation-name: none } #b50 .e1733085669577 .atom:hover::after { opacity: 0 } #b50 .e1733085669577 .atom:hover { animation-name: none } #b50 .e1733085703681 .atom:hover::after { opacity: 0 } #b50 .e1733085703681 .atom:hover { animation-name: none } #b50 .e1733085703686 .atom:hover::after { opacity: 0 } #b50 .e1733085703686 .atom:hover { animation-name: none } } /* b51 · попап #popup:case37 */ #b51 { --h: 618px; --w: 1200px } #b51 .e1733113570275 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b51 .e1733113570275 .atom { background-color: #212326 } #b51 .e1733113570291 { left: 640px; top: 442px; width: 495px; height: 116px; z-index: 4 } #b51 .e1733113570291 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b51 .e1733113570298 { left: 640px; top: 162px; width: 495px; height: 260px; z-index: 5 } #b51 .e1733113570298 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b51 .e1733113570309 { left: 887px; top: 182px; width: 1px; height: 220px; z-index: 6 } #b51 .e1733113570309 .atom { background-color: #303132 } #b51 .e1733113570320 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b51 .e1733113570320 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b51 .e1733113570332 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b51 .e1733113570332 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b51 .e1733113570339 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b51 .e1733113570339 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b51 .e1733113570347 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b51 .e1733113570347 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b51 .e1733113570356 { left: 640px; top: 110px; width: 500px; height: auto; color: #ffffff; z-index: 11 } #b51 .e1733113570356 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b51 .e1733113570363 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b51 .e1733113570363 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b51 .e1733113570370 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b51 .e1733113570370 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b51 .e1733113570377 { left: 660px; top: 462px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b51 .e1733113570377 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b51 .e1733113570384 { left: 660px; top: 490px; width: 430px; height: auto; color: #ffffff; z-index: 15 } #b51 .e1733113570384 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b51 { --h: 643px; --w: 320px } #b51 .e1733113570275 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b51 .e1733113570275 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b51 .e1733113570291 { left: 20px; top: 515px; width: 280px; height: 108px } #b51 .e1733113570298 { left: 20px; top: 214px; width: 280px; height: 281px } #b51 .e1733113570309 { left: 35px; top: 335px; width: 250px; height: 1px } #b51 .e1733113570320 { left: 20px; top: 83px; width: 180px } #b51 .e1733113570320 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b51 .e1733113570332 { left: 268px; top: 80px; width: 32px; height: 32px } #b51 .e1733113570339 { left: 35px; top: 229px; width: 250px } #b51 .e1733113570339 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b51 .e1733113570347 { left: 35px; top: 255px; width: 250px } #b51 .e1733113570347 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b51 .e1733113570356 { left: 20px; top: 155px; width: 280px } #b51 .e1733113570356 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b51 .e1733113570363 { left: 35px; top: 350px; width: 250px } #b51 .e1733113570363 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b51 .e1733113570370 { left: 35px; top: 376px; width: 250px } #b51 .e1733113570370 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b51 .e1733113570377 { left: 35px; top: 530px; width: 250px } #b51 .e1733113570377 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b51 .e1733113570384 { left: 35px; top: 556px; width: 250px } #b51 .e1733113570384 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b51-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b52 · попап #popup:case38 */ #b52 { --h: 793px; --w: 1200px } #b52 .e1733113728602 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b52 .e1733113728602 .atom { background-color: #212326 } #b52 .e1733113728615 { left: 640px; top: 602px; width: 495px; height: 132px; z-index: 4 } #b52 .e1733113728615 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b52 .e1733113728622 { left: 640px; top: 178px; width: 495px; height: 404px; z-index: 5 } #b52 .e1733113728622 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b52 .e1733113728629 { left: 887px; top: 198px; width: 1px; height: 364px; z-index: 6 } #b52 .e1733113728629 .atom { background-color: #303132 } #b52 .e1733113728636 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b52 .e1733113728636 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b52 .e1733113728643 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b52 .e1733113728643 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b52 .e1733113728649 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b52 .e1733113728649 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b52 .e1733113728655 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b52 .e1733113728655 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b52 .e1733113728662 { left: 640px; top: 110px; width: 345px; height: auto; color: #ffffff; z-index: 11 } #b52 .e1733113728662 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b52 .e1733113728668 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b52 .e1733113728668 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b52 .e1733113728674 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b52 .e1733113728674 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b52 .e1733113728680 { left: 660px; top: 622px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b52 .e1733113728680 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b52 .e1733113728686 { left: 660px; top: 650px; width: 410px; height: auto; color: #ffffff; z-index: 15 } #b52 .e1733113728686 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b52 { --h: 771px; --w: 320px } #b52 .e1733113728602 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b52 .e1733113728602 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b52 .e1733113728615 { left: 20px; top: 618px; width: 280px; height: 134px } #b52 .e1733113728622 { left: 20px; top: 227px; width: 280px; height: 371px } #b52 .e1733113728629 { left: 35px; top: 348px; width: 250px; height: 1px } #b52 .e1733113728636 { left: 20px; top: 83px; width: 180px } #b52 .e1733113728636 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b52 .e1733113728643 { left: 268px; top: 80px; width: 32px; height: 32px } #b52 .e1733113728649 { left: 35px; top: 242px; width: 250px } #b52 .e1733113728649 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b52 .e1733113728655 { left: 35px; top: 268px; width: 220px } #b52 .e1733113728655 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b52 .e1733113728662 { left: 20px; top: 155px; width: 230px } #b52 .e1733113728662 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b52 .e1733113728668 { left: 35px; top: 363px; width: 250px } #b52 .e1733113728668 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b52 .e1733113728674 { left: 35px; top: 389px; width: 250px } #b52 .e1733113728674 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b52 .e1733113728680 { left: 35px; top: 633px; width: 250px } #b52 .e1733113728680 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b52 .e1733113728686 { left: 35px; top: 659px; width: 221px } #b52 .e1733113728686 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b52-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b53 · попап #popup:case39 */ #b53 { --h: 746px; --w: 1200px } #b53 .e1733113920576 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b53 .e1733113920576 .atom { background-color: #212326 } #b53 .e1733113920590 { left: 640px; top: 554px; width: 495px; height: 132px; z-index: 4 } #b53 .e1733113920590 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b53 .e1733113920598 { left: 640px; top: 178px; width: 495px; height: 356px; z-index: 5 } #b53 .e1733113920598 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b53 .e1733113920605 { left: 887px; top: 198px; width: 1px; height: 316px; z-index: 6 } #b53 .e1733113920605 .atom { background-color: #303132 } #b53 .e1733113920613 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b53 .e1733113920613 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b53 .e1733113920624 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b53 .e1733113920624 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b53 .e1733113920631 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b53 .e1733113920631 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b53 .e1733113920639 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b53 .e1733113920639 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b53 .e1733113920649 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b53 .e1733113920649 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b53 .e1733113920661 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b53 .e1733113920661 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b53 .e1733113920671 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b53 .e1733113920671 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b53 .e1733113920683 { left: 660px; top: 574px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b53 .e1733113920683 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b53 .e1733113920693 { left: 660px; top: 602px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b53 .e1733113920693 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b53 { --h: 734px; --w: 320px } #b53 .e1733113920576 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b53 .e1733113920576 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b53 .e1733113920590 { left: 20px; top: 580px; width: 280px; height: 134px } #b53 .e1733113920598 { left: 20px; top: 201px; width: 280px; height: 359px } #b53 .e1733113920605 { left: 35px; top: 348px; width: 250px; height: 1px } #b53 .e1733113920613 { left: 20px; top: 83px; width: 248px } #b53 .e1733113920613 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b53 .e1733113920624 { left: 268px; top: 80px; width: 32px; height: 32px } #b53 .e1733113920631 { left: 35px; top: 216px; width: 250px } #b53 .e1733113920631 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b53 .e1733113920639 { left: 35px; top: 242px; width: 250px } #b53 .e1733113920639 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b53 .e1733113920649 { left: 20px; top: 129px; width: 260px } #b53 .e1733113920649 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b53 .e1733113920661 { left: 35px; top: 363px; width: 250px } #b53 .e1733113920661 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b53 .e1733113920671 { left: 35px; top: 389px; width: 250px } #b53 .e1733113920671 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b53 .e1733113920683 { left: 35px; top: 595px; width: 250px } #b53 .e1733113920683 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b53 .e1733113920693 { left: 35px; top: 621px; width: 230px } #b53 .e1733113920693 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b53-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b54 · Аноним Испытывал страх подхода, упускал возможности знакомиться, не хв… */ #b54 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b54 .e1736314375101 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b54 .e1736314375101 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b54 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 4 } #b54 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b54 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 5; pointer-events: none } #b54 .e1716577483559 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/6664-6661-Icon.svg') } #b54 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 6 } #b54 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b54 .e1716577483548 { left: 120px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 7 } #b54 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b54 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 8 } #b54 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b54 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 9 } #b54 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b54 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 10; pointer-events: none } #b54 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b54 .e1733079106159 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 11 } #b54 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b54 .e1733079119467 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 12 } #b54 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b54 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 13; pointer-events: none } #b54 .e1733079326919 { left: 135px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 14 } #b54 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b54 .e1733080399426 { left: 120px; top: 20px; width: 59px; height: 20px; color: #f5f5f5; text-align: center; z-index: 15; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b54 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b54 .e1733080399426 .atom::after { display: none } #b54 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b54 .e1733080399426 .atom .btn__border::before { display: none } #b54 .e1733080399426 .atom .btn__border::after { display: none } #b54 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 16 } #b54 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b54 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 17; pointer-events: none } #b54 .e1733085669474 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3164-3638-Icon.svg') } #b54 .e1733085669481 { left: 460px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 18 } #b54 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b54 .e1733085669488 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 19 } #b54 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b54 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 20 } #b54 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b54 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 21 } #b54 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b54 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 22; pointer-events: none } #b54 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b54 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 23 } #b54 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b54 .e1733085669524 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 24 } #b54 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b54 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 25; pointer-events: none } #b54 .e1733085669552 { left: 475px; top: 405px; width: 235px; height: auto; color: #ffffff; z-index: 26 } #b54 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b54 .e1733085669577 { left: 460px; top: 20px; width: 85px; height: 20px; color: #f5f5f5; text-align: center; z-index: 27; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b54 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b54 .e1733085669577 .atom::after { display: none } #b54 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b54 .e1733085669577 .atom .btn__border::before { display: none } #b54 .e1733085669577 .atom .btn__border::after { display: none } #b54 .e1733085669586 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 28 } #b54 .e1733085669586 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b54 .e1736314375170 { left: 1055px; top: 518px; width: 10px; z-index: 29; pointer-events: none } #b54 .e1736314375157 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 30 } #b54 .e1736314375157 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b54 .e1736314375149 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 31; pointer-events: none } #b54 .e1736314375149 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b54 .e1736314375144 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 32 } #b54 .e1736314375144 .atom { border-radius: 10px; background-color: #2b2f33 } #b54 .e1736314375140 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 33 } #b54 .e1736314375140 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b54 .e1736314375133 { left: 800px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 34 } #b54 .e1736314375133 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b54 .e1736314375110 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 35; pointer-events: none } #b54 .e1736314375110 .atom { border-radius: 10px; background-color: #2b2f33; background-position: Infinity% 8.458%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/6564-3963-42.jpg') } #b54 .e1736314375189 { left: 815px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 36 } #b54 .e1736314375189 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b54 .e1736314375164 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 37 } #b54 .e1736314375164 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b54 .e1736314375211 { left: 800px; top: 20px; width: 85px; height: 20px; color: #f5f5f5; text-align: center; z-index: 38; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b54 .e1736314375211 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b54 .e1736314375211 .atom::after { display: none } #b54 .e1736314375211 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b54 .e1736314375211 .atom .btn__border::before { display: none } #b54 .e1736314375211 .atom .btn__border::after { display: none } #b54 .e1736314375120 { left: 800px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 39 } #b54 .e1736314375120 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } @media (max-width: 959px) { #b54 { --h: 1562px; --w: 320px; --zoom-ab: var(--zoom) } #b54 .e1736314375101 { left: 10px; top: 1051px; width: 300px; height: 491px } #b54 .e1716577483562 { left: 10px; width: 300px; height: 479px } #b54 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b54 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b54 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b54 .e1716577483548 { left: 30px; top: 258px; width: 240px } #b54 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b54 .e1733079330333 { left: 30px; top: 405px; width: 260px; border-radius: 10px } #b54 .e1733079330333 .atom { background-size: cover } #b54 .e1716577483539 { left: 30px; top: 302px; width: 260px; height: 83px; border-radius: 10px } #b54 .e1716577483539 .atom { background-size: cover } #b54 .e1716577483529 { left: 45px; top: 420px; width: 190px } #b54 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1733079106159 { left: 30px; top: 241px; width: 158px } #b54 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1733079119467 { left: 45px; top: 317px; width: 158px } #b54 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1733079282110 { left: 265px; top: 427px } #b54 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b54 .e1733079326919 { left: 45px; top: 334px; width: 230px } #b54 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b54 .e1733080399426 { left: 30px } #b54 .e1733080399426 .atom { white-space: normal; background-size: cover } #b54 .e1733080399426 .atom .btn__text { overflow: visible } #b54 .e1733085669467 { left: 10px; top: 499px; width: 300px; height: 532px } #b54 .e1733085669474 { left: 15px; top: 504px; width: 290px; height: 180px } #b54 .e1733085669481 { left: 30px; top: 704px; width: 215px } #b54 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b54 .e1733085669488 { left: 30px; top: 774px; width: 220px } #b54 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b54 .e1733085669495 { left: 30px; top: 957px; width: 260px; border-radius: 10px } #b54 .e1733085669495 .atom { background-size: cover } #b54 .e1733085669501 { left: 30px; top: 842px; width: 260px; height: 95px; border-radius: 10px } #b54 .e1733085669501 .atom { background-size: cover } #b54 .e1733085669508 { left: 45px; top: 972px; width: 190px } #b54 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1733085669515 { left: 30px; top: 757px; width: 158px } #b54 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1733085669524 { left: 45px; top: 857px; width: 158px } #b54 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1733085669535 { left: 265px; top: 979px } #b54 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b54 .e1733085669552 { left: 45px; top: 874px; width: 195px } #b54 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b54 .e1733085669577 { left: 30px; top: 519px } #b54 .e1733085669577 .atom { white-space: normal; background-size: cover } #b54 .e1733085669577 .atom .btn__text { overflow: visible } #b54 .e1733085669586 { left: 30px; top: 725px; width: 158px } #b54 .e1733085669586 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1736314375170 { left: 265px; top: 1490px } #b54 .e1736314375170 .atom { background-size: cover; opacity: 1 } #b54 .e1736314375157 { left: 30px; top: 1292px; width: 158px } #b54 .e1736314375157 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1736314375149 { left: 45px; top: 1483px; width: 190px } #b54 .e1736314375149 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1736314375144 { left: 30px; top: 1365px; width: 260px; height: 83px; border-radius: 10px } #b54 .e1736314375144 .atom { background-size: cover } #b54 .e1736314375140 { left: 30px; top: 1468px; width: 260px; border-radius: 10px } #b54 .e1736314375140 .atom { background-size: cover } #b54 .e1736314375133 { left: 30px; top: 1309px; width: 240px } #b54 .e1736314375133 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b54 .e1736314375110 { left: 15px; top: 1056px; width: 290px; height: 180px } #b54 .e1736314375189 { left: 45px; top: 1397px; width: 195px } #b54 .e1736314375189 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b54 .e1736314375164 { left: 45px; top: 1380px; width: 158px } #b54 .e1736314375164 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b54 .e1736314375211 { left: 30px; top: 1071px } #b54 .e1736314375211 .atom { white-space: normal; background-size: cover } #b54 .e1736314375211 .atom .btn__text { overflow: visible } #b54 .e1736314375120 { left: 30px; top: 1256px; width: 215px } #b54 .e1736314375120 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } } @media (hover) { #b54 .e1733080399426 .atom:hover::after { opacity: 0 } #b54 .e1733080399426 .atom:hover { animation-name: none } #b54 .e1733085669577 .atom:hover::after { opacity: 0 } #b54 .e1733085669577 .atom:hover { animation-name: none } #b54 .e1736314375211 .atom:hover::after { opacity: 0 } #b54 .e1736314375211 .atom:hover { animation-name: none } } /* b55 · попап #popup:case40 */ #b55 { --h: 762px; --w: 1200px } #b55 .e1733114127064 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b55 .e1733114127064 .atom { background-color: #212326 } #b55 .e1733114127075 { left: 640px; top: 570px; width: 495px; height: 132px; z-index: 4 } #b55 .e1733114127075 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b55 .e1733114127081 { left: 640px; top: 210px; width: 495px; height: 339px; z-index: 5 } #b55 .e1733114127081 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b55 .e1733114127087 { left: 887px; top: 230px; width: 1px; height: 299px; z-index: 6 } #b55 .e1733114127087 .atom { background-color: #303132 } #b55 .e1733114127093 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b55 .e1733114127093 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b55 .e1733114127101 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b55 .e1733114127101 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b55 .e1733114127108 { left: 660px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b55 .e1733114127108 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b55 .e1733114127115 { left: 660px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b55 .e1733114127115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b55 .e1733114127121 { left: 640px; top: 110px; width: 410px; height: auto; color: #ffffff; z-index: 11 } #b55 .e1733114127121 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b55 .e1733114127127 { left: 910px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b55 .e1733114127127 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b55 .e1733114127133 { left: 910px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b55 .e1733114127133 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b55 .e1733114127140 { left: 660px; top: 590px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b55 .e1733114127140 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b55 .e1733114127146 { left: 660px; top: 618px; width: 420px; height: auto; color: #ffffff; z-index: 15 } #b55 .e1733114127146 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b55 { --h: 799px; --w: 320px } #b55 .e1733114127064 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b55 .e1733114127064 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b55 .e1733114127075 { left: 20px; top: 645px; width: 280px; height: 134px } #b55 .e1733114127081 { left: 20px; top: 240px; width: 280px; height: 385px } #b55 .e1733114127087 { left: 35px; top: 439px; width: 250px; height: 1px } #b55 .e1733114127093 { left: 20px; top: 83px; width: 180px } #b55 .e1733114127093 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b55 .e1733114127101 { left: 268px; top: 80px; width: 32px; height: 32px } #b55 .e1733114127108 { left: 35px; top: 255px; width: 250px } #b55 .e1733114127108 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b55 .e1733114127115 { left: 35px; top: 281px; width: 250px } #b55 .e1733114127115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b55 .e1733114127121 { left: 20px; top: 129px; width: 250px } #b55 .e1733114127121 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b55 .e1733114127127 { left: 35px; top: 454px; width: 250px } #b55 .e1733114127127 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b55 .e1733114127133 { left: 35px; top: 480px; width: 250px } #b55 .e1733114127133 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b55 .e1733114127140 { left: 35px; top: 660px; width: 250px } #b55 .e1733114127140 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b55 .e1733114127146 { left: 35px; top: 686px; width: 250px } #b55 .e1733114127146 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b55-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b56 · попап #popup:case41 */ #b56 { --h: 810px; --w: 1200px } #b56 .e1733114351032 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b56 .e1733114351032 .atom { background-color: #212326 } #b56 .e1733114351052 { left: 640px; top: 602px; width: 495px; height: 148px; z-index: 4 } #b56 .e1733114351052 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b56 .e1733114351061 { left: 640px; top: 194px; width: 495px; height: 388px; z-index: 5 } #b56 .e1733114351061 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b56 .e1733114351070 { left: 887px; top: 214px; width: 1px; height: 348px; z-index: 6 } #b56 .e1733114351070 .atom { background-color: #303132 } #b56 .e1733114351080 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b56 .e1733114351080 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b56 .e1733114351093 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b56 .e1733114351093 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b56 .e1733114351102 { left: 660px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b56 .e1733114351102 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b56 .e1733114351115 { left: 660px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b56 .e1733114351115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b56 .e1733114351137 { left: 640px; top: 110px; width: 410px; height: auto; color: #ffffff; z-index: 11 } #b56 .e1733114351137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b56 .e1733114351152 { left: 910px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b56 .e1733114351152 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b56 .e1733114351162 { left: 910px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b56 .e1733114351162 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b56 .e1733114351175 { left: 660px; top: 622px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b56 .e1733114351175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b56 .e1733114351185 { left: 660px; top: 650px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b56 .e1733114351185 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b56 { --h: 786px; --w: 320px } #b56 .e1733114351032 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b56 .e1733114351032 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b56 .e1733114351052 { left: 20px; top: 606px; width: 280px; height: 160px } #b56 .e1733114351061 { left: 20px; top: 240px; width: 280px; height: 346px } #b56 .e1733114351070 { left: 35px; top: 348px; width: 250px; height: 1px } #b56 .e1733114351080 { left: 20px; top: 83px; width: 180px } #b56 .e1733114351080 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b56 .e1733114351093 { left: 268px; top: 80px; width: 32px; height: 32px } #b56 .e1733114351102 { left: 35px; top: 255px; width: 250px } #b56 .e1733114351102 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b56 .e1733114351115 { left: 35px; top: 281px; width: 250px } #b56 .e1733114351115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b56 .e1733114351137 { left: 20px; top: 155px; width: 280px } #b56 .e1733114351137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b56 .e1733114351152 { left: 35px; top: 363px; width: 250px } #b56 .e1733114351152 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b56 .e1733114351162 { left: 35px; top: 389px; width: 240px } #b56 .e1733114351162 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b56 .e1733114351175 { left: 35px; top: 621px; width: 250px } #b56 .e1733114351175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b56 .e1733114351185 { left: 35px; top: 647px; width: 240px } #b56 .e1733114351185 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b56-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b57 · попап #popup:case42 */ #b57 { --h: 569px; --w: 1200px } #b57 .e1733114351032 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b57 .e1733114351032 .atom { background-color: #212326 } #b57 .e1733114351052 { left: 640px; top: 410px; width: 493px; height: 99px; z-index: 4 } #b57 .e1733114351052 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b57 .e1733114351061 { left: 640px; top: 210px; width: 493px; height: 180px; z-index: 5 } #b57 .e1733114351061 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b57 .e1733114351070 { left: 887px; top: 230px; width: 1px; height: 140px; z-index: 6 } #b57 .e1733114351070 .atom { background-color: #303132 } #b57 .e1733114351080 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b57 .e1733114351080 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b57 .e1733114351093 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b57 .e1733114351093 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b57 .e1733114351102 { left: 660px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b57 .e1733114351102 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b57 .e1733114351115 { left: 660px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b57 .e1733114351115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b57 .e1733114351137 { left: 640px; top: 110px; width: 468px; height: auto; color: #ffffff; z-index: 11 } #b57 .e1733114351137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b57 .e1733114351152 { left: 910px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b57 .e1733114351152 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b57 .e1733114351162 { left: 910px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b57 .e1733114351162 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b57 .e1733114351175 { left: 660px; top: 430px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b57 .e1733114351175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b57 .e1733114351185 { left: 660px; top: 458px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b57 .e1733114351185 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b57 { --h: 604px; --w: 320px } #b57 .e1733114351032 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b57 .e1733114351032 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b57 .e1733114351052 { left: 20px; top: 489px; width: 280px; height: 95px } #b57 .e1733114351061 { left: 20px; top: 240px; width: 280px; height: 229px } #b57 .e1733114351070 { left: 35px; top: 361px; width: 250px; height: 1px } #b57 .e1733114351080 { left: 20px; top: 83px; width: 180px } #b57 .e1733114351080 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b57 .e1733114351093 { left: 268px; top: 80px; width: 32px; height: 32px } #b57 .e1733114351102 { left: 35px; top: 255px; width: 250px } #b57 .e1733114351102 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b57 .e1733114351115 { left: 35px; top: 281px; width: 240px } #b57 .e1733114351115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b57 .e1733114351137 { left: 20px; top: 129px; width: 280px } #b57 .e1733114351137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b57 .e1733114351152 { left: 35px; top: 376px; width: 250px } #b57 .e1733114351152 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b57 .e1733114351162 { left: 35px; top: 402px; width: 240px } #b57 .e1733114351162 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b57 .e1733114351175 { left: 35px; top: 504px; width: 250px } #b57 .e1733114351175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b57 .e1733114351185 { left: 35px; top: 530px; width: 220px } #b57 .e1733114351185 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b57-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b58 · Наран @tg До курса: Жил «на автопилоте», переезд в Москву дал понять, … */ #b58 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b58 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b58 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b58 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 6; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b58 .e1716577483544 { left: 120px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 5; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b58 .e1733079106159 { left: 120px; top: 280px; width: 280px; height: auto; color: #ffffff; z-index: 9; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b58 .e1716577483548 { left: 120px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 8; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b58 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 10; pointer-events: none } #b58 .e1716577483559 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3536-6561-43.jpg') } #b58 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 11 } #b58 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b58 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 12 } #b58 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b58 .e1733079119467 { left: 135px; top: 388px; width: 245px; height: auto; color: #ffffff; z-index: 15; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b58 .e1733079326919 { left: 135px; top: 405px; width: 245px; height: auto; color: #ffffff; z-index: 14; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b58 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 16; pointer-events: none } #b58 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b58 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 17; pointer-events: none } #b58 .e1733080399426 { left: 120px; top: 20px; width: 111px; height: 20px; color: #f5f5f5; text-align: center; z-index: 19; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b58 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b58 .e1733080399426 .atom::after { display: none } #b58 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b58 .e1733080399426 .atom .btn__border::before { display: none } #b58 .e1733080399426 .atom .btn__border::after { display: none } #b58 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 20 } #b58 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b58 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 21; pointer-events: none } #b58 .e1733085669474 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/6337-6265-44.jpg') } #b58 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b58 .e1733085669488 { left: 460px; top: 297px; width: 235px; height: auto; color: #ffffff; z-index: 23; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b58 .e1733085669481 { left: 460px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 27; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b58 .e1736565474085 { left: 460px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 26; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1736565474085 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b58 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 28 } #b58 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b58 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 29 } #b58 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b58 .e1733085669524 { left: 475px; top: 388px; width: 245px; height: auto; color: #ffffff; z-index: 32; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b58 .e1733085669552 { left: 475px; top: 405px; width: 245px; height: auto; color: #ffffff; z-index: 31; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b58 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 33; pointer-events: none } #b58 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b58 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 34; pointer-events: none } #b58 .e1733085669577 { left: 460px; top: 20px; width: 108px; height: 20px; color: #f5f5f5; text-align: center; z-index: 36; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b58 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b58 .e1733085669577 .atom::after { display: none } #b58 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b58 .e1733085669577 .atom .btn__border::before { display: none } #b58 .e1733085669577 .atom .btn__border::after { display: none } #b58 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 37 } #b58 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b58 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 38; pointer-events: none } #b58 .e1733085703564 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3166-6235-45.jpg') } #b58 .e1733085703619 { left: 800px; top: 280px; width: 280px; height: auto; color: #ffffff; z-index: 41; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b58 .e1733085703582 { left: 800px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 40; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b58 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 44; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b58 .e1736565475591 { left: 800px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 43; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1736565475591 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b58 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 45 } #b58 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b58 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 46 } #b58 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b58 .e1733085703631 { left: 815px; top: 388px; width: 250px; height: auto; color: #ffffff; z-index: 49; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b58 .e1733085703661 { left: 815px; top: 405px; width: 250px; height: auto; color: #ffffff; z-index: 48; flex-shrink: 0; margin: 0 0 0 0 } #b58 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b58 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 50; pointer-events: none } #b58 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b58 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 51; pointer-events: none } #b58 .e1733085703686 { left: 800px; top: 20px; width: 78px; height: 20px; color: #f5f5f5; text-align: center; z-index: 53; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b58 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b58 .e1733085703686 .atom::after { display: none } #b58 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b58 .e1733085703686 .atom .btn__border::before { display: none } #b58 .e1733085703686 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b58 { --h: 1620px; --w: 320px; --zoom-ab: var(--zoom) } #b58 .e1716577483562 { left: 10px; width: 300px; height: 532px } #b58 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b58 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b58 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b58 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b58 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1716577483548 { left: 30px; top: 275px; width: 225px } #b58 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b58 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b58 .e1733079330333 { left: 30px; top: 458px; width: 260px; border-radius: 10px } #b58 .e1733079330333 .atom { background-size: cover } #b58 .e1716577483539 { left: 30px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b58 .e1716577483539 .atom { background-size: cover; opacity: 1 } #b58 .e1733079119467 { left: 45px; top: 358px; width: 158px } #b58 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733079326919 { left: 45px; top: 375px; width: 200px } #b58 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b58 .e1716577483529 { left: 45px; top: 473px; width: 190px } #b58 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733079282110 { left: 265px; top: 480px } #b58 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b58 .e1733080399426 { left: 30px; width: 112px } #b58 .e1733080399426 .atom { white-space: normal; background-size: cover } #b58 .e1733080399426 .atom .btn__text { overflow: visible } #b58 .e1733085669467 { left: 10px; top: 552px; width: 300px; height: 508px } #b58 .e1733085669474 { left: 15px; top: 557px; width: 290px; height: 180px } #b58 .e1733085669515 { left: 30px; top: 810px; width: 158px } #b58 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733085669488 { left: 30px; top: 827px; width: 195px } #b58 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b58 .e1733085669481 { left: 30px; top: 757px; width: 215px } #b58 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b58 .e1736565474085 { left: 30px; top: 778px; width: 158px } #b58 .e1736565474085 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733085669495 { left: 30px; top: 986px; width: 260px; border-radius: 10px } #b58 .e1733085669495 .atom { background-size: cover } #b58 .e1733085669501 { left: 30px; top: 871px; width: 260px; height: 95px; border-radius: 10px } #b58 .e1733085669501 .atom { background-size: cover } #b58 .e1733085669524 { left: 45px; top: 886px; width: 158px } #b58 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733085669552 { left: 45px; top: 903px; width: 208px } #b58 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b58 .e1733085669508 { left: 45px; top: 1001px; width: 190px } #b58 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733085669535 { left: 265px; top: 1008px } #b58 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b58 .e1733085669577 { left: 30px; top: 572px; width: 109px } #b58 .e1733085669577 .atom { white-space: normal; background-size: cover } #b58 .e1733085669577 .atom .btn__text { overflow: visible } #b58 .e1733085703555 { left: 10px; top: 1080px; width: 300px; height: 520px } #b58 .e1733085703564 { left: 15px; top: 1085px; width: 290px; height: 180px } #b58 .e1733085703619 { left: 30px; top: 1338px; width: 158px } #b58 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733085703582 { left: 30px; top: 1355px; width: 240px } #b58 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b58 .e1733085703572 { left: 30px; top: 1285px; width: 215px } #b58 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b58 .e1736565475591 { left: 30px; top: 1306px; width: 158px } #b58 .e1736565475591 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733085703593 { left: 30px; top: 1526px; width: 260px; border-radius: 10px } #b58 .e1733085703593 .atom { background-size: cover } #b58 .e1733085703600 { left: 30px; top: 1411px; width: 260px; height: 95px; border-radius: 10px } #b58 .e1733085703600 .atom { background-size: cover } #b58 .e1733085703631 { left: 45px; top: 1426px; width: 158px } #b58 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733085703661 { left: 45px; top: 1443px; width: 205px } #b58 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b58 .e1733085703607 { left: 45px; top: 1541px; width: 190px } #b58 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b58 .e1733085703641 { left: 265px; top: 1548px } #b58 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b58 .e1733085703686 { left: 30px; top: 1100px; width: 79px } #b58 .e1733085703686 .atom { white-space: normal; background-size: cover } #b58 .e1733085703686 .atom .btn__text { overflow: visible } } @media (hover) { #b58 .e1733080399426 .atom:hover::after { opacity: 0 } #b58 .e1733080399426 .atom:hover { animation-name: none } #b58 .e1733085669577 .atom:hover::after { opacity: 0 } #b58 .e1733085669577 .atom:hover { animation-name: none } #b58 .e1733085703686 .atom:hover::after { opacity: 0 } #b58 .e1733085703686 .atom:hover { animation-name: none } } /* b59 · попап #popup:case43 */ #b59 { --h: 714px; --w: 1200px } #b59 .e1733114127064 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b59 .e1733114127064 .atom { background-color: #212326 } #b59 .e1733114127075 { left: 640px; top: 522px; width: 495px; height: 132px; z-index: 4 } #b59 .e1733114127075 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b59 .e1733114127081 { left: 640px; top: 210px; width: 495px; height: 292px; z-index: 5 } #b59 .e1733114127081 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b59 .e1733114127087 { left: 887px; top: 230px; width: 1px; height: 252px; z-index: 6 } #b59 .e1733114127087 .atom { background-color: #303132 } #b59 .e1733114127093 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b59 .e1733114127093 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b59 .e1733114127101 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b59 .e1733114127101 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b59 .e1733114127108 { left: 660px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b59 .e1733114127108 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b59 .e1733114127115 { left: 660px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b59 .e1733114127115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b59 .e1733114127121 { left: 640px; top: 110px; width: 445px; height: auto; color: #ffffff; z-index: 11 } #b59 .e1733114127121 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b59 .e1733114127127 { left: 910px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b59 .e1733114127127 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b59 .e1733114127133 { left: 910px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b59 .e1733114127133 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b59 .e1733114127140 { left: 660px; top: 542px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b59 .e1733114127140 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b59 .e1733114127146 { left: 660px; top: 570px; width: 420px; height: auto; color: #ffffff; z-index: 15 } #b59 .e1733114127146 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b59 { --h: 708px; --w: 320px } #b59 .e1733114127064 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b59 .e1733114127064 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b59 .e1733114127075 { left: 20px; top: 554px; width: 280px; height: 134px } #b59 .e1733114127081 { left: 20px; top: 240px; width: 280px; height: 294px } #b59 .e1733114127087 { left: 35px; top: 413px; width: 250px; height: 1px } #b59 .e1733114127093 { left: 20px; top: 83px; width: 180px } #b59 .e1733114127093 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b59 .e1733114127101 { left: 268px; top: 80px; width: 32px; height: 32px } #b59 .e1733114127108 { left: 35px; top: 255px; width: 250px } #b59 .e1733114127108 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b59 .e1733114127115 { left: 35px; top: 281px; width: 250px } #b59 .e1733114127115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b59 .e1733114127121 { left: 20px; top: 129px; width: 260px } #b59 .e1733114127121 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b59 .e1733114127127 { left: 35px; top: 428px; width: 250px } #b59 .e1733114127127 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b59 .e1733114127133 { left: 35px; top: 454px; width: 250px } #b59 .e1733114127133 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b59 .e1733114127140 { left: 35px; top: 569px; width: 250px } #b59 .e1733114127140 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b59 .e1733114127146 { left: 35px; top: 595px; width: 250px } #b59 .e1733114127146 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b59-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b60 · попап #popup:case44 */ #b60 { --h: 570px; --w: 1200px } #b60 .e1733114351032 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b60 .e1733114351032 .atom { background-color: #212326 } #b60 .e1733114351052 { left: 640px; top: 394px; width: 495px; height: 116px; z-index: 4 } #b60 .e1733114351052 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b60 .e1733114351061 { left: 640px; top: 194px; width: 495px; height: 180px; z-index: 5 } #b60 .e1733114351061 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b60 .e1733114351070 { left: 887px; top: 214px; width: 1px; height: 140px; z-index: 6 } #b60 .e1733114351070 .atom { background-color: #303132 } #b60 .e1733114351080 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b60 .e1733114351080 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b60 .e1733114351093 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b60 .e1733114351093 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b60 .e1733114351102 { left: 660px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b60 .e1733114351102 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b60 .e1733114351115 { left: 660px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b60 .e1733114351115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b60 .e1733114351137 { left: 640px; top: 110px; width: 370px; height: auto; color: #ffffff; z-index: 11 } #b60 .e1733114351137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b60 .e1733114351152 { left: 910px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b60 .e1733114351152 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b60 .e1733114351162 { left: 910px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b60 .e1733114351162 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b60 .e1733114351175 { left: 660px; top: 414px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b60 .e1733114351175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b60 .e1733114351185 { left: 660px; top: 442px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b60 .e1733114351185 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b60 { --h: 610px; --w: 320px } #b60 .e1733114351032 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b60 .e1733114351032 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b60 .e1733114351052 { left: 20px; top: 424px; width: 280px; height: 121px } #b60 .e1733114351061 { left: 20px; top: 201px; width: 280px; height: 203px } #b60 .e1733114351070 { left: 35px; top: 283px; width: 250px; height: 1px } #b60 .e1733114351080 { left: 20px; top: 83px; width: 180px } #b60 .e1733114351080 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b60 .e1733114351093 { left: 268px; top: 80px; width: 32px; height: 32px } #b60 .e1733114351102 { left: 35px; top: 216px; width: 250px } #b60 .e1733114351102 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b60 .e1733114351115 { left: 35px; width: 250px } #b60 .e1733114351115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b60 .e1733114351137 { left: 20px; top: 129px; width: 240px } #b60 .e1733114351137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b60 .e1733114351152 { left: 35px; top: 298px; width: 250px } #b60 .e1733114351152 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b60 .e1733114351162 { left: 35px; top: 324px; width: 240px } #b60 .e1733114351162 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b60 .e1733114351175 { left: 35px; top: 439px; width: 250px } #b60 .e1733114351175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b60 .e1733114351185 { left: 35px; top: 465px; width: 240px } #b60 .e1733114351185 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b60-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b61 · попап #popup:case45 */ #b61 { --h: 650px; --w: 1200px } #b61 .e1733114351032 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b61 .e1733114351032 .atom { background-color: #212326 } #b61 .e1733114351052 { left: 640px; top: 442px; width: 492px; height: 148px; z-index: 4 } #b61 .e1733114351052 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b61 .e1733114351061 { left: 640px; top: 194px; width: 493px; height: 228px; z-index: 5 } #b61 .e1733114351061 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b61 .e1733114351070 { left: 887px; top: 214px; width: 1px; height: 188px; z-index: 6 } #b61 .e1733114351070 .atom { background-color: #303132 } #b61 .e1733114351080 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b61 .e1733114351080 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b61 .e1733114351093 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b61 .e1733114351093 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b61 .e1733114351102 { left: 660px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b61 .e1733114351102 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b61 .e1733114351115 { left: 660px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b61 .e1733114351115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b61 .e1733114351137 { left: 640px; top: 110px; width: 420px; height: auto; color: #ffffff; z-index: 11 } #b61 .e1733114351137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b61 .e1733114351152 { left: 910px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b61 .e1733114351152 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b61 .e1733114351162 { left: 910px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b61 .e1733114351162 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b61 .e1733114351175 { left: 660px; top: 462px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b61 .e1733114351175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b61 .e1733114351185 { left: 660px; top: 490px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b61 .e1733114351185 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b61 { --h: 643px; --w: 320px } #b61 .e1733114351032 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b61 .e1733114351032 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b61 .e1733114351052 { left: 20px; top: 476px; width: 280px; height: 147px } #b61 .e1733114351061 { left: 20px; top: 214px; width: 280px; height: 242px } #b61 .e1733114351070 { left: 35px; top: 309px; width: 250px; height: 1px } #b61 .e1733114351080 { left: 20px; top: 83px; width: 180px } #b61 .e1733114351080 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b61 .e1733114351093 { left: 268px; top: 80px; width: 32px; height: 32px } #b61 .e1733114351102 { left: 35px; top: 229px; width: 250px } #b61 .e1733114351102 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b61 .e1733114351115 { left: 35px; top: 255px; width: 250px } #b61 .e1733114351115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b61 .e1733114351137 { left: 20px; top: 129px; width: 280px } #b61 .e1733114351137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b61 .e1733114351152 { left: 35px; top: 324px; width: 250px } #b61 .e1733114351152 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b61 .e1733114351162 { left: 35px; top: 350px; width: 230px } #b61 .e1733114351162 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b61 .e1733114351175 { left: 35px; top: 491px; width: 250px } #b61 .e1733114351175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b61 .e1733114351185 { left: 35px; top: 517px; width: 250px } #b61 .e1733114351185 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b61-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b62 · Николай @tg До курса: Мало знаний о соблазнении, чтобы оплатить курс, … */ #b62 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b62 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b62 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b62 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 6; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b62 .e1716577483544 { left: 120px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 5; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b62 .e1733079106159 { left: 120px; top: 280px; width: 280px; height: auto; color: #ffffff; z-index: 9; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b62 .e1716577483548 { left: 120px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 8; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b62 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 10; pointer-events: none } #b62 .e1716577483559 .atom { border-radius: 10px; background-position: 0.000% 8.586%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3165-3431-46.jpg') } #b62 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 11 } #b62 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b62 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 12 } #b62 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b62 .e1733079119467 { left: 135px; top: 388px; width: 245px; height: auto; color: #ffffff; z-index: 15; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b62 .e1733079326919 { left: 135px; top: 405px; width: 245px; height: auto; color: #ffffff; z-index: 14; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b62 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 16; pointer-events: none } #b62 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b62 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 17; pointer-events: none } #b62 .e1733080399426 { left: 120px; top: 20px; width: 111px; height: 20px; color: #f5f5f5; text-align: center; z-index: 19; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b62 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b62 .e1733080399426 .atom::after { display: none } #b62 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b62 .e1733080399426 .atom .btn__border::before { display: none } #b62 .e1733080399426 .atom .btn__border::after { display: none } #b62 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 20 } #b62 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b62 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 21; pointer-events: none } #b62 .e1733085669474 .atom { border-radius: 10px; background-position: 0.000% 10.606%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3131-3063-47.jpg') } #b62 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b62 .e1733085669488 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 23; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b62 .e1733085669481 { left: 460px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 27; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b62 .e1736565474085 { left: 460px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 26; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1736565474085 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b62 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 28 } #b62 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b62 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 29 } #b62 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b62 .e1733085669524 { left: 475px; top: 388px; width: 245px; height: auto; color: #ffffff; z-index: 32; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b62 .e1733085669552 { left: 475px; top: 405px; width: 245px; height: auto; color: #ffffff; z-index: 31; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b62 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 33; pointer-events: none } #b62 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b62 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 34; pointer-events: none } #b62 .e1733085669577 { left: 460px; top: 20px; width: 108px; height: 20px; color: #f5f5f5; text-align: center; z-index: 36; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b62 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b62 .e1733085669577 .atom::after { display: none } #b62 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b62 .e1733085669577 .atom .btn__border::before { display: none } #b62 .e1733085669577 .atom .btn__border::after { display: none } #b62 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 37 } #b62 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b62 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 38; pointer-events: none } #b62 .e1733085703564 .atom { border-radius: 10px; background-position: 0.000% 11.616%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3733-3237-48.jpg') } #b62 .e1733085703619 { left: 800px; top: 280px; width: 280px; height: auto; color: #ffffff; z-index: 41; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b62 .e1733085703582 { left: 800px; top: 297px; width: 230px; height: auto; color: #ffffff; z-index: 40; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b62 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 44; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b62 .e1736565475591 { left: 800px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 43; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1736565475591 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b62 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 45 } #b62 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b62 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 46 } #b62 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b62 .e1733085703631 { left: 815px; top: 388px; width: 250px; height: auto; color: #ffffff; z-index: 49; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b62 .e1733085703661 { left: 815px; top: 405px; width: 250px; height: auto; color: #ffffff; z-index: 48; flex-shrink: 0; margin: 0 0 0 0 } #b62 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b62 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 50; pointer-events: none } #b62 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b62 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 51; pointer-events: none } #b62 .e1733085703686 { left: 800px; top: 20px; width: 78px; height: 20px; color: #f5f5f5; text-align: center; z-index: 53; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b62 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b62 .e1733085703686 .atom::after { display: none } #b62 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b62 .e1733085703686 .atom .btn__border::before { display: none } #b62 .e1733085703686 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b62 { --h: 1608px; --w: 320px; --zoom-ab: var(--zoom) } #b62 .e1716577483562 { left: 10px; width: 300px; height: 520px } #b62 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b62 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b62 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b62 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b62 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1716577483548 { left: 30px; top: 275px; width: 225px } #b62 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b62 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b62 .e1733079330333 { left: 30px; top: 446px; width: 260px; border-radius: 10px } #b62 .e1733079330333 .atom { background-size: cover } #b62 .e1716577483539 { left: 30px; top: 331px; width: 260px; height: 95px; border-radius: 10px } #b62 .e1716577483539 .atom { background-size: cover; opacity: 1 } #b62 .e1733079119467 { left: 45px; top: 346px; width: 158px } #b62 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733079326919 { left: 45px; top: 363px; width: 200px } #b62 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b62 .e1716577483529 { left: 45px; top: 461px; width: 190px } #b62 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733079282110 { left: 265px; top: 468px } #b62 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b62 .e1733080399426 { left: 30px; width: 112px } #b62 .e1733080399426 .atom { white-space: normal; background-size: cover } #b62 .e1733080399426 .atom .btn__text { overflow: visible } #b62 .e1733085669467 { left: 10px; top: 540px; width: 300px; height: 520px } #b62 .e1733085669474 { left: 15px; top: 545px; width: 290px; height: 180px } #b62 .e1733085669515 { left: 30px; top: 798px; width: 158px } #b62 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733085669488 { left: 30px; top: 815px; width: 235px; height: 36px } #b62 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b62 .e1733085669481 { left: 30px; top: 745px; width: 215px } #b62 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b62 .e1736565474085 { left: 30px; top: 766px; width: 158px } #b62 .e1736565474085 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733085669495 { left: 30px; top: 986px; width: 258px; height: 53px; border-radius: 10px } #b62 .e1733085669495 .atom { background-size: cover } #b62 .e1733085669501 { left: 30px; top: 871px; width: 260px; height: 95px; border-radius: 10px } #b62 .e1733085669501 .atom { background-size: cover } #b62 .e1733085669524 { left: 45px; top: 887px; width: 157px } #b62 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733085669552 { left: 45px; top: 904px; width: 200px } #b62 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b62 .e1733085669508 { left: 45px; top: 1001px; width: 188px } #b62 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733085669535 { left: 264px; top: 1008px } #b62 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b62 .e1733085669577 { left: 30px; top: 560px; width: 109px } #b62 .e1733085669577 .atom { white-space: normal; background-size: cover } #b62 .e1733085669577 .atom .btn__text { overflow: visible } #b62 .e1733085703555 { left: 10px; top: 1080px; width: 300px; height: 508px } #b62 .e1733085703564 { left: 15px; top: 1085px; width: 290px; height: 180px } #b62 .e1733085703619 { left: 30px; top: 1338px; width: 158px } #b62 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733085703582 { left: 30px; top: 1355px; width: 240px } #b62 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b62 .e1733085703572 { left: 30px; top: 1285px; width: 215px } #b62 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b62 .e1736565475591 { left: 30px; top: 1306px; width: 158px } #b62 .e1736565475591 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733085703593 { left: 30px; top: 1514px; width: 260px; border-radius: 10px } #b62 .e1733085703593 .atom { background-size: cover } #b62 .e1733085703600 { left: 30px; top: 1399px; width: 260px; height: 95px; border-radius: 10px } #b62 .e1733085703600 .atom { background-size: cover } #b62 .e1733085703631 { left: 45px; top: 1414px; width: 158px } #b62 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733085703661 { left: 45px; top: 1431px; width: 205px } #b62 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b62 .e1733085703607 { left: 45px; top: 1529px; width: 190px } #b62 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b62 .e1733085703641 { left: 265px; top: 1536px } #b62 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b62 .e1733085703686 { left: 30px; top: 1100px; width: 79px } #b62 .e1733085703686 .atom { white-space: normal; background-size: cover } #b62 .e1733085703686 .atom .btn__text { overflow: visible } } @media (hover) { #b62 .e1733080399426 .atom:hover::after { opacity: 0 } #b62 .e1733080399426 .atom:hover { animation-name: none } #b62 .e1733085669577 .atom:hover::after { opacity: 0 } #b62 .e1733085669577 .atom:hover { animation-name: none } #b62 .e1733085703686 .atom:hover::after { opacity: 0 } #b62 .e1733085703686 .atom:hover { animation-name: none } } /* b63 · попап #popup:case46 */ #b63 { --h: 666px; --w: 1200px } #b63 .e1733114127064 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b63 .e1733114127064 .atom { background-color: #212326 } #b63 .e1733114127075 { left: 640px; top: 474px; width: 495px; height: 132px; z-index: 4 } #b63 .e1733114127075 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b63 .e1733114127081 { left: 640px; top: 162px; width: 495px; height: 292px; z-index: 5 } #b63 .e1733114127081 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b63 .e1733114127087 { left: 887px; top: 182px; width: 1px; height: 252px; z-index: 6 } #b63 .e1733114127087 .atom { background-color: #303132 } #b63 .e1733114127093 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b63 .e1733114127093 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b63 .e1733114127101 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b63 .e1733114127101 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b63 .e1733114127108 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b63 .e1733114127108 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b63 .e1733114127115 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b63 .e1733114127115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b63 .e1733114127121 { left: 640px; top: 110px; width: 340px; height: auto; color: #ffffff; z-index: 11 } #b63 .e1733114127121 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b63 .e1733114127127 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b63 .e1733114127127 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b63 .e1733114127133 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b63 .e1733114127133 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b63 .e1733114127140 { left: 660px; top: 494px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b63 .e1733114127140 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b63 .e1733114127146 { left: 660px; top: 522px; width: 420px; height: auto; color: #ffffff; z-index: 15 } #b63 .e1733114127146 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b63 { --h: 643px; --w: 320px } #b63 .e1733114127064 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b63 .e1733114127064 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b63 .e1733114127075 { left: 20px; top: 489px; width: 280px; height: 134px } #b63 .e1733114127081 { left: 20px; top: 188px; width: 280px; height: 281px } #b63 .e1733114127087 { left: 35px; top: 296px; width: 250px; height: 1px } #b63 .e1733114127093 { left: 20px; top: 83px; width: 180px } #b63 .e1733114127093 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b63 .e1733114127101 { left: 268px; top: 80px; width: 32px; height: 32px } #b63 .e1733114127108 { left: 35px; top: 203px; width: 250px } #b63 .e1733114127108 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b63 .e1733114127115 { left: 35px; top: 229px; width: 220px } #b63 .e1733114127115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b63 .e1733114127121 { left: 20px; top: 129px; width: 205px } #b63 .e1733114127121 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b63 .e1733114127127 { left: 35px; top: 311px; width: 250px } #b63 .e1733114127127 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b63 .e1733114127133 { left: 35px; top: 337px; width: 240px } #b63 .e1733114127133 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b63 .e1733114127140 { left: 35px; top: 504px; width: 250px } #b63 .e1733114127140 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b63 .e1733114127146 { left: 35px; top: 530px; width: 250px } #b63 .e1733114127146 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b63-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b64 · попап #popup:case47 */ #b64 { --h: 602px; --w: 1200px } #b64 .e1733114351032 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b64 .e1733114351032 .atom { background-color: #212326 } #b64 .e1733114351052 { left: 640px; top: 426px; width: 495px; height: 116px; z-index: 4 } #b64 .e1733114351052 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b64 .e1733114351061 { left: 640px; top: 178px; width: 495px; height: 228px; z-index: 5 } #b64 .e1733114351061 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b64 .e1733114351070 { left: 887px; top: 198px; width: 1px; height: 188px; z-index: 6 } #b64 .e1733114351070 .atom { background-color: #303132 } #b64 .e1733114351080 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b64 .e1733114351080 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b64 .e1733114351093 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b64 .e1733114351093 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b64 .e1733114351102 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b64 .e1733114351102 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b64 .e1733114351115 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b64 .e1733114351115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b64 .e1733114351137 { left: 640px; top: 110px; width: 410px; height: auto; color: #ffffff; z-index: 11 } #b64 .e1733114351137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b64 .e1733114351152 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b64 .e1733114351152 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b64 .e1733114351162 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b64 .e1733114351162 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b64 .e1733114351175 { left: 660px; top: 446px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b64 .e1733114351175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b64 .e1733114351185 { left: 660px; top: 474px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b64 .e1733114351185 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b64 { --h: 617px; --w: 320px } #b64 .e1733114351032 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b64 .e1733114351032 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b64 .e1733114351052 { left: 20px; top: 476px; width: 280px; height: 121px } #b64 .e1733114351061 { left: 20px; top: 201px; width: 280px; height: 255px } #b64 .e1733114351070 { left: 35px; top: 309px; width: 250px; height: 1px } #b64 .e1733114351080 { left: 20px; top: 83px; width: 180px } #b64 .e1733114351080 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b64 .e1733114351093 { left: 268px; top: 80px; width: 32px; height: 32px } #b64 .e1733114351102 { left: 35px; top: 216px; width: 250px } #b64 .e1733114351102 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b64 .e1733114351115 { left: 35px; top: 242px; width: 250px } #b64 .e1733114351115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b64 .e1733114351137 { left: 20px; top: 129px; width: 240px } #b64 .e1733114351137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b64 .e1733114351152 { left: 35px; top: 324px; width: 250px } #b64 .e1733114351152 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b64 .e1733114351162 { left: 35px; top: 350px; width: 240px } #b64 .e1733114351162 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b64 .e1733114351175 { left: 35px; top: 491px; width: 250px } #b64 .e1733114351175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b64 .e1733114351185 { left: 35px; top: 517px; width: 240px } #b64 .e1733114351185 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b64-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b65 · попап #popup:case48 */ #b65 { --h: 650px; --w: 1200px } #b65 .e1733114351032 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b65 .e1733114351032 .atom { background-color: #212326 } #b65 .e1733114351052 { left: 640px; top: 458px; width: 492px; height: 132px; z-index: 4 } #b65 .e1733114351052 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b65 .e1733114351061 { left: 640px; top: 162px; width: 492px; height: 276px; z-index: 5 } #b65 .e1733114351061 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b65 .e1733114351070 { left: 887px; top: 182px; width: 1px; height: 236px; z-index: 6 } #b65 .e1733114351070 .atom { background-color: #303132 } #b65 .e1733114351080 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b65 .e1733114351080 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b65 .e1733114351093 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b65 .e1733114351093 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b65 .e1733114351102 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b65 .e1733114351102 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b65 .e1733114351115 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b65 .e1733114351115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b65 .e1733114351137 { left: 640px; top: 110px; width: 468px; height: auto; color: #ffffff; z-index: 11 } #b65 .e1733114351137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b65 .e1733114351152 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b65 .e1733114351152 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b65 .e1733114351162 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b65 .e1733114351162 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b65 .e1733114351175 { left: 660px; top: 478px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b65 .e1733114351175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b65 .e1733114351185 { left: 660px; top: 506px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b65 .e1733114351185 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b65 { --h: 656px; --w: 320px } #b65 .e1733114351032 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b65 .e1733114351032 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b65 .e1733114351052 { left: 20px; top: 502px; width: 280px; height: 134px } #b65 .e1733114351061 { left: 20px; top: 188px; width: 280px; height: 294px } #b65 .e1733114351070 { left: 35px; top: 309px; width: 250px; height: 1px } #b65 .e1733114351080 { left: 20px; top: 83px; width: 180px } #b65 .e1733114351080 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b65 .e1733114351093 { left: 268px; top: 80px; width: 32px; height: 32px } #b65 .e1733114351102 { left: 35px; top: 203px; width: 250px } #b65 .e1733114351102 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b65 .e1733114351115 { left: 35px; top: 229px; width: 240px } #b65 .e1733114351115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b65 .e1733114351137 { left: 20px; top: 129px; width: 230px } #b65 .e1733114351137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b65 .e1733114351152 { left: 35px; top: 324px; width: 250px } #b65 .e1733114351152 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b65 .e1733114351162 { left: 35px; top: 350px; width: 250px } #b65 .e1733114351162 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b65 .e1733114351175 { left: 35px; top: 517px; width: 250px } #b65 .e1733114351175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b65 .e1733114351185 { left: 35px; top: 543px; width: 240px } #b65 .e1733114351185 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b65-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b66 · Александр @tg До курса: До курса было всего 8 девушек, старался добить… */ #b66 { --h: 590px; --w: 1200px; background-color: #0c0d0e } #b66 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b66 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b66 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 6; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b66 .e1716577483544 { left: 120px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 5; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b66 .e1733079106159 { left: 120px; top: 280px; width: 280px; height: auto; color: #ffffff; z-index: 9; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b66 .e1716577483548 { left: 120px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 8; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b66 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 10; pointer-events: none } #b66 .e1716577483559 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3463-3433-49.jpg') } #b66 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 11 } #b66 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b66 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 12 } #b66 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b66 .e1733079119467 { left: 135px; top: 381px; width: 245px; height: auto; color: #ffffff; z-index: 15; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b66 .e1733079326919 { left: 135px; top: 398px; width: 220px; height: auto; color: #ffffff; z-index: 14; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b66 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 16; pointer-events: none } #b66 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b66 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 17; pointer-events: none } #b66 .e1733080399426 { left: 120px; top: 20px; width: 111px; height: 20px; color: #f5f5f5; text-align: center; z-index: 19; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b66 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b66 .e1733080399426 .atom::after { display: none } #b66 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b66 .e1733080399426 .atom .btn__border::before { display: none } #b66 .e1733080399426 .atom .btn__border::after { display: none } #b66 .e1733085669467 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 20 } #b66 .e1733085669467 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b66 .e1733085669474 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 21; pointer-events: none } #b66 .e1733085669474 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3234-6666-50.jpg') } #b66 .e1733085669515 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 24; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085669515 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b66 .e1733085669488 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 23; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085669488 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b66 .e1733085669481 { left: 460px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 27; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085669481 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b66 .e1736565474085 { left: 460px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 26; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1736565474085 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b66 .e1733085669495 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 28 } #b66 .e1733085669495 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b66 .e1733085669501 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 29 } #b66 .e1733085669501 .atom { border-radius: 10px; background-color: #2b2f33 } #b66 .e1733085669524 { left: 475px; top: 388px; width: 245px; height: auto; color: #ffffff; z-index: 32; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085669524 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b66 .e1733085669552 { left: 475px; top: 405px; width: 225px; height: auto; color: #ffffff; z-index: 31; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085669552 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b66 .e1733085669508 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 33; pointer-events: none } #b66 .e1733085669508 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b66 .e1733085669535 { left: 715px; top: 518px; width: 10px; z-index: 34; pointer-events: none } #b66 .e1733085669577 { left: 460px; top: 20px; width: 108px; height: 20px; color: #f5f5f5; text-align: center; z-index: 36; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b66 .e1733085669577 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b66 .e1733085669577 .atom::after { display: none } #b66 .e1733085669577 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b66 .e1733085669577 .atom .btn__border::before { display: none } #b66 .e1733085669577 .atom .btn__border::after { display: none } #b66 .e1733085703555 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 37 } #b66 .e1733085703555 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b66 .e1733085703564 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 38; pointer-events: none } #b66 .e1733085703564 .atom { border-radius: 10px; background-position: 0.000% 6.566%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3565-6639-51.jpg') } #b66 .e1733085703619 { left: 800px; top: 280px; width: 280px; height: auto; color: #ffffff; z-index: 41; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085703619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b66 .e1733085703582 { left: 800px; top: 297px; width: 230px; height: auto; color: #ffffff; z-index: 40; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085703582 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b66 .e1733085703572 { left: 800px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 44; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085703572 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b66 .e1736565475591 { left: 800px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 43; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1736565475591 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b66 .e1733085703593 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 45 } #b66 .e1733085703593 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b66 .e1733085703600 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 46 } #b66 .e1733085703600 .atom { border-radius: 10px; background-color: #2b2f33 } #b66 .e1733085703631 { left: 815px; top: 388px; width: 250px; height: auto; color: #ffffff; z-index: 49; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085703631 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b66 .e1733085703661 { left: 815px; top: 405px; width: 225px; height: auto; color: #ffffff; z-index: 48; flex-shrink: 0; margin: 0 0 0 0 } #b66 .e1733085703661 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b66 .e1733085703607 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 50; pointer-events: none } #b66 .e1733085703607 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b66 .e1733085703641 { left: 1055px; top: 518px; width: 10px; z-index: 51; pointer-events: none } #b66 .e1733085703686 { left: 800px; top: 20px; width: 78px; height: 20px; color: #f5f5f5; text-align: center; z-index: 53; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b66 .e1733085703686 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b66 .e1733085703686 .atom::after { display: none } #b66 .e1733085703686 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b66 .e1733085703686 .atom .btn__border::before { display: none } #b66 .e1733085703686 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b66 { --h: 1608px; --w: 320px; --zoom-ab: var(--zoom) } #b66 .e1716577483562 { left: 10px; width: 300px; height: 520px } #b66 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b66 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b66 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b66 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b66 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1716577483548 { left: 30px; top: 275px; width: 225px } #b66 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b66 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b66 .e1733079330333 { left: 30px; top: 446px; width: 260px; border-radius: 10px } #b66 .e1733079330333 .atom { background-size: cover } #b66 .e1716577483539 { left: 30px; top: 331px; width: 260px; height: 95px; border-radius: 10px } #b66 .e1716577483539 .atom { background-size: cover; opacity: 1 } #b66 .e1733079119467 { left: 45px; top: 346px; width: 158px } #b66 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733079326919 { left: 45px; top: 363px; height: 48px } #b66 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b66 .e1716577483529 { left: 45px; top: 461px; width: 190px } #b66 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733079282110 { left: 265px; top: 468px } #b66 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b66 .e1733080399426 { left: 30px; width: 112px } #b66 .e1733080399426 .atom { white-space: normal; background-size: cover } #b66 .e1733080399426 .atom .btn__text { overflow: visible } #b66 .e1733085669467 { left: 10px; top: 540px; width: 300px; height: 520px } #b66 .e1733085669474 { left: 15px; top: 545px; width: 290px; height: 180px } #b66 .e1733085669515 { left: 30px; top: 798px; width: 158px } #b66 .e1733085669515 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733085669488 { left: 30px; top: 815px; width: 220px; height: 36px } #b66 .e1733085669488 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b66 .e1733085669481 { left: 30px; top: 745px; width: 215px } #b66 .e1733085669481 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b66 .e1736565474085 { left: 30px; top: 766px; width: 158px } #b66 .e1736565474085 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733085669495 { left: 30px; top: 974px; width: 258px; height: 53px; border-radius: 10px } #b66 .e1733085669495 .atom { background-size: cover } #b66 .e1733085669501 { left: 30px; top: 871px; width: 260px; height: 83px; border-radius: 10px } #b66 .e1733085669501 .atom { background-size: cover } #b66 .e1733085669524 { left: 45px; top: 886px; width: 157px } #b66 .e1733085669524 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733085669552 { left: 45px; top: 903px; width: 230px; height: 36px } #b66 .e1733085669552 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b66 .e1733085669508 { left: 45px; top: 989px; width: 188px } #b66 .e1733085669508 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733085669535 { left: 264px; top: 996px } #b66 .e1733085669535 .atom { background-size: cover; opacity: 1 } #b66 .e1733085669577 { left: 30px; top: 560px; width: 109px } #b66 .e1733085669577 .atom { white-space: normal; background-size: cover } #b66 .e1733085669577 .atom .btn__text { overflow: visible } #b66 .e1733085703555 { left: 10px; top: 1080px; width: 300px; height: 508px } #b66 .e1733085703564 { left: 15px; top: 1085px; width: 290px; height: 180px } #b66 .e1733085703619 { left: 30px; top: 1338px; width: 158px } #b66 .e1733085703619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733085703582 { left: 30px; top: 1355px; width: 240px } #b66 .e1733085703582 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b66 .e1733085703572 { left: 30px; top: 1285px; width: 215px } #b66 .e1733085703572 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b66 .e1736565475591 { left: 30px; top: 1306px; width: 158px } #b66 .e1736565475591 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733085703593 { left: 30px; top: 1514px; width: 260px; border-radius: 10px } #b66 .e1733085703593 .atom { background-size: cover } #b66 .e1733085703600 { left: 30px; top: 1411px; width: 260px; height: 83px; border-radius: 10px } #b66 .e1733085703600 .atom { background-size: cover } #b66 .e1733085703631 { left: 45px; top: 1426px; width: 158px } #b66 .e1733085703631 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733085703661 { left: 45px; top: 1443px; width: 220px; height: 36px } #b66 .e1733085703661 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b66 .e1733085703607 { left: 45px; top: 1529px; width: 190px } #b66 .e1733085703607 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b66 .e1733085703641 { left: 265px; top: 1536px } #b66 .e1733085703641 .atom { background-size: cover; opacity: 1 } #b66 .e1733085703686 { left: 30px; top: 1100px; width: 79px } #b66 .e1733085703686 .atom { white-space: normal; background-size: cover } #b66 .e1733085703686 .atom .btn__text { overflow: visible } } @media (hover) { #b66 .e1733080399426 .atom:hover::after { opacity: 0 } #b66 .e1733080399426 .atom:hover { animation-name: none } #b66 .e1733085669577 .atom:hover::after { opacity: 0 } #b66 .e1733085669577 .atom:hover { animation-name: none } #b66 .e1733085703686 .atom:hover::after { opacity: 0 } #b66 .e1733085703686 .atom:hover { animation-name: none } } /* b67 · попап #popup:case49 */ #b67 { --h: 682px; --w: 1200px } #b67 .e1733114127064 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b67 .e1733114127064 .atom { background-color: #212326 } #b67 .e1733114127075 { left: 640px; top: 474px; width: 495px; height: 148px; z-index: 4 } #b67 .e1733114127075 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b67 .e1733114127081 { left: 640px; top: 178px; width: 495px; height: 276px; z-index: 5 } #b67 .e1733114127081 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b67 .e1733114127087 { left: 887px; top: 198px; width: 1px; height: 236px; z-index: 6 } #b67 .e1733114127087 .atom { background-color: #303132 } #b67 .e1733114127093 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b67 .e1733114127093 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b67 .e1733114127101 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b67 .e1733114127101 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b67 .e1733114127108 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b67 .e1733114127108 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b67 .e1733114127115 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b67 .e1733114127115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b67 .e1733114127121 { left: 640px; top: 110px; width: 410px; height: auto; color: #ffffff; z-index: 11 } #b67 .e1733114127121 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b67 .e1733114127127 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b67 .e1733114127127 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b67 .e1733114127133 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b67 .e1733114127133 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b67 .e1733114127140 { left: 660px; top: 494px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b67 .e1733114127140 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b67 .e1733114127146 { left: 660px; top: 522px; width: 450px; height: auto; color: #ffffff; z-index: 15 } #b67 .e1733114127146 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b67 { --h: 669px; --w: 320px } #b67 .e1733114127064 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b67 .e1733114127064 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b67 .e1733114127075 { left: 20px; top: 489px; width: 280px; height: 160px } #b67 .e1733114127081 { left: 20px; top: 201px; width: 280px; height: 268px } #b67 .e1733114127087 { left: 35px; top: 296px; width: 250px; height: 1px } #b67 .e1733114127093 { left: 20px; top: 83px; width: 180px } #b67 .e1733114127093 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b67 .e1733114127101 { left: 268px; top: 80px; width: 32px; height: 32px } #b67 .e1733114127108 { left: 35px; top: 216px; width: 250px } #b67 .e1733114127108 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b67 .e1733114127115 { left: 35px; top: 242px; width: 250px } #b67 .e1733114127115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b67 .e1733114127121 { left: 20px; top: 129px; width: 270px } #b67 .e1733114127121 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b67 .e1733114127127 { left: 35px; top: 311px; width: 250px } #b67 .e1733114127127 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b67 .e1733114127133 { left: 35px; top: 337px; width: 250px } #b67 .e1733114127133 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b67 .e1733114127140 { left: 35px; top: 504px; width: 250px } #b67 .e1733114127140 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b67 .e1733114127146 { left: 35px; top: 530px; width: 250px } #b67 .e1733114127146 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b67-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b68 · попап #popup:case50 */ #b68 { --h: 634px; --w: 1200px } #b68 .e1733114351032 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b68 .e1733114351032 .atom { background-color: #212326 } #b68 .e1733114351052 { left: 640px; top: 442px; width: 495px; height: 132px; z-index: 4 } #b68 .e1733114351052 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b68 .e1733114351061 { left: 640px; top: 194px; width: 495px; height: 228px; z-index: 5 } #b68 .e1733114351061 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b68 .e1733114351070 { left: 887px; top: 214px; width: 1px; height: 188px; z-index: 6 } #b68 .e1733114351070 .atom { background-color: #303132 } #b68 .e1733114351080 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b68 .e1733114351080 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b68 .e1733114351093 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b68 .e1733114351093 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b68 .e1733114351102 { left: 660px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b68 .e1733114351102 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b68 .e1733114351115 { left: 660px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b68 .e1733114351115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b68 .e1733114351137 { left: 640px; top: 110px; width: 385px; height: auto; color: #ffffff; z-index: 11 } #b68 .e1733114351137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b68 .e1733114351152 { left: 910px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b68 .e1733114351152 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b68 .e1733114351162 { left: 910px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b68 .e1733114351162 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b68 .e1733114351175 { left: 660px; top: 462px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b68 .e1733114351175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b68 .e1733114351185 { left: 660px; top: 490px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b68 .e1733114351185 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b68 { --h: 643px; --w: 320px } #b68 .e1733114351032 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b68 .e1733114351032 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b68 .e1733114351052 { left: 20px; top: 489px; width: 280px; height: 134px } #b68 .e1733114351061 { left: 20px; top: 214px; width: 280px; height: 255px } #b68 .e1733114351070 { left: 35px; top: 322px; width: 250px; height: 1px } #b68 .e1733114351080 { left: 20px; top: 83px; width: 180px } #b68 .e1733114351080 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b68 .e1733114351093 { left: 268px; top: 80px; width: 32px; height: 32px } #b68 .e1733114351102 { left: 35px; top: 229px; width: 250px } #b68 .e1733114351102 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b68 .e1733114351115 { left: 35px; top: 255px; width: 250px } #b68 .e1733114351115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b68 .e1733114351137 { left: 20px; top: 129px; width: 280px } #b68 .e1733114351137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b68 .e1733114351152 { left: 35px; top: 337px; width: 250px } #b68 .e1733114351152 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b68 .e1733114351162 { left: 35px; top: 363px; width: 240px } #b68 .e1733114351162 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b68 .e1733114351175 { left: 35px; top: 504px; width: 250px } #b68 .e1733114351175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b68 .e1733114351185 { left: 35px; top: 530px; width: 240px } #b68 .e1733114351185 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b68-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b69 · попап #popup:case51 */ #b69 { --h: 618px; --w: 1200px } #b69 .e1733114351032 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b69 .e1733114351032 .atom { background-color: #212326 } #b69 .e1733114351052 { left: 640px; top: 426px; width: 493px; height: 132px; z-index: 4 } #b69 .e1733114351052 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b69 .e1733114351061 { left: 640px; top: 210px; width: 493px; height: 196px; z-index: 5 } #b69 .e1733114351061 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b69 .e1733114351070 { left: 887px; top: 230px; width: 1px; height: 156px; z-index: 6 } #b69 .e1733114351070 .atom { background-color: #303132 } #b69 .e1733114351080 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b69 .e1733114351080 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b69 .e1733114351093 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b69 .e1733114351093 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b69 .e1733114351102 { left: 660px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b69 .e1733114351102 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b69 .e1733114351115 { left: 660px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b69 .e1733114351115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b69 .e1733114351137 { left: 640px; top: 110px; width: 445px; height: auto; color: #ffffff; z-index: 11 } #b69 .e1733114351137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b69 .e1733114351152 { left: 910px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b69 .e1733114351152 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b69 .e1733114351162 { left: 910px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b69 .e1733114351162 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b69 .e1733114351175 { left: 660px; top: 446px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b69 .e1733114351175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b69 .e1733114351185 { left: 660px; top: 474px; width: 420px; height: auto; color: #ffffff; z-index: 15 } #b69 .e1733114351185 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b69 { --h: 669px; --w: 320px } #b69 .e1733114351032 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b69 .e1733114351032 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b69 .e1733114351052 { left: 20px; top: 515px; width: 280px; height: 134px } #b69 .e1733114351061 { left: 20px; top: 240px; width: 280px; height: 255px } #b69 .e1733114351070 { left: 35px; top: 361px; width: 250px; height: 1px } #b69 .e1733114351080 { left: 20px; top: 83px; width: 180px } #b69 .e1733114351080 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b69 .e1733114351093 { left: 268px; top: 80px; width: 32px; height: 32px } #b69 .e1733114351102 { left: 35px; top: 255px; width: 250px } #b69 .e1733114351102 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b69 .e1733114351115 { left: 35px; top: 281px; width: 225px } #b69 .e1733114351115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b69 .e1733114351137 { left: 20px; top: 129px; width: 280px } #b69 .e1733114351137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b69 .e1733114351152 { left: 35px; top: 376px; width: 250px } #b69 .e1733114351152 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b69 .e1733114351162 { left: 35px; top: 402px; width: 225px } #b69 .e1733114351162 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b69 .e1733114351175 { left: 35px; top: 530px; width: 250px } #b69 .e1733114351175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b69 .e1733114351185 { left: 35px; top: 556px; width: 225px } #b69 .e1733114351185 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b69-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b70 · Дин @tg До курса: Совсем не знал о Даниеле, но хотел попасть в окружен… */ #b70 { --h: 670px; --w: 1200px; background-color: #0c0d0e } #b70 .e1716577483562 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b70 .e1716577483562 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b70 .e1716577483554 { left: 120px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 6; flex-shrink: 0; margin: 0 0 0 0 } #b70 .e1716577483554 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b70 .e1716577483544 { left: 120px; top: 248px; width: 160px; height: auto; color: #ffffff; z-index: 5; flex-shrink: 0; margin: 0 0 0 0 } #b70 .e1716577483544 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b70 .e1733079106159 { left: 120px; top: 280px; width: 280px; height: auto; color: #ffffff; z-index: 9; flex-shrink: 0; margin: 0 0 0 0 } #b70 .e1733079106159 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b70 .e1716577483548 { left: 120px; top: 297px; width: 250px; height: auto; color: #ffffff; z-index: 8; flex-shrink: 0; margin: 0 0 0 0 } #b70 .e1716577483548 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b70 .e1716577483559 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 10; pointer-events: none } #b70 .e1716577483559 .atom { border-radius: 10px; background-position: 0.000% 4.545%; background-size: 100.000%; background-repeat: no-repeat; background-image: url('../../img/tilda/3766-3765-52.jpg') } #b70 .e1733079330333 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 11 } #b70 .e1733079330333 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b70 .e1716577483539 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 12 } #b70 .e1716577483539 .atom { border-radius: 10px; background-color: #2b2f33 } #b70 .e1733079119467 { left: 135px; top: 381px; width: 245px; height: auto; color: #ffffff; z-index: 15; flex-shrink: 0; margin: 0 0 0 0 } #b70 .e1733079119467 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b70 .e1733079326919 { left: 135px; top: 398px; width: 245px; height: auto; color: #ffffff; z-index: 14; flex-shrink: 0; margin: 0 0 0 0 } #b70 .e1733079326919 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b70 .e1716577483529 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 16; pointer-events: none } #b70 .e1716577483529 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b70 .e1733079282110 { left: 375px; top: 518px; width: 10px; z-index: 17; pointer-events: none } #b70 .e1733080399426 { left: 120px; top: 20px; width: 111px; height: 20px; color: #f5f5f5; text-align: center; z-index: 19; flex-shrink: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px; margin: 0 0 0 0 } #b70 .e1733080399426 .atom { color: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; border-radius: 30px; --speed-hover: 0.2s; --bg-color: transparent; --bg-image: linear-gradient(0turn,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%); background-image: var(--bg-image,none); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b70 .e1733080399426 .atom::after { display: none } #b70 .e1733080399426 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b70 .e1733080399426 .atom .btn__border::before { display: none } #b70 .e1733080399426 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b70 { --h: 580px; --w: 320px; --zoom-ab: var(--zoom) } #b70 .e1716577483562 { left: 10px; width: 300px; height: 520px } #b70 .e1716577483554 { left: 30px; top: 205px; width: 215px } #b70 .e1716577483554 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b70 .e1716577483544 { left: 30px; top: 226px; width: 158px } #b70 .e1716577483544 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b70 .e1733079106159 { left: 30px; top: 258px; width: 158px } #b70 .e1733079106159 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b70 .e1716577483548 { left: 30px; top: 275px; width: 210px } #b70 .e1716577483548 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b70 .e1716577483559 { left: 15px; width: 290px; height: 180px } #b70 .e1733079330333 { left: 30px; top: 446px; width: 260px; border-radius: 10px } #b70 .e1733079330333 .atom { background-size: cover } #b70 .e1716577483539 { left: 30px; top: 331px; width: 260px; height: 95px; border-radius: 10px } #b70 .e1716577483539 .atom { background-size: cover; opacity: 1 } #b70 .e1733079119467 { left: 45px; top: 346px; width: 158px } #b70 .e1733079119467 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b70 .e1733079326919 { left: 45px; top: 363px; width: 230px; height: 48px } #b70 .e1733079326919 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b70 .e1716577483529 { left: 45px; top: 461px; width: 190px } #b70 .e1716577483529 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b70 .e1733079282110 { left: 265px; top: 468px } #b70 .e1733079282110 .atom { background-size: cover; opacity: 1 } #b70 .e1733080399426 { left: 30px; width: 112px } #b70 .e1733080399426 .atom { white-space: normal; background-size: cover } #b70 .e1733080399426 .atom .btn__text { overflow: visible } } @media (hover) { #b70 .e1733080399426 .atom:hover::after { opacity: 0 } #b70 .e1733080399426 .atom:hover { animation-name: none } } /* b71 · попап #popup:case52 */ #b71 { --h: 762px; --w: 1200px } #b71 .e1733114127064 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b71 .e1733114127064 .atom { background-color: #212326 } #b71 .e1733114127075 { left: 640px; top: 522px; width: 495px; height: 180px; z-index: 4 } #b71 .e1733114127075 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b71 .e1733114127081 { left: 640px; top: 178px; width: 495px; height: 324px; z-index: 5 } #b71 .e1733114127081 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b71 .e1733114127087 { left: 887px; top: 198px; width: 1px; height: 284px; z-index: 6 } #b71 .e1733114127087 .atom { background-color: #303132 } #b71 .e1733114127093 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b71 .e1733114127093 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b71 .e1733114127101 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b71 .e1733114127101 .atom { border-radius: 100px; background-color: #434646; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../../img/tilda/3961-6662-Button.svg') } #b71 .e1733114127108 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b71 .e1733114127108 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b71 .e1733114127115 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b71 .e1733114127115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b71 .e1733114127121 { left: 640px; top: 110px; width: 465px; height: auto; color: #ffffff; z-index: 11 } #b71 .e1733114127121 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b71 .e1733114127127 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b71 .e1733114127127 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b71 .e1733114127133 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b71 .e1733114127133 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b71 .e1733114127140 { left: 660px; top: 542px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b71 .e1733114127140 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b71 .e1733114127146 { left: 660px; top: 570px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b71 .e1733114127146 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b71 { --h: 760px; --w: 320px } #b71 .e1733114127064 { left: calc(50% - 50vw / var(--zoom)); top: 60px; width: calc(100vw / var(--zoom)); height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b71 .e1733114127064 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b71 .e1733114127075 { left: 20px; top: 541px; width: 280px; height: 199px } #b71 .e1733114127081 { left: 20px; top: 214px; width: 280px; height: 307px } #b71 .e1733114127087 { left: 35px; top: 322px; width: 250px; height: 1px } #b71 .e1733114127093 { left: 20px; top: 83px; width: 180px } #b71 .e1733114127093 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b71 .e1733114127101 { left: 268px; top: 80px; width: 32px; height: 32px } #b71 .e1733114127108 { left: 35px; top: 229px; width: 250px } #b71 .e1733114127108 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b71 .e1733114127115 { left: 35px; top: 255px; width: 230px } #b71 .e1733114127115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b71 .e1733114127121 { left: 20px; top: 129px; width: 250px } #b71 .e1733114127121 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b71 .e1733114127127 { left: 35px; top: 337px; width: 250px } #b71 .e1733114127127 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b71 .e1733114127133 { left: 35px; top: 363px; width: 250px } #b71 .e1733114127133 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b71 .e1733114127140 { left: 35px; top: 556px; width: 250px } #b71 .e1733114127140 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b71 .e1733114127146 { left: 35px; top: 582px; width: 250px } #b71 .e1733114127146 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b71-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b72 · Политика конфиденциальности Договор оферты IMAGO Разработка сайта ИП Б… */ #b72 { --h: 130px; --w: 1200px; background-color: #0c0d0e } #b72 .e1702493358238 { left: -100px; top: 0px; width: 1400px; height: 1px; z-index: 3 } #b72 .e1702493358238 .atom { border-radius: 1px; opacity: 0.1; background-color: #ffffff } #b72 .e1717503711656 { left: 445px; top: 36px; width: 199px; height: auto; color: #ffffff; z-index: 4 } #b72 .e1717503711656 .atom { color: #ffffff; font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b72 .e1717503711651 { left: 642px; top: 36px; width: 114px; height: auto; color: #ffffff; text-align: center; z-index: 5 } #b72 .e1717503711651 .atom { color: #ffffff; font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b72 .e1717503711642 { left: 100px; top: 33px; width: 23px; z-index: 6; pointer-events: none } #b72 .e1717503711636 { left: 128px; top: 33px; width: 70px; height: auto; color: #ddd3b2; z-index: 7 } #b72 .e1717503711636 .atom { color: #ddd3b2; font-size: 18px; line-height: 22px; font-weight: 300; letter-spacing: -1px; text-transform: uppercase } #b72 .e1717503711630 { left: 986px; top: 36px; width: 114px; height: auto; color: #ffffff; text-align: right; z-index: 8 } #b72 .e1717503711630 .atom { color: #ffffff; font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b72 .e1717503711622 { left: 100px; top: 64px; width: 320px; height: auto; color: #ffffff; z-index: 9 } #b72 .e1717503711622 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.6px; opacity: 0.6 } @media (max-width: 959px) { #b72 { --h: 168px; --w: 320px } #b72 .e1702493358238 { left: 0px; width: 320px } #b72 .e1717503711656 { left: 10px; top: 95px; width: 300px; text-align: left } #b72 .e1717503711656 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b72 .e1717503711651 { left: 10px; top: 116px; width: 300px; text-align: left } #b72 .e1717503711651 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b72 .e1717503711642 { left: 10px; top: 21px; width: 20px } #b72 .e1717503711636 { left: 35px; top: 20px; width: 60px } #b72 .e1717503711636 .atom { font-size: 16px; line-height: 19px; white-space: normal; background-size: cover } #b72 .e1717503711630 { left: 10px; top: 137px; width: 300px; text-align: left } #b72 .e1717503711630 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b72 .e1717503711622 { left: 10px; top: 49px; width: 240px } #b72 .e1717503711622 .atom { letter-spacing: -0.4px; white-space: normal; background-size: cover } }