/* Раскладка блоков: координаты в px макета. Десктоп — макет 1200px, мобильный (< 960px) — макет 320px. Масштабируются на ширину окна через --zoom (см. js/main.js). */ /* b02 · IMAGO – №1 школа по социальной динамике и соблазнению Стань притягател… */ #b02 { --h: 640px; --w: 1200px; min-height: calc(var(--vh) * 100); background-color: #0c0d0e } #b02 .e1716254119811 { left: 500px; top: 200px; width: 200px; height: 400px; z-index: 3; pointer-events: none; filter: blur(50px); border-radius: 3000px } #b02 .e1716254119811 .atom { border-radius: 3000px; opacity: 0.4; background-color: #ddd3b2 } #b02 .e1703115132203 { left: 350px; top: 0px; width: 500px; height: 640px; z-index: 3; pointer-events: none } #b02 .e1703115132203 .atom { background-position: 0% 0%; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3561-3739-PhotoDaniel.png') } #b02 .e1703115191926 { left: -100px; top: 370px; width: 1400px; height: 320px; z-index: 3 } #b02 .e1703115191926 .atom { background-image: linear-gradient(0turn,rgba(12,13,14,1) 25%,rgba(12,13,14,0) 100%) } #b02 .e1703114392463 { left: 100px; top: 20px; width: 33px; z-index: 3; pointer-events: none } #b02 .e1703114451746 { left: 153px; top: 20px; width: 190px; height: auto; color: #ddd3b2; z-index: 3 } #b02 .e1703114451746 .atom { color: #ddd3b2; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase } #b02 .e1703114498792 { left: 100px; bottom: 20px; width: 575px; height: auto; color: #ffffff; z-index: 3 } #b02 .e1703114498792 .atom { color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.8px } #b02 .e1703114608023 { left: 143px; top: 20px; width: 1px; height: 24px; z-index: 3 } #b02 .e1703114608023 .atom { background-color: #ddd3b2 } #b02 .e175983807040812770 { left: 780px; bottom: 153px; width: 320px; height: auto; color: #f5f5f5; z-index: 3 } #b02 .e175983807040812770 .atom { color: #f5f5f5; font-size: 18px; line-height: 22px; font-weight: 600; letter-spacing: -1.2px } #b02 .e1707378041202 { left: 780px; top: 550px; width: 300px; height: 70px; color: #2b2923; text-align: center; z-index: 3 } #b02 .e1707378041202 .atom { color: #2b2923; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: -0.4px; text-transform: uppercase; border-radius: 100px; background-position: center center; --speed-hover: 0.2s; --bg-color: #ddd3b2; --bg-image: none; --bg-hover-color: #c4bda5; --bg-hover-image: none; background-color: var(--bg-color,transparent); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b02 .e1707378041202 .atom::after { display: none } #b02 .e1707378041202 .atom .btn__content { column-gap: 10px } #b02 .e1707378041202 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #2b2923 } #b02 .e1707378041202 .atom .btn__border::before { display: none } #b02 .e1707378041202 .atom .btn__border::after { display: none } #b02 .e1707378369026 { left: 780px; bottom: 110px; width: auto; height: auto; color: #f5f5f5; text-align: center; z-index: 3; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b02 .e1707378369026 .atom { white-space: nowrap; 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 .e1707378369026 .atom::after { display: none } #b02 .e1707378369026 .atom .btn__content { column-gap: 10px; padding: 8px 12px 8px 12px } #b02 .e1707378369026 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b02 .e1707378369026 .atom .btn__border::before { display: none } #b02 .e1707378369026 .atom .btn__border::after { display: none } #b02 .e1707378486355 { left: 938px; bottom: 110px; width: auto; height: auto; color: #f5f5f5; text-align: center; z-index: 3; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b02 .e1707378486355 .atom { white-space: nowrap; 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 .e1707378486355 .atom::after { display: none } #b02 .e1707378486355 .atom .btn__content { column-gap: 10px; padding: 8px 12px 8px 12px } #b02 .e1707378486355 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b02 .e1707378486355 .atom .btn__border::before { display: none } #b02 .e1707378486355 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b02 { --h: 610px; --w: 320px } #b02 .e1716254119811 { left: 85px; top: 140px; width: 150px; height: 300px } #b02 .e1703115132203 { left: 0px; width: 320px; height: 610px } #b02 .e1703115132203 .atom { background-position: center top } #b02 .e1703115191926 { left: 0px; top: 130px; width: 320px; height: 480px } #b02 .e1703114392463 { left: 10px; top: 233.18px; width: 30px } #b02 .e1703114451746 { left: 60px; top: auto; bottom: 355px } #b02 .e1703114451746 .atom { font-size: 9px; line-height: 11px; white-space: normal; background-size: cover } #b02 .e1703114498792 { left: 10px; bottom: 231px; width: 300px } #b02 .e1703114498792 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b02 .e1703114608023 { left: 50px; top: 233px; height: 22px } #b02 .e175983807040812770 { left: 10px; bottom: 182px; width: 300px } #b02 .e175983807040812770 .atom { font-size: 16px; line-height: 19px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b02 .e1707378041202 { left: 10px; top: 490px; height: 60px } #b02 .e1707378041202 .atom { font-size: 10px; white-space: normal; background-size: cover } #b02 .e1707378041202 .atom .btn__text { overflow: visible } #b02 .e1707378369026 { left: 10px; bottom: 140px } #b02 .e1707378369026 .atom { font-size: 9px; background-size: cover } #b02 .e1707378369026 .atom .btn__text { overflow: visible } #b02 .e1707378486355 { left: 155px; bottom: 140px } #b02 .e1707378486355 .atom { font-size: 9px; background-size: cover } #b02 .e1707378486355 .atom .btn__text { overflow: visible } } @media (hover) { #b02 .e1707378041202 .atom:hover::after { opacity: 0 } #b02 .e1707378041202 .atom:hover { animation-name: none; background-color: var(--bg-hover-color,var(--bg-color,transparent)) } #b02 .e1707378369026 .atom:hover::after { opacity: 0 } #b02 .e1707378369026 .atom:hover { animation-name: none } #b02 .e1707378486355 .atom:hover::after { opacity: 0 } #b02 .e1707378486355 .atom:hover { animation-name: none } } @media (min-width: 960px) { #b02 .e1716254119811.is-anim-hidden { opacity: 0 } #b02 .e1703115132203.is-anim-hidden { opacity: 0 } } /* b03 · попап #popup:video */ #b03 { --h: 610px; --w: 1200px } #b03 .e1716452486432 { left: 100px; top: 20px; width: 1000px; height: 570px; z-index: 3 } #b03 .e1716452486432 .atom { border-radius: 15px; overflow: hidden } #b03 .e1703315149658 { left: 1110px; top: 20px; width: 40px; height: 40px; z-index: 3 } #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') } @media (max-width: 959px) { #b03 { --h: 630px; --w: 320px } #b03 .e1716452486432 { left: 10px; top: 230px; width: 300px; height: 170px } #b03 .e1716452486432 .atom { border-radius: 10px; background-size: cover } #b03 .e1703315149658 { left: 278px; top: 188px; width: 32px; height: 32px } } #b03-popup .popup__bg { -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b04 · Мужчины о том, как они изменились на тренинге Если тебе вернут деньги … */ #b04 { --h: 560px; --w: 1200px; background-color: #0c0d0e } #b04 .e1716597238659 { left: 0px; top: -113px; width: 100%; height: 120%; z-index: 3 } #b04 .e1716597238659 .atom { border-radius: 15px; overflow: hidden } #b04 .e1716433889708 { left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; pointer-events: none; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px) } #b04 .e1716433889708 .atom { opacity: 0.6; background-color: #171a1c } #b04 .e1703114498792 { left: 410px; top: 140px; width: 380px; height: auto; color: #ffffff; text-align: center; z-index: 3 } #b04 .e1703114498792 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b04 .e1703401767402 { left: 440px; top: 396px; width: 320px; height: auto; color: #ffffff; text-align: center; z-index: 3 } #b04 .e1703401767402 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b04 .e1716430985409 { left: 0px; top: -120px; width: 100%; height: 200px; z-index: 3 } #b04 .e1716430985409 .atom { border-radius: 0px 0px 20px 20px; background-color: #0c0d0e } #b04 .e1716431536359 { left: 0px; top: 540px; width: 100%; height: 200px; z-index: 3 } #b04 .e1716431536359 .atom { border-radius: 20px 20px 0px 0px; background-color: #0c0d0e } #b04 .e1716452764375 { left: 570px; top: 250px; width: 60px; z-index: 3 } @media (max-width: 959px) { #b04 { --h: 240px; --w: 320px } #b04 .e1716597238659 { top: -60px; height: 150% } #b04 .e1716597238659 .atom { border-radius: 10px; background-size: cover } #b04 .e1703114498792 { left: 30px; top: 30px; width: 260px } #b04 .e1703114498792 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b04 .e1703401767402 { left: 30px; top: 188px; width: 260px } #b04 .e1703401767402 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b04 .e1716430985409 { top: -200px; border-radius: 15px } #b04 .e1716430985409 .atom { border-radius: 15px; background-size: cover; opacity: 0 } #b04 .e1716431536359 { top: 240px; border-radius: 15px } #b04 .e1716431536359 .atom { border-radius: 15px; background-size: cover; opacity: 0 } #b04 .e1716452764375 { left: 140px; top: 100px; width: 40px } } @media (min-width: 960px) { #b04 .e1716430985409.is-anim-hidden { opacity: 0 } #b04 .e1716431536359.is-anim-hidden { opacity: 0 } #b04 .e1716452764375.is-anim-hidden { opacity: 0 } } /* b06 · попап #popup:case=teoretik */ #b06 { --h: 586px; --w: 1200px } #b06 .e1733111344866 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b06 .e1733111344866 .atom { background-color: #212326 } #b06 .e1733111344880 { left: 640px; top: 410px; width: 495px; height: 116px; z-index: 4 } #b06 .e1733111344880 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b06 .e1733111344888 { left: 640px; top: 146px; width: 495px; height: 244px; z-index: 5 } #b06 .e1733111344888 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b06 .e1733111344896 { left: 887px; top: 166px; width: 1px; height: 204px; z-index: 6 } #b06 .e1733111344896 .atom { background-color: #303132 } #b06 .e1733111344906 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b06 .e1733111344906 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b06 .e1733111344918 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b06 .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') } #b06 .e1733111344924 { left: 660px; top: 166px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b06 .e1733111344924 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b06 .e1733111344932 { left: 660px; top: 194px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b06 .e1733111344932 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b06 .e1733111344943 { left: 640px; top: 110px; width: 510px; height: auto; color: #ffffff; z-index: 11 } #b06 .e1733111344943 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b06 .e1733111344954 { left: 910px; top: 166px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b06 .e1733111344954 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b06 .e1733111344961 { left: 910px; top: 194px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b06 .e1733111344961 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b06 .e1733111344970 { left: 660px; top: 430px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b06 .e1733111344970 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b06 .e1733111344977 { left: 660px; top: 458px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b06 .e1733111344977 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b06 { --h: 617px; --w: 320px } #b06 .e1733111344866 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b06 .e1733111344866 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b06 .e1733111344880 { left: 20px; top: 476px; width: 280px; height: 121px } #b06 .e1733111344888 { left: 20px; top: 175px; width: 280px; height: 281px } #b06 .e1733111344896 { left: 35px; top: 322px; width: 250px; height: 1px } #b06 .e1733111344906 { left: 20px; top: 83px; width: 248px } #b06 .e1733111344906 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b06 .e1733111344918 { left: 268px; top: 80px; width: 32px; height: 32px } #b06 .e1733111344924 { left: 35px; top: 190px; width: 250px } #b06 .e1733111344924 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b06 .e1733111344932 { left: 35px; top: 216px; width: 250px } #b06 .e1733111344932 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b06 .e1733111344943 { left: 20px; top: 129px; width: 220px } #b06 .e1733111344943 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b06 .e1733111344954 { left: 35px; top: 337px; width: 250px } #b06 .e1733111344954 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b06 .e1733111344961 { left: 35px; top: 363px; width: 250px } #b06 .e1733111344961 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b06 .e1733111344970 { left: 35px; top: 491px; width: 250px } #b06 .e1733111344970 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b06 .e1733111344977 { left: 35px; top: 517px; width: 250px } #b06 .e1733111344977 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b06-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b07 · попап #popup:case=natural */ #b07 { --h: 762px; --w: 1200px } #b07 .e1733114127064 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b07 .e1733114127064 .atom { background-color: #212326 } #b07 .e1733114127075 { left: 640px; top: 570px; width: 495px; height: 132px; z-index: 4 } #b07 .e1733114127075 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b07 .e1733114127081 { left: 640px; top: 210px; width: 495px; height: 339px; z-index: 5 } #b07 .e1733114127081 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b07 .e1733114127087 { left: 887px; top: 230px; width: 1px; height: 299px; z-index: 6 } #b07 .e1733114127087 .atom { background-color: #303132 } #b07 .e1733114127093 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b07 .e1733114127093 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b07 .e1733114127101 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b07 .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') } #b07 .e1733114127108 { left: 660px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b07 .e1733114127108 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b07 .e1733114127115 { left: 660px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b07 .e1733114127115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b07 .e1733114127121 { left: 640px; top: 110px; width: 410px; height: auto; color: #ffffff; z-index: 11 } #b07 .e1733114127121 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b07 .e1733114127127 { left: 910px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b07 .e1733114127127 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b07 .e1733114127133 { left: 910px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b07 .e1733114127133 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b07 .e1733114127140 { left: 660px; top: 590px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b07 .e1733114127140 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b07 .e1733114127146 { left: 660px; top: 618px; width: 420px; height: auto; color: #ffffff; z-index: 15 } #b07 .e1733114127146 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b07 { --h: 825px; --w: 320px } #b07 .e1733114127064 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b07 .e1733114127064 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b07 .e1733114127075 { left: 20px; top: 671px; width: 280px; height: 134px } #b07 .e1733114127081 { left: 20px; top: 266px; width: 280px; height: 385px } #b07 .e1733114127087 { left: 35px; top: 465px; width: 250px; height: 1px } #b07 .e1733114127093 { left: 20px; top: 83px; width: 180px } #b07 .e1733114127093 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b07 .e1733114127101 { left: 268px; top: 80px; width: 32px; height: 32px } #b07 .e1733114127108 { left: 35px; top: 281px; width: 250px } #b07 .e1733114127108 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b07 .e1733114127115 { left: 35px; top: 307px; width: 250px } #b07 .e1733114127115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b07 .e1733114127121 { left: 20px; top: 155px; width: 250px } #b07 .e1733114127121 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b07 .e1733114127127 { left: 35px; top: 480px; width: 250px } #b07 .e1733114127127 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b07 .e1733114127133 { left: 35px; top: 506px; width: 250px } #b07 .e1733114127133 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b07 .e1733114127140 { left: 35px; top: 686px; width: 250px } #b07 .e1733114127140 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b07 .e1733114127146 { left: 35px; top: 712px; width: 250px } #b07 .e1733114127146 .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:case=novichok */ #b08 { --h: 650px; --w: 1200px } #b08 .e1733111894203 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b08 .e1733111894203 .atom { background-color: #212326 } #b08 .e1733111894225 { left: 640px; top: 458px; width: 495px; height: 132px; z-index: 4 } #b08 .e1733111894225 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b08 .e1733111894236 { left: 640px; top: 178px; width: 495px; height: 260px; z-index: 5 } #b08 .e1733111894236 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b08 .e1733111894249 { left: 887px; top: 198px; width: 1px; height: 220px; z-index: 6 } #b08 .e1733111894249 .atom { background-color: #303132 } #b08 .e1733111894261 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b08 .e1733111894261 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b08 .e1733111894276 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b08 .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') } #b08 .e1733111894286 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b08 .e1733111894286 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b08 .e1733111894300 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b08 .e1733111894300 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b08 .e1733111894313 { left: 640px; top: 110px; width: 400px; height: auto; color: #ffffff; z-index: 11 } #b08 .e1733111894313 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b08 .e1733111894325 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b08 .e1733111894325 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b08 .e1733111894337 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b08 .e1733111894337 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b08 .e1733111894351 { left: 660px; top: 478px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b08 .e1733111894351 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b08 .e1733111894364 { left: 660px; top: 506px; width: 400px; height: auto; color: #ffffff; z-index: 15 } #b08 .e1733111894364 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b08 { --h: 681px; --w: 320px } #b08 .e1733111894203 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b08 .e1733111894203 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b08 .e1733111894225 { left: 20px; top: 540px; width: 280px; height: 121px } #b08 .e1733111894236 { left: 20px; top: 201px; width: 280px; height: 319px } #b08 .e1733111894249 { left: 35px; top: 361px; width: 250px; height: 1px } #b08 .e1733111894261 { left: 20px; top: 83px; width: 248px } #b08 .e1733111894261 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b08 .e1733111894276 { left: 268px; top: 80px; width: 32px; height: 32px } #b08 .e1733111894286 { left: 35px; top: 216px; width: 250px } #b08 .e1733111894286 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b08 .e1733111894300 { left: 35px; top: 242px; width: 235px } #b08 .e1733111894300 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b08 .e1733111894313 { left: 20px; top: 129px; width: 260px } #b08 .e1733111894313 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b08 .e1733111894325 { left: 35px; top: 376px; width: 250px } #b08 .e1733111894325 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b08 .e1733111894337 { left: 35px; top: 402px; width: 240px } #b08 .e1733111894337 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b08 .e1733111894351 { left: 35px; top: 555px; width: 250px } #b08 .e1733111894351 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b08 .e1733111894364 { left: 35px; top: 581px; width: 250px } #b08 .e1733111894364 .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:case=otkryvatel */ #b09 { --h: 666px; --w: 1200px } #b09 .e1733106648958 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b09 .e1733106648958 .atom { background-color: #212326 } #b09 .e1733106648968 { left: 640px; top: 490px; width: 495px; height: 116px; z-index: 4 } #b09 .e1733106648968 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b09 .e1733106648973 { left: 640px; top: 178px; width: 495px; height: 291px; z-index: 5 } #b09 .e1733106648973 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b09 .e1733106648979 { left: 887px; top: 198px; width: 1px; height: 251px; z-index: 6 } #b09 .e1733106648979 .atom { background-color: #303132 } #b09 .e1733106648984 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b09 .e1733106648984 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b09 .e1733106648990 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b09 .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') } #b09 .e1733106648996 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b09 .e1733106648996 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b09 .e1733106649005 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b09 .e1733106649005 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b09 .e1733106649012 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b09 .e1733106649012 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b09 .e1733106649018 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b09 .e1733106649018 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b09 .e1733106649024 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b09 .e1733106649024 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b09 .e1733106649030 { left: 660px; top: 510px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b09 .e1733106649030 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b09 .e1733106649036 { left: 660px; top: 538px; width: 325px; height: auto; color: #ffffff; z-index: 15 } #b09 .e1733106649036 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b09 { --h: 669px; --w: 320px } #b09 .e1733106648958 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b09 .e1733106648958 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b09 .e1733106648968 { left: 20px; top: 541px; width: 280px; height: 108px } #b09 .e1733106648973 { left: 20px; top: 227px; width: 280px; height: 294px } #b09 .e1733106648979 { left: 35px; top: 335px; width: 250px; height: 1px } #b09 .e1733106648984 { left: 20px; top: 83px; width: 180px } #b09 .e1733106648984 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b09 .e1733106648990 { left: 268px; top: 80px; width: 32px; height: 32px } #b09 .e1733106648996 { left: 35px; top: 242px; width: 250px } #b09 .e1733106648996 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b09 .e1733106649005 { left: 35px; top: 268px; width: 235px } #b09 .e1733106649005 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b09 .e1733106649012 { left: 20px; top: 155px; width: 280px } #b09 .e1733106649012 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b09 .e1733106649018 { left: 35px; top: 350px; width: 250px } #b09 .e1733106649018 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b09 .e1733106649024 { left: 35px; top: 376px; width: 250px } #b09 .e1733106649024 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b09 .e1733106649030 { left: 35px; top: 556px; width: 250px } #b09 .e1733106649030 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b09 .e1733106649036 { left: 35px; top: 582px; width: 250px } #b09 .e1733106649036 .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 · попап #popup:case=svidanshik */ #b10 { --h: 602px; --w: 1200px } #b10 .e1733106423979 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b10 .e1733106423979 .atom { background-color: #212326 } #b10 .e1733106423989 { left: 640px; top: 442px; width: 495px; height: 100px; z-index: 4 } #b10 .e1733106423989 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b10 .e1733106423994 { left: 640px; top: 178px; width: 495px; height: 244px; z-index: 5 } #b10 .e1733106423994 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b10 .e1733106424000 { left: 887px; top: 198px; width: 1px; height: 204px; z-index: 6 } #b10 .e1733106424000 .atom { background-color: #303132 } #b10 .e1733106424005 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b10 .e1733106424005 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b10 .e1733106424012 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b10 .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') } #b10 .e1733106424018 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b10 .e1733106424018 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b10 .e1733106424028 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b10 .e1733106424028 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b10 .e1733106424039 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b10 .e1733106424039 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b10 .e1733106424046 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b10 .e1733106424046 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b10 .e1733106424055 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b10 .e1733106424055 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b10 .e1733106424066 { left: 660px; top: 462px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b10 .e1733106424066 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b10 .e1733106424077 { left: 660px; top: 490px; width: 373px; height: auto; color: #ffffff; z-index: 15 } #b10 .e1733106424077 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b10 { --h: 610px; --w: 320px } #b10 .e1733106423979 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b10 .e1733106423979 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b10 .e1733106423989 { left: 20px; top: 489px; width: 280px; height: 82px } #b10 .e1733106423994 { left: 20px; top: 240px; width: 280px; height: 229px } #b10 .e1733106424000 { left: 35px; top: 322px; width: 250px; height: 1px } #b10 .e1733106424005 { left: 20px; top: 83px; width: 160px } #b10 .e1733106424005 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b10 .e1733106424012 { left: 268px; top: 80px; width: 32px; height: 32px } #b10 .e1733106424018 { left: 35px; top: 255px; width: 250px } #b10 .e1733106424018 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b10 .e1733106424028 { left: 35px; top: 281px; width: 255px } #b10 .e1733106424028 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b10 .e1733106424039 { left: 20px; top: 155px; width: 260px } #b10 .e1733106424039 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b10 .e1733106424046 { left: 35px; top: 337px; width: 250px } #b10 .e1733106424046 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b10 .e1733106424055 { left: 35px; top: 363px; width: 250px } #b10 .e1733106424055 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b10 .e1733106424066 { left: 35px; top: 504px; width: 250px } #b10 .e1733106424066 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b10 .e1733106424077 { left: 35px; top: 530px; width: 250px } #b10 .e1733106424077 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b10-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b11 · попап #popup:case=sredniy */ #b11 { --h: 634px; --w: 1200px } #b11 .e1733111520323 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b11 .e1733111520323 .atom { background-color: #212326 } #b11 .e1733111520342 { left: 640px; top: 458px; width: 495px; height: 116px; z-index: 4 } #b11 .e1733111520342 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b11 .e1733111520349 { left: 640px; top: 178px; width: 495px; height: 260px; z-index: 5 } #b11 .e1733111520349 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b11 .e1733111520355 { left: 887px; top: 198px; width: 1px; height: 220px; z-index: 6 } #b11 .e1733111520355 .atom { background-color: #303132 } #b11 .e1733111520361 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b11 .e1733111520361 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b11 .e1733111520368 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b11 .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') } #b11 .e1733111520376 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b11 .e1733111520376 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b11 .e1733111520382 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b11 .e1733111520382 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b11 .e1733111520387 { left: 640px; top: 110px; width: 390px; height: auto; color: #ffffff; z-index: 11 } #b11 .e1733111520387 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b11 .e1733111520394 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b11 .e1733111520394 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b11 .e1733111520405 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b11 .e1733111520405 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b11 .e1733111520415 { left: 660px; top: 478px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b11 .e1733111520415 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b11 .e1733111520420 { left: 660px; top: 506px; width: 395px; height: auto; color: #ffffff; z-index: 15 } #b11 .e1733111520420 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b11 { --h: 656px; --w: 320px } #b11 .e1733111520323 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b11 .e1733111520323 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b11 .e1733111520342 { left: 20px; top: 528px; width: 280px; height: 108px } #b11 .e1733111520349 { left: 20px; top: 227px; width: 280px; height: 281px } #b11 .e1733111520355 { left: 35px; top: 348px; width: 250px; height: 1px } #b11 .e1733111520361 { left: 20px; top: 83px; width: 160px } #b11 .e1733111520361 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b11 .e1733111520368 { left: 268px; top: 80px; width: 32px; height: 32px } #b11 .e1733111520376 { left: 35px; top: 242px; width: 250px } #b11 .e1733111520376 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b11 .e1733111520382 { left: 35px; top: 268px; width: 235px } #b11 .e1733111520382 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b11 .e1733111520387 { left: 20px; top: 155px; width: 260px } #b11 .e1733111520387 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b11 .e1733111520394 { left: 35px; top: 363px; width: 250px } #b11 .e1733111520394 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b11 .e1733111520405 { left: 35px; top: 389px; width: 250px } #b11 .e1733111520405 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b11 .e1733111520415 { left: 35px; top: 543px; width: 250px } #b11 .e1733111520415 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b11 .e1733111520420 { left: 35px; top: 569px; width: 250px } #b11 .e1733111520420 .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:case=horoshiy */ #b12 { --h: 666px; --w: 1200px } #b12 .e1733087579947 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b12 .e1733087579947 .atom { background-color: #212326 } #b12 .e1732546528191 { left: 640px; top: 490px; width: 495px; height: 116px; z-index: 4 } #b12 .e1732546528191 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b12 .e1733087577158 { left: 640px; top: 210px; width: 495px; height: 260px; z-index: 5 } #b12 .e1733087577158 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b12 .e1732546395926 { left: 887px; top: 230px; width: 1px; height: 220px; z-index: 6 } #b12 .e1732546395926 .atom { background-color: #303132 } #b12 .e1703114498792 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b12 .e1703114498792 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b12 .e1703315149658 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b12 .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') } #b12 .e1703316967175 { left: 660px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b12 .e1703316967175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b12 .e1732545909646 { left: 660px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b12 .e1732545909646 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b12 .e1732546346445 { left: 640px; top: 110px; width: 439px; height: auto; color: #ffffff; z-index: 11 } #b12 .e1732546346445 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b12 .e1732546464549 { left: 910px; top: 230px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b12 .e1732546464549 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b12 .e1732546464554 { left: 910px; top: 258px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b12 .e1732546464554 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b12 .e1732546528197 { left: 660px; top: 510px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b12 .e1732546528197 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b12 .e1732546528203 { left: 660px; top: 538px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b12 .e1732546528203 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b12 { --h: 695px; --w: 320px } #b12 .e1733087579947 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b12 .e1733087579947 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b12 .e1732546528191 { left: 20px; top: 554px; width: 280px; height: 121px } #b12 .e1733087577158 { left: 20px; top: 266px; width: 280px; height: 268px } #b12 .e1732546395926 { left: 35px; top: 374px; width: 250px; height: 1px } #b12 .e1703114498792 { left: 20px; top: 83px; width: 184px } #b12 .e1703114498792 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b12 .e1703315149658 { left: 268px; top: 80px; width: 32px; height: 32px } #b12 .e1703316967175 { left: 35px; top: 281px; width: 250px } #b12 .e1703316967175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b12 .e1732545909646 { left: 35px; top: 307px; width: 220px } #b12 .e1732545909646 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b12 .e1732546346445 { left: 20px; top: 155px; width: 280px } #b12 .e1732546346445 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b12 .e1732546464549 { left: 35px; top: 389px; width: 250px } #b12 .e1732546464549 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b12 .e1732546464554 { left: 35px; top: 415px; width: 250px } #b12 .e1732546464554 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b12 .e1732546528197 { left: 35px; top: 569px; width: 250px } #b12 .e1732546528197 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b12 .e1732546528203 { left: 35px; top: 595px; width: 250px } #b12 .e1732546528203 .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:case=profi */ #b13 { --h: 554px; --w: 1200px } #b13 .e1733108021360 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b13 .e1733108021360 .atom { background-color: #212326 } #b13 .e1733108021368 { left: 600px; top: 504px; width: 575px; height: 30px; z-index: 4 } #b13 .e1733108021368 .atom { opacity: 0; background-color: #212326 } #b13 .e1733108021375 { left: 640px; top: 394px; width: 495px; height: 100px; z-index: 5 } #b13 .e1733108021375 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b13 .e1733108021383 { left: 640px; top: 178px; width: 495px; height: 196px; z-index: 6 } #b13 .e1733108021383 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b13 .e1733108021393 { left: 887px; top: 198px; width: 1px; height: 156px; z-index: 7 } #b13 .e1733108021393 .atom { background-color: #303132 } #b13 .e1733108021400 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 8 } #b13 .e1733108021400 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b13 .e1733108021408 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 9 } #b13 .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') } #b13 .e1733108021415 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 10 } #b13 .e1733108021415 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b13 .e1733108021424 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 11 } #b13 .e1733108021424 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b13 .e1733108021432 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 12 } #b13 .e1733108021432 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b13 .e1733108021440 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 13 } #b13 .e1733108021440 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b13 .e1733108021448 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 14 } #b13 .e1733108021448 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b13 .e1733108021456 { left: 660px; top: 414px; width: 455px; height: auto; color: #ddd3b2; z-index: 15 } #b13 .e1733108021456 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b13 .e1733108021461 { left: 660px; top: 442px; width: 430px; height: auto; color: #ffffff; z-index: 16 } #b13 .e1733108021461 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b13 { --h: 617px; --w: 320px } #b13 .e1733108021360 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0 } #b13 .e1733108021360 .atom { background-size: cover; border-radius: 15px 15px 0 0 } #b13 .e1733108021368 { left: 0px; top: 587px; width: 100% } #b13 .e1733108021368 .atom { opacity: 1; background-size: cover } #b13 .e1733108021375 { left: 20px; top: 502px; width: 280px; height: 95px } #b13 .e1733108021383 { left: 20px; top: 214px; width: 280px; height: 268px } #b13 .e1733108021393 { left: 35px; top: 361px; width: 250px; height: 1px } #b13 .e1733108021400 { left: 20px; top: 83px; width: 180px } #b13 .e1733108021400 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b13 .e1733108021408 { left: 268px; top: 80px; width: 32px; height: 32px } #b13 .e1733108021415 { left: 35px; top: 229px; width: 250px } #b13 .e1733108021415 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b13 .e1733108021424 { left: 35px; top: 255px; width: 220px } #b13 .e1733108021424 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b13 .e1733108021432 { left: 20px; top: 155px; width: 260px } #b13 .e1733108021432 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b13 .e1733108021440 { left: 35px; top: 376px; width: 250px } #b13 .e1733108021440 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b13 .e1733108021448 { left: 35px; top: 402px; width: 220px } #b13 .e1733108021448 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b13 .e1733108021456 { left: 35px; top: 517px; width: 250px } #b13 .e1733108021456 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b13 .e1733108021461 { left: 35px; top: 543px; width: 240px } #b13 .e1733108021461 .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: 720px; --w: 1200px; background-color: #0c0d0e } #b14 .e1718260854393 { left: 1798px; top: 460px; width: 235px; height: 160px; z-index: 3; pointer-events: none } #b14 .e1718260854393.is-anim-hidden { opacity: 0 } #b14 .e1718260854393 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3530-3631-24.jpg') } #b14 .e1718260854393.is-playing > .atom-anim { animation: sbs-b14-1718260854393 60.0s linear infinite } #b14 .e1718260854387 { left: 1544px; top: 460px; width: 235px; height: 160px; z-index: 4; pointer-events: none } #b14 .e1718260854387.is-anim-hidden { opacity: 0 } #b14 .e1718260854387 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3631-3938-23.jpg') } #b14 .e1718260854387.is-playing > .atom-anim { animation: sbs-b14-1718260854387 60.0s linear infinite } #b14 .e1718260854382 { left: 1290px; top: 460px; width: 235px; height: 160px; z-index: 5; pointer-events: none } #b14 .e1718260854382.is-anim-hidden { opacity: 0 } #b14 .e1718260854382 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6365-6566-22.jpg') } #b14 .e1718260854382.is-playing > .atom-anim { animation: sbs-b14-1718260854382 60.0s linear infinite } #b14 .e1718260854376 { left: 1036px; top: 460px; width: 235px; height: 160px; z-index: 6; pointer-events: none } #b14 .e1718260854376.is-anim-hidden { opacity: 0 } #b14 .e1718260854376 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3863-3264-21.jpg') } #b14 .e1718260854376.is-playing > .atom-anim { animation: sbs-b14-1718260854376 60.0s linear infinite } #b14 .e1718260854366 { left: 782px; top: 460px; width: 235px; height: 160px; z-index: 7; pointer-events: none } #b14 .e1718260854366.is-anim-hidden { opacity: 0 } #b14 .e1718260854366 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3063-6537-20.jpg') } #b14 .e1718260854366.is-playing > .atom-anim { animation: sbs-b14-1718260854366 60.0s linear infinite } #b14 .e1718260854357 { left: 528px; top: 460px; width: 235px; height: 160px; z-index: 8; pointer-events: none } #b14 .e1718260854357.is-anim-hidden { opacity: 0 } #b14 .e1718260854357 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6366-6532-19.jpg') } #b14 .e1718260854357.is-playing > .atom-anim { animation: sbs-b14-1718260854357 60.0s linear infinite } #b14 .e1718260854348 { left: 274px; top: 460px; width: 235px; height: 160px; z-index: 9; pointer-events: none } #b14 .e1718260854348.is-anim-hidden { opacity: 0 } #b14 .e1718260854348 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3535-3064-18.jpg') } #b14 .e1718260854348.is-playing > .atom-anim { animation: sbs-b14-1718260854348 60.0s linear infinite } #b14 .e1718260854333 { left: 20px; top: 460px; width: 235px; height: 160px; z-index: 10; pointer-events: none } #b14 .e1718260854333.is-anim-hidden { opacity: 0 } #b14 .e1718260854333 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6462-3661-17.jpg') } #b14 .e1718260854333.is-playing > .atom-anim { animation: sbs-b14-1718260854333 60.0s linear infinite } #b14 .e1718260829801 { left: 945px; top: 280px; width: 235px; height: 160px; z-index: 11; pointer-events: none } #b14 .e1718260829801.is-anim-hidden { opacity: 0 } #b14 .e1718260829801 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6438-6137-16.jpg') } #b14 .e1718260829801.is-playing > .atom-anim { animation: sbs-b14-1718260829801 60.0s linear infinite } #b14 .e1718260829793 { left: 689px; top: 280px; width: 235px; height: 160px; z-index: 12; pointer-events: none } #b14 .e1718260829793.is-anim-hidden { opacity: 0 } #b14 .e1718260829793 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3238-6361-15.jpg') } #b14 .e1718260829793.is-playing > .atom-anim { animation: sbs-b14-1718260829793 60.0s linear infinite } #b14 .e1718260829785 { left: 433px; top: 280px; width: 235px; height: 160px; z-index: 13; pointer-events: none } #b14 .e1718260829785.is-anim-hidden { opacity: 0 } #b14 .e1718260829785 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3735-6539-14.jpg') } #b14 .e1718260829785.is-playing > .atom-anim { animation: sbs-b14-1718260829785 60.0s linear infinite } #b14 .e1718260829779 { left: 177px; top: 280px; width: 235px; height: 160px; z-index: 14; pointer-events: none } #b14 .e1718260829779.is-anim-hidden { opacity: 0 } #b14 .e1718260829779 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6636-3266-13.jpg') } #b14 .e1718260829779.is-playing > .atom-anim { animation: sbs-b14-1718260829779 60.0s linear infinite } #b14 .e1718260829772 { left: -79px; top: 280px; width: 235px; height: 160px; z-index: 15; pointer-events: none } #b14 .e1718260829772.is-anim-hidden { opacity: 0 } #b14 .e1718260829772 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3063-3666-12.jpg') } #b14 .e1718260829772.is-playing > .atom-anim { animation: sbs-b14-1718260829772 60.0s linear infinite } #b14 .e1718260829766 { left: -335px; top: 280px; width: 235px; height: 160px; z-index: 16; pointer-events: none } #b14 .e1718260829766.is-anim-hidden { opacity: 0 } #b14 .e1718260829766 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6536-3062-11.jpg') } #b14 .e1718260829766.is-playing > .atom-anim { animation: sbs-b14-1718260829766 60.0s linear infinite } #b14 .e1718260829756 { left: -591px; top: 280px; width: 235px; height: 160px; z-index: 17; pointer-events: none } #b14 .e1718260829756.is-anim-hidden { opacity: 0 } #b14 .e1718260829756 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6130-6233-10.jpg') } #b14 .e1718260829756.is-playing > .atom-anim { animation: sbs-b14-1718260829756 60.0s linear infinite } #b14 .e1718260829741 { left: -847px; top: 280px; width: 235px; height: 160px; z-index: 18; pointer-events: none } #b14 .e1718260829741.is-anim-hidden { opacity: 0 } #b14 .e1718260829741 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6132-6562-9.jpg') } #b14 .e1718260829741.is-playing > .atom-anim { animation: sbs-b14-1718260829741 60.0s linear infinite } #b14 .e1718260569355 { left: 1805px; top: 100px; width: 235px; height: 160px; z-index: 19; pointer-events: none } #b14 .e1718260569355.is-anim-hidden { opacity: 0 } #b14 .e1718260569355 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6464-6130-8.jpg') } #b14 .e1718260569355.is-playing > .atom-anim { animation: sbs-b14-1718260569355 60.0s linear infinite } #b14 .e1718260569340 { left: 1550px; top: 100px; width: 235px; height: 160px; z-index: 20; pointer-events: none } #b14 .e1718260569340.is-anim-hidden { opacity: 0 } #b14 .e1718260569340 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6261-6432-7.jpg') } #b14 .e1718260569340.is-playing > .atom-anim { animation: sbs-b14-1718260569340 60.0s linear infinite } #b14 .e1718260564598 { left: 1295px; top: 100px; width: 235px; height: 160px; z-index: 21; pointer-events: none } #b14 .e1718260564598.is-anim-hidden { opacity: 0 } #b14 .e1718260564598 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6236-6562-6.jpg') } #b14 .e1718260564598.is-playing > .atom-anim { animation: sbs-b14-1718260564598 60.0s linear infinite } #b14 .e1718260564582 { left: 1040px; top: 100px; width: 235px; height: 160px; z-index: 22; pointer-events: none } #b14 .e1718260564582.is-anim-hidden { opacity: 0 } #b14 .e1718260564582 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3265-3432-5.jpg') } #b14 .e1718260564582.is-playing > .atom-anim { animation: sbs-b14-1718260564582 60.0s linear infinite } #b14 .e1718260558433 { left: 785px; top: 100px; width: 235px; height: 160px; z-index: 23; pointer-events: none } #b14 .e1718260558433.is-anim-hidden { opacity: 0 } #b14 .e1718260558433 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3963-3834-4.jpg') } #b14 .e1718260558433.is-playing > .atom-anim { animation: sbs-b14-1718260558433 60.0s linear infinite } #b14 .e1718260558417 { left: 530px; top: 100px; width: 235px; height: 160px; z-index: 24; pointer-events: none } #b14 .e1718260558417.is-anim-hidden { opacity: 0 } #b14 .e1718260558417 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3538-6532-3.jpg') } #b14 .e1718260558417.is-playing > .atom-anim { animation: sbs-b14-1718260558417 60.0s linear infinite } #b14 .e1718260476147 { left: 275px; top: 100px; width: 235px; height: 160px; z-index: 25; pointer-events: none } #b14 .e1718260476147.is-anim-hidden { opacity: 0 } #b14 .e1718260476147 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6165-6565-2.jpg') } #b14 .e1718260476147.is-playing > .atom-anim { animation: sbs-b14-1718260476147 60.0s linear infinite } #b14 .e1718260454326 { left: 20px; top: 100px; width: 235px; height: 160px; z-index: 26; pointer-events: none } #b14 .e1718260454326.is-anim-hidden { opacity: 0 } #b14 .e1718260454326 .atom { border-radius: 5px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3166-3266-1.jpg') } #b14 .e1718260454326.is-playing > .atom-anim { animation: sbs-b14-1718260454326 60.0s linear infinite } #b14 .e1718273590653 { left: 0px; top: 0px; width: 100%; height: 100%; z-index: 27 } #b14 .e1718273590653 .atom { opacity: 0.7; background-color: #0c0d0e } #b14 .e1716429519686 { left: 230px; top: 280px; width: 740px; height: auto; color: #ffffff; text-align: center; z-index: 28 } #b14 .e1716429519686 .atom { color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.5px } @media (max-width: 959px) { #b14 { --h: 380px; --w: 320px } #b14 .e1718260854393 { left: 920px; top: 240px; width: 120px; height: 80px } #b14 .e1718260854393.is-playing > .atom-anim { animation: sbs-b14-1718260854393-320 40.0s linear infinite } #b14 .e1718260854387 { left: 790px; top: 240px; width: 120px; height: 80px } #b14 .e1718260854387.is-playing > .atom-anim { animation: sbs-b14-1718260854387-320 40.0s linear infinite } #b14 .e1718260854382 { left: 660px; top: 240px; width: 120px; height: 80px } #b14 .e1718260854382.is-playing > .atom-anim { animation: sbs-b14-1718260854382-320 40.0s linear infinite } #b14 .e1718260854376 { left: 530px; top: 240px; width: 120px; height: 80px } #b14 .e1718260854376.is-playing > .atom-anim { animation: sbs-b14-1718260854376-320 40.0s linear infinite } #b14 .e1718260854366 { left: 400px; top: 240px; width: 120px; height: 80px } #b14 .e1718260854366.is-playing > .atom-anim { animation: sbs-b14-1718260854366-320 40.0s linear infinite } #b14 .e1718260854357 { left: 270px; top: 240px; width: 120px; height: 80px } #b14 .e1718260854357.is-playing > .atom-anim { animation: sbs-b14-1718260854357-320 40.0s linear infinite } #b14 .e1718260854348 { left: 140px; top: 240px; width: 120px; height: 80px } #b14 .e1718260854348.is-playing > .atom-anim { animation: sbs-b14-1718260854348-320 40.0s linear infinite } #b14 .e1718260854333 { left: 10px; top: 240px; width: 120px; height: 80px } #b14 .e1718260854333.is-playing > .atom-anim { animation: sbs-b14-1718260854333-320 40.0s linear infinite } #b14 .e1718260829801 { left: 190px; top: 150px; width: 120px; height: 80px } #b14 .e1718260829801.is-playing > .atom-anim { animation: sbs-b14-1718260829801-320 40.0s linear infinite } #b14 .e1718260829793 { left: 60px; top: 150px; width: 120px; height: 80px } #b14 .e1718260829793.is-playing > .atom-anim { animation: sbs-b14-1718260829793-320 40.0s linear infinite } #b14 .e1718260829785 { left: -70px; top: 150px; width: 120px; height: 80px } #b14 .e1718260829785.is-playing > .atom-anim { animation: sbs-b14-1718260829785-320 40.0s linear infinite } #b14 .e1718260829779 { left: -200px; top: 150px; width: 120px; height: 80px } #b14 .e1718260829779.is-playing > .atom-anim { animation: sbs-b14-1718260829779-320 40.0s linear infinite } #b14 .e1718260829772 { left: -330px; top: 150px; width: 120px; height: 80px } #b14 .e1718260829772.is-playing > .atom-anim { animation: sbs-b14-1718260829772-320 40.0s linear infinite } #b14 .e1718260829766 { left: -460px; top: 150px; width: 120px; height: 80px } #b14 .e1718260829766.is-playing > .atom-anim { animation: sbs-b14-1718260829766-320 40.0s linear infinite } #b14 .e1718260829756 { left: -590px; top: 150px; width: 120px; height: 80px } #b14 .e1718260829756.is-playing > .atom-anim { animation: sbs-b14-1718260829756-320 40.0s linear infinite } #b14 .e1718260829741 { left: -720px; top: 150px; width: 120px; height: 80px } #b14 .e1718260829741.is-playing > .atom-anim { animation: sbs-b14-1718260829741-320 40.0s linear infinite } #b14 .e1718260569355 { left: 913px; top: 60px; width: 120px; height: 80px } #b14 .e1718260569355.is-playing > .atom-anim { animation: sbs-b14-1718260569355-320 40.0s linear infinite } #b14 .e1718260569340 { left: 784px; top: 60px; width: 120px; height: 80px } #b14 .e1718260569340.is-playing > .atom-anim { animation: sbs-b14-1718260569340-320 40.0s linear infinite } #b14 .e1718260564598 { left: 655px; top: 60px; width: 120px; height: 80px } #b14 .e1718260564598.is-playing > .atom-anim { animation: sbs-b14-1718260564598-320 40.0s linear infinite } #b14 .e1718260564582 { left: 526px; top: 60px; width: 120px; height: 80px } #b14 .e1718260564582.is-playing > .atom-anim { animation: sbs-b14-1718260564582-320 40.0s linear infinite } #b14 .e1718260558433 { left: 397px; top: 60px; width: 120px; height: 80px } #b14 .e1718260558433.is-playing > .atom-anim { animation: sbs-b14-1718260558433-320 40.0s linear infinite } #b14 .e1718260558417 { left: 268px; top: 60px; width: 120px; height: 80px } #b14 .e1718260558417.is-playing > .atom-anim { animation: sbs-b14-1718260558417-320 40.0s linear infinite } #b14 .e1718260476147 { left: 139px; top: 60px; width: 120px; height: 80px } #b14 .e1718260476147.is-playing > .atom-anim { animation: sbs-b14-1718260476147-320 40.0s linear infinite } #b14 .e1718260454326 { left: 10px; top: 60px; width: 120px; height: 80px } #b14 .e1718260454326.is-playing > .atom-anim { animation: sbs-b14-1718260454326-320 40.0s linear infinite } #b14 .e1718273590653 { height: 380px } #b14 .e1718273590653 .atom { background-size: cover } #b14 .e1716429519686 { left: 10px; top: 112px; width: 290px; text-align: left } #b14 .e1716429519686 .atom { font-size: 26px; line-height: 26px; white-space: normal; background-size: cover } } /* b15 · Эффективные убеждения Перепрошьешь свои убеждения и установки, которые… */ #b15 { --h: 1199px; --w: 1200px; background-color: #0c0d0e } #b15 .e1716255953985 { left: 780px; top: 764px; width: 320px; height: 205px; z-index: 3 } #b15 .e1716255953985 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b15 .e1716255923213 { left: 780px; top: 284px; width: 320px; height: 460px; z-index: 3 } #b15 .e1716255923213 .atom { border-radius: 10px; background-color: #212326 } #b15 .e1716255885754 { left: 440px; top: 749px; width: 320px; height: 220px; z-index: 3 } #b15 .e1716255885754 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b15 .e1716255853257 { left: 100px; top: 636px; width: 320px; height: 333px; z-index: 3 } #b15 .e1716255853257 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b15 .e1716255831725 { left: 440px; top: 509px; width: 320px; height: 220px; z-index: 3 } #b15 .e1716255831725 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b15 .e1716255734517 { left: 100px; top: 284px; width: 320px; height: 333px; z-index: 3 } #b15 .e1716255734517 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b15 .e1716255571579 { left: 440px; top: 284px; width: 320px; height: 205px; z-index: 3 } #b15 .e1716255571579 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b15 .e1703125617230 { left: 130px; top: 512px; width: 260px; height: auto; color: #ddd3b2; z-index: 3 } #b15 .e1703125617230 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b15 .e1703125617235 { left: 130px; top: 545px; width: 260px; height: auto; color: #ffffff; z-index: 3 } #b15 .e1703125617235 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b15 .e1703125659531 { left: 470px; top: 384px; width: 260px; height: auto; color: #ddd3b2; z-index: 3 } #b15 .e1703125659531 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b15 .e1703125659538 { left: 470px; top: 417px; width: 270px; height: auto; color: #ffffff; z-index: 3 } #b15 .e1703125659538 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b15 .e1703125669745 { left: 470px; top: 864px; width: 260px; height: auto; color: #ddd3b2; z-index: 3 } #b15 .e1703125669745 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b15 .e1703125669751 { left: 470px; top: 897px; width: 260px; height: auto; color: #ffffff; z-index: 3 } #b15 .e1703125669751 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b15 .e1703125743387 { left: 130px; top: 850px; width: 260px; height: auto; color: #ddd3b2; z-index: 3 } #b15 .e1703125743387 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b15 .e1703125743393 { left: 130px; top: 883px; width: 220px; height: auto; color: #ffffff; z-index: 3 } #b15 .e1703125743393 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b15 .e1703125743398 { left: 470px; top: 624px; width: 260px; height: auto; color: #ddd3b2; z-index: 3 } #b15 .e1703125743398 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b15 .e1703125743403 { left: 470px; top: 657px; width: 260px; height: auto; color: #ffffff; z-index: 3 } #b15 .e1703125743403 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b15 .e1703125743409 { left: 810px; top: 864px; width: 260px; height: auto; color: #ddd3b2; z-index: 3 } #b15 .e1703125743409 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b15 .e1703125743416 { left: 810px; top: 897px; width: 240px; height: auto; color: #ffffff; z-index: 3 } #b15 .e1703125743416 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b15 .e1703309763911 { left: 130px; top: 304px; width: 50px; height: 50px; z-index: 3; pointer-events: none } #b15 .e1703309763911 .atom { border-radius: 100px; background-color: #37393c; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3237-3932-Icon.svg') } #b15 .e1703310460123 { left: 470px; top: 314px; width: 50px; height: 50px; z-index: 3; pointer-events: none } #b15 .e1703310460123 .atom { border-radius: 100px; background-color: #37393c; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3038-3139-Icon.svg') } #b15 .e1703310464046 { left: 470px; top: 779px; width: 50px; height: 50px; z-index: 3; pointer-events: none } #b15 .e1703310464046 .atom { border-radius: 100px; background-color: #37393c; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3437-6364-Icon.svg') } #b15 .e1703310556348 { left: 130px; top: 666px; width: 50px; height: 50px; z-index: 3; pointer-events: none } #b15 .e1703310556348 .atom { border-radius: 100px; background-color: #37393c; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6465-3565-Icon.svg') } #b15 .e1703310556352 { left: 470px; top: 539px; width: 50px; height: 50px; z-index: 3; pointer-events: none } #b15 .e1703310556352 .atom { border-radius: 100px; background-color: #37393c; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3766-6134-Icon.svg') } #b15 .e1703310556356 { left: 810px; top: 794px; width: 50px; height: 50px; z-index: 3; pointer-events: none } #b15 .e1703310556356 .atom { border-radius: 100px; background-color: #37393c; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6437-3130-Icon.svg') } #b15 .e1707380553658 { left: 300px; top: 100px; width: 600px; height: auto; color: #ffffff; text-align: center; z-index: 3 } #b15 .e1707380553658 .atom { color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.8px } #b15 .e1707380553664 { left: 410px; top: 210px; width: 380px; height: auto; color: #f5f5f5; text-align: center; z-index: 3 } #b15 .e1707380553664 .atom { color: #f5f5f5; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.6px; text-transform: uppercase } #b15 .e1716256030822 { left: 895px; top: 469px; width: 90px; height: 90px; z-index: 3 } #b15 .e1716256030822 .atom { border-radius: 3000px; opacity: 0.3; --border-width: 1px; --border-color: #ffffff } #b15 .e1716256030809 { left: 930px; top: 504px; width: 20px; z-index: 3 } #b15 .e1716260889062 { left: 780px; top: 284px; width: 320px; height: 460px; z-index: 3 } #b15 .e1716260889062 .atom { border-radius: 10px; overflow: hidden; --border-width: 1px; --border-color: #303132 } #b15 .e1716444058187 { left: 450px; top: 1029px; width: 300px; height: 70px; color: #2b2923; text-align: center; z-index: 3 } #b15 .e1716444058187 .atom { color: #2b2923; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: -0.4px; text-transform: uppercase; border-radius: 100px; background-position: center center; --speed-hover: 0.2s; --bg-color: #ddd3b2; --bg-image: none; --bg-hover-color: #c4bda5; --bg-hover-image: none; background-color: var(--bg-color,transparent); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b15 .e1716444058187 .atom::after { display: none } #b15 .e1716444058187 .atom .btn__content { column-gap: 10px } #b15 .e1716444058187 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #2b2923 } #b15 .e1716444058187 .atom .btn__border::before { display: none } #b15 .e1716444058187 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b15 { --h: 1481px; --w: 320px } #b15 .e1716255953985 { left: 10px; top: 1144px; width: 300px; height: 177px } #b15 .e1716255923213 { left: 10px; top: 1326px; width: 300px; height: 340px } #b15 .e1716255923213 .atom { background-size: cover; opacity: 0 } #b15 .e1716255885754 { left: 10px; top: 957px; width: 300px; height: 177px } #b15 .e1716255853257 { left: 10px; top: 770px; width: 300px; height: 177px } #b15 .e1716255831725 { left: 10px; top: 583px; width: 300px; height: 177px } #b15 .e1716255734517 { left: 10px; top: 209px; width: 300px; height: 177px } #b15 .e1716255571579 { left: 10px; top: 396px; width: 300px; height: 177px } #b15 .e1703125617230 { left: 30px; top: 299px } #b15 .e1703125617230 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b15 .e1703125617235 { left: 30px; top: 330px; width: 220px } #b15 .e1703125617235 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b15 .e1703125659531 { left: 30px; top: 486px } #b15 .e1703125659531 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b15 .e1703125659538 { left: 30px; top: 517px; width: 265px } #b15 .e1703125659538 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b15 .e1703125669745 { left: 30px; top: 673px } #b15 .e1703125669745 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b15 .e1703125669751 { left: 30px; top: 704px; width: 240px } #b15 .e1703125669751 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b15 .e1703125743387 { left: 30px; top: 860px } #b15 .e1703125743387 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b15 .e1703125743393 { left: 30px; top: 891px } #b15 .e1703125743393 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b15 .e1703125743398 { left: 30px; top: 1047px } #b15 .e1703125743398 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b15 .e1703125743403 { left: 30px; top: 1078px; width: 240px } #b15 .e1703125743403 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b15 .e1703125743409 { left: 30px; top: 1234px } #b15 .e1703125743409 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b15 .e1703125743416 { left: 30px; top: 1265px; width: 202px } #b15 .e1703125743416 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b15 .e1703309763911 { left: 30px; top: 229px; width: 40px; height: 40px } #b15 .e1703310460123 { left: 30px; top: 416px; width: 40px; height: 40px } #b15 .e1703310464046 { left: 30px; top: 603px; width: 40px; height: 40px } #b15 .e1703310556348 { left: 30px; top: 790px; width: 40px; height: 40px } #b15 .e1703310556352 { left: 30px; top: 977px; width: 40px; height: 40px } #b15 .e1703310556356 { left: 30px; top: 1164px; width: 40px; height: 40px } #b15 .e1707380553658 { left: 10px; top: 70px; width: 300px; text-align: left } #b15 .e1707380553658 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b15 .e1707380553664 { left: 10px; top: 168px; width: 300px; text-align: left } #b15 .e1707380553664 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b15 .e1716256030822 { left: 135px; top: 1504px; width: 50px; height: 50px } #b15 .e1716256030822 .atom { opacity: 0; background-size: cover } #b15 .e1716256030809 { left: 155px; top: 1524px; width: 10px } #b15 .e1716256030809 .atom { background-size: cover; opacity: 0 } #b15 .e1716260889062 { left: 10px; top: 1326px; width: 300px; height: 340px } #b15 .e1716260889062 .atom { background-size: cover; opacity: 0 } #b15 .e1716444058187 { left: 10px; top: 1351px; height: 60px } #b15 .e1716444058187 .atom { font-size: 10px; white-space: normal; background-size: cover } #b15 .e1716444058187 .atom .btn__text { overflow: visible } } @media (hover) { #b15 .e1716444058187 .atom:hover::after { opacity: 0 } #b15 .e1716444058187 .atom:hover { animation-name: none; background-color: var(--bg-hover-color,var(--bg-color,transparent)) } } /* b16 · Прошел путь от студента девственника в 19 лет до человека, в окружении… */ #b16 { --h: 810px; --w: 1200px; background-color: #171a1c } #b16 .e1716257188875 { left: 780px; top: 300px; width: 320px; height: 460px; z-index: 3 } #b16 .e1716257188875 .atom { border-radius: 10px; background-color: #2b2f33; --border-width: 1px; --border-color: #404447 } #b16 .e1716257093642 { left: 440px; top: 300px; width: 320px; height: 460px; z-index: 3 } #b16 .e1716257093642 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; --border-width: 1px; --border-color: #404447; background-image: url('../img/tilda/6165-6462-Photo.jpg') } #b16 .e1716256855264 { left: 100px; top: 300px; width: 320px; height: 460px; z-index: 3 } #b16 .e1716256855264 .atom { border-radius: 10px; background-color: #2b2f33; --border-width: 1px; --border-color: #404447 } #b16 .e1703125617230 { left: 130px; top: 330px; width: 270px; height: auto; color: #f5f5f5; z-index: 3 } #b16 .e1703125617230 .atom { color: #f5f5f5; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b16 .e1703125659538 { left: 130px; top: 440px; width: 260px; height: auto; color: #ddd3b2; z-index: 3 } #b16 .e1703125659538 .atom { color: #ddd3b2; font-size: 12px; line-height: 14px; font-weight: 500; letter-spacing: -0.3px; text-transform: uppercase } #b16 .e1703125669745 { left: 810px; top: 330px; width: 260px; height: auto; color: #ddd3b2; z-index: 3 } #b16 .e1703125669745 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b16 .e1703125669751 { left: 810px; top: 363px; width: 255px; height: auto; color: #ffffff; z-index: 3 } #b16 .e1703125669751 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b16 .e1703125743393 { left: 145px; top: 478px; width: 230px; height: auto; color: #ffffff; z-index: 3 } #b16 .e1703125743393 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b16 .e1703125743409 { left: 810px; top: 529px; width: 260px; height: auto; color: #ddd3b2; z-index: 3 } #b16 .e1703125743409 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b16 .e1703125743416 { left: 810px; top: 562px; width: 250px; height: auto; color: #ffffff; z-index: 3 } #b16 .e1703125743416 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b16 .e1703127144473 { left: 145px; top: 558px; width: 225px; height: auto; color: #ffffff; z-index: 3 } #b16 .e1703127144473 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b16 .e1703127156909 { left: 145px; top: 624px; width: 220px; height: auto; color: #ffffff; z-index: 3 } #b16 .e1703127156909 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b16 .e1703127383294 { left: 470px; top: 330px; width: 320px; height: auto; color: #ddd3b2; z-index: 3 } #b16 .e1703127383294 .atom { color: #ddd3b2; font-size: 20px; line-height: 20px; font-weight: 600; letter-spacing: -1.2px } #b16 .e1707387246877 { left: 470px; top: 664px; width: 197px; height: 28px; color: #ffffff; text-align: center; z-index: 3; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b16 .e1707387246877 .atom { color: #ffffff; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.4px; 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 } #b16 .e1707387246877 .atom::after { display: none } #b16 .e1707387246877 .atom .btn__content { column-gap: 10px } #b16 .e1707387246877 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #ffffff } #b16 .e1707387246877 .atom .btn__border::before { display: none } #b16 .e1707387246877 .atom .btn__border::after { display: none } #b16 .e1707387287282 { left: 470px; top: 702px; width: 116px; height: 28px; color: #ffffff; text-align: center; z-index: 3; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b16 .e1707387287282 .atom { color: #ffffff; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.4px; 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 } #b16 .e1707387287282 .atom::after { display: none } #b16 .e1707387287282 .atom .btn__content { column-gap: 10px } #b16 .e1707387287282 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #ffffff } #b16 .e1707387287282 .atom .btn__border::before { display: none } #b16 .e1707387287282 .atom .btn__border::after { display: none } #b16 .e1707387308466 { left: 596px; top: 702px; width: 106px; height: 27px; color: #ffffff; text-align: center; z-index: 3; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b16 .e1707387308466 .atom { color: #ffffff; font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -0.4px; 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 } #b16 .e1707387308466 .atom::after { display: none } #b16 .e1707387308466 .atom .btn__content { column-gap: 10px } #b16 .e1707387308466 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #ffffff } #b16 .e1707387308466 .atom .btn__border::before { display: none } #b16 .e1707387308466 .atom .btn__border::after { display: none } #b16 .e1716256728578 { left: 310px; top: 120px; width: 580px; height: auto; color: #ffffff; text-align: center; z-index: 3 } #b16 .e1716256728578 .atom { color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.8px } #b16 .e1716256999222 { left: 130px; top: 483px; width: 5px; height: 5px; z-index: 3 } #b16 .e1716256999222 .atom { border-radius: 3000px; background-color: #ddd3b2 } #b16 .e1716257051021 { left: 130px; top: 563px; width: 5px; height: 5px; z-index: 3 } #b16 .e1716257051021 .atom { border-radius: 3000px; background-color: #ddd3b2 } #b16 .e1716257056022 { left: 130px; top: 629px; width: 5px; height: 5px; z-index: 3 } #b16 .e1716257056022 .atom { border-radius: 3000px; background-color: #ddd3b2 } #b16 .e1716257927053 { left: 810px; top: 509px; width: 260px; height: 1px; z-index: 3 } #b16 .e1716257927053 .atom { background-color: #404447 } #b16 .e1716431838818 { left: 0px; top: -120px; width: 100%; height: 200px; z-index: 3 } #b16 .e1716431838818 .atom { border-radius: 0px 0px 20px 20px; background-color: #0c0d0e } @media (max-width: 959px) { #b16 { --h: 1222px; --w: 320px } #b16 .e1716257188875 { left: 10px; top: 853px; width: 300px; height: 334px } #b16 .e1716257093642 { left: 10px; top: 204px; width: 300px; height: 300px } #b16 .e1716256855264 { left: 10px; top: 514px; width: 300px; height: 329px } #b16 .e1703125617230 { left: 30px; top: 534px; width: 240px } #b16 .e1703125617230 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b16 .e1703125659538 { left: 30px; top: 634px } #b16 .e1703125659538 .atom { font-size: 9px; line-height: 11px; white-space: normal; background-size: cover } #b16 .e1703125669745 { left: 30px; top: 873px } #b16 .e1703125669745 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b16 .e1703125669751 { left: 30px; top: 904px; width: 260px } #b16 .e1703125669751 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b16 .e1703125743393 { left: 45px; top: 671px } #b16 .e1703125743393 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b16 .e1703125743409 { left: 30px; top: 1028px } #b16 .e1703125743409 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b16 .e1703125743416 { left: 30px; top: 1059px; width: 260px } #b16 .e1703125743416 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b16 .e1703127144473 { left: 45px; top: 729px; width: 235px } #b16 .e1703127144473 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b16 .e1703127156909 { left: 45px; top: 775px; width: 210px } #b16 .e1703127156909 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b16 .e1703127383294 { left: 30px; top: 224px; width: 260px } #b16 .e1703127383294 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b16 .e1707387246877 { left: 30px; top: 428px; width: 173px; height: 23px } #b16 .e1707387246877 .atom { font-size: 9px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b16 .e1707387246877 .atom .btn__text { overflow: visible } #b16 .e1707387287282 { left: 30px; top: 461px; width: 100px; height: 23px } #b16 .e1707387287282 .atom { font-size: 9px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b16 .e1707387287282 .atom .btn__text { overflow: visible } #b16 .e1707387308466 { left: 140px; top: 461px; width: 131px; height: 23px } #b16 .e1707387308466 .atom { font-size: 9px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b16 .e1707387308466 .atom .btn__text { overflow: visible } #b16 .e1716256728578 { left: 10px; top: 70px; width: 270px; text-align: left } #b16 .e1716256728578 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b16 .e1716256999222 { left: 30px; top: 674px } #b16 .e1716257051021 { left: 30px; top: 732px } #b16 .e1716257056022 { left: 30px; top: 778px } #b16 .e1716257927053 { left: 30px; top: 1008px } #b16 .e1716431838818 { top: -200px; border-radius: 15px } #b16 .e1716431838818 .atom { border-radius: 15px; background-size: cover; opacity: 0 } } @media (hover) { #b16 .e1707387246877 .atom:hover::after { opacity: 0 } #b16 .e1707387246877 .atom:hover { animation-name: none } #b16 .e1707387287282 .atom:hover::after { opacity: 0 } #b16 .e1707387287282 .atom:hover { animation-name: none } #b16 .e1707387308466 .atom:hover::after { opacity: 0 } #b16 .e1707387308466 .atom:hover { animation-name: none } } @media (min-width: 960px) { #b16 .e1716431838818.is-anim-hidden { opacity: 0 } } /* b17 · Подход основанный на эволюционной биологии IMAGO – это легкий, быстрый… */ #b17 { --h: 730px; --w: 1200px; background-color: #171a1c } #b17 .e1716257188875 { left: 780px; top: 190px; width: 320px; height: 360px; z-index: 3 } #b17 .e1716257188875 .atom { border-radius: 10px; background-color: #2b2f33; --border-width: 1px; --border-color: #404447 } #b17 .e1716257093642 { left: 100px; top: 190px; width: 320px; height: 360px; z-index: 4 } #b17 .e1716257093642 .atom { border-radius: 10px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3338-6137-Img.png') } #b17 .e1716256855264 { left: 440px; top: 190px; width: 320px; height: 360px; z-index: 5 } #b17 .e1716256855264 .atom { border-radius: 10px; background-color: #2b2f33; --border-width: 1px; --border-color: #404447 } #b17 .e1703125617230 { left: 470px; top: 220px; width: 260px; height: auto; color: #ddd3b2; z-index: 6 } #b17 .e1703125617230 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b17 .e1703125669745 { left: 810px; top: 220px; width: 230px; height: auto; color: #ddd3b2; z-index: 7 } #b17 .e1703125669745 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b17 .e1703125669751 { left: 810px; top: 294px; width: 240px; height: auto; color: #ffffff; z-index: 8 } #b17 .e1703125669751 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b17 .e1703125743393 { left: 470px; top: 276px; width: 260px; height: auto; color: #ffffff; z-index: 9 } #b17 .e1703125743393 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b17 .e1703125743416 { left: 810px; top: 388px; width: 190px; height: auto; color: #ffffff; z-index: 10 } #b17 .e1703125743416 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b17 .e1703127144473 { left: 470px; top: 356px; width: 260px; height: auto; color: #ffffff; z-index: 11 } #b17 .e1703127144473 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b17 .e1703127156909 { left: 470px; top: 422px; width: 240px; height: auto; color: #ffffff; z-index: 12 } #b17 .e1703127156909 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b17 .e1703127383294 { left: 150px; top: 456px; width: 240px; height: auto; color: #ffffff; z-index: 13 } #b17 .e1703127383294 .atom { color: #ffffff; font-size: 16px; line-height: 16px; font-weight: 600; letter-spacing: -1px } #b17 .e1716256728578 { left: 300px; top: 50px; width: 600px; height: auto; color: #ffffff; text-align: center; z-index: 14 } #b17 .e1716256728578 .atom { color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.8px } #b17 .e1716258172800 { left: 810px; top: 450px; width: 260px; height: 70px; color: #2b2923; text-align: center; z-index: 15 } #b17 .e1716258172800 .atom { color: #2b2923; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: -0.4px; text-transform: uppercase; border-radius: 100px; background-position: center center; --speed-hover: 0.2s; --bg-color: #ddd3b2; --bg-image: none; --bg-hover-color: #c4bda5; --bg-hover-image: none; background-color: var(--bg-color,transparent); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b17 .e1716258172800 .atom::after { display: none } #b17 .e1716258172800 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #2b2923 } #b17 .e1716258172800 .atom .btn__border::before { display: none } #b17 .e1716258172800 .atom .btn__border::after { display: none } #b17 .e1716258270942 { left: 130px; top: 456px; width: 20px; height: auto; color: #ddd3b2; z-index: 16 } #b17 .e1716258270942 .atom { color: #ddd3b2; font-size: 20px; line-height: 20px; font-weight: 600; letter-spacing: -1.2px } #b17 .e1716431848183 { left: 0px; top: 710px; width: 100%; height: 200px; z-index: 17 } #b17 .e1716431848183 .atom { border-radius: 20px 20px 0px 0px; background-color: #0c0d0e } @media (max-width: 959px) { #b17 { --h: 1065px; --w: 320px } #b17 .e1716257188875 { left: 10px; top: 720px; width: 300px; height: 185px } #b17 .e1716257093642 { left: -10px; top: 93px; width: 340px; height: 340px } #b17 .e1716256855264 { left: 10px; top: 459px; width: 300px; height: 251px } #b17 .e1703125617230 { left: 30px; top: 479px; width: 240px } #b17 .e1703125617230 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b17 .e1703125669745 { left: 30px; top: 740px; width: 210px } #b17 .e1703125669745 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b17 .e1703125669751 { left: 30px; top: 803px; width: 260px } #b17 .e1703125669751 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b17 .e1703125743393 { left: 30px; top: 526px } #b17 .e1703125743393 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b17 .e1703125743416 { left: 30px; top: 861px; width: 260px } #b17 .e1703125743416 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b17 .e1703127144473 { left: 30px; top: 584px } #b17 .e1703127144473 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b17 .e1703127156909 { left: 30px; top: 630px; width: 260px } #b17 .e1703127156909 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b17 .e1703127383294 { left: 30px; top: 371px; width: 280px } #b17 .e1703127383294 .atom { letter-spacing: -0.8px; white-space: normal; background-size: cover } #b17 .e1716256728578 { left: 10px; top: 35px; width: 300px; text-align: left } #b17 .e1716256728578 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b17 .e1716258172800 { left: 10px; top: 935px; width: 300px; height: 60px } #b17 .e1716258172800 .atom { font-size: 10px; white-space: normal; background-size: cover } #b17 .e1716258172800 .atom .btn__text { overflow: visible } #b17 .e1716258270942 { left: 10px; top: 371px } #b17 .e1716258270942 .atom { font-size: 14px; line-height: 14px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b17 .e1716431848183 { top: 1065px; border-radius: 15px } #b17 .e1716431848183 .atom { border-radius: 15px; background-size: cover; opacity: 0 } } @media (hover) { #b17 .e1716258172800 .atom:hover::after { opacity: 0 } #b17 .e1716258172800 .atom:hover { animation-name: none; background-color: var(--bg-hover-color,var(--bg-color,transparent)) } } @media (min-width: 960px) { #b17 .e1716431848183.is-anim-hidden { opacity: 0 } } /* b20 · Хочу записаться на тренинг */ #b20 { --h: 230px; --w: 1200px; background-color: #0c0d0e } #b20 .e1716287523119 { left: 450px; top: 60px; width: 300px; height: 70px; color: #2b2923; text-align: center; z-index: 3 } #b20 .e1716287523119 .atom { color: #2b2923; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: -0.4px; text-transform: uppercase; border-radius: 100px; background-position: center center; --speed-hover: 0.2s; --bg-color: #ddd3b2; --bg-image: none; --bg-hover-color: #c4bda5; --bg-hover-image: none; background-color: var(--bg-color,transparent); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b20 .e1716287523119 .atom::after { display: none } #b20 .e1716287523119 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #2b2923 } #b20 .e1716287523119 .atom .btn__border::before { display: none } #b20 .e1716287523119 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b20 { --h: 160px; --w: 320px } #b20 .e1716287523119 { left: 10px; top: 30px; height: 60px } #b20 .e1716287523119 .atom { font-size: 10px; white-space: normal; background-size: cover } #b20 .e1716287523119 .atom .btn__text { overflow: visible } } @media (hover) { #b20 .e1716287523119 .atom:hover::after { opacity: 0 } #b20 .e1716287523119 .atom:hover { animation-name: none; background-color: var(--bg-hover-color,var(--bg-color,transparent)) } } /* b21 · Окружение — один из самых сильных факторов влияющих на твой прогресс в… */ #b21 { --h: 838px; --w: 1200px; background-color: #0c0d0e } #b21 .e1716606739371 { left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; pointer-events: none } #b21 .e1716606739371 .atom { background-position: center bottom; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6136-3734-Img.jpg') } #b21 .e1716606805743 { left: 0px; top: 0px; width: 100%; height: 100%; z-index: 4 } #b21 .e1716606805743 .atom { background-image: linear-gradient(0turn,rgba(12,13,14,1) 20%,rgba(12,13,14,0.2) 50%,rgba(12,13,14,1) 100%) } #b21 .e1716609874692 { left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5 } #b21 .e1716609874692 .atom { background-image: linear-gradient(0.251turn,rgba(12,13,14,1) 0%,rgba(12,13,14,0) 15%,rgba(12,13,14,0) 85%,rgba(12,13,14,1) 100%) } #b21 .e1703123174669 { left: 290px; top: 480px; width: 620px; height: auto; color: #f5f5f5; text-align: center; z-index: 6 } #b21 .e1703123174669 .atom { color: #f5f5f5; font-size: 24px; line-height: 24px; font-weight: 600; letter-spacing: -1.2px } #b21 .e1716286161033 { left: 100px; top: 558px; width: 235px; height: 180px; z-index: 7 } #b21 .e1716286161033 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b21 .e1716286161014 { left: 130px; top: 588px; width: 175px; height: auto; color: #ddd3b2; z-index: 8 } #b21 .e1716286161014 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b21 .e1716286160999 { left: 130px; top: 616px; width: 155px; height: auto; color: #ffffff; z-index: 9 } #b21 .e1716286160999 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b21 .e1716286323613 { left: 355px; top: 558px; width: 235px; height: 180px; z-index: 10 } #b21 .e1716286323613 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b21 .e1716286323605 { left: 385px; top: 588px; width: 175px; height: auto; color: #ddd3b2; z-index: 11 } #b21 .e1716286323605 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b21 .e1716286323590 { left: 385px; top: 616px; width: 175px; height: auto; color: #ffffff; z-index: 12 } #b21 .e1716286323590 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b21 .e1716286445147 { left: 610px; top: 558px; width: 235px; height: 180px; z-index: 13 } #b21 .e1716286445147 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b21 .e1716286445140 { left: 640px; top: 588px; width: 175px; height: auto; color: #ddd3b2; z-index: 14 } #b21 .e1716286445140 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b21 .e1716286445133 { left: 640px; top: 634px; width: 175px; height: auto; color: #ffffff; z-index: 15 } #b21 .e1716286445133 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b21 .e1716286445126 { left: 865px; top: 558px; width: 235px; height: 180px; z-index: 16 } #b21 .e1716286445126 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b21 .e1716286445118 { left: 895px; top: 588px; width: 135px; height: auto; color: #ddd3b2; z-index: 17 } #b21 .e1716286445118 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } #b21 .e1716286445108 { left: 895px; top: 652px; width: 145px; height: auto; color: #ffffff; z-index: 18 } #b21 .e1716286445108 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b21 .e1716605859471 { left: 260px; top: 100px; width: 680px; height: auto; color: #ffffff; text-align: center; z-index: 19 } #b21 .e1716605859471 .atom { color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.8px } @media (max-width: 959px) { #b21 { --h: 884px; --w: 320px } #b21 .e1716606739371 { height: 410px } #b21 .e1716606805743 { height: 410px } #b21 .e1716606805743 .atom { background-image: linear-gradient(0turn,rgba(12,13,14,1) 0%,rgba(12,13,14,0.2) 55%,rgba(12,13,14,1) 100%); background-color: transparent; background-position: center center; background-size: cover } #b21 .e1716609874692 { height: 410px } #b21 .e1716609874692 .atom { background-color: transparent; background-position: center center; background-size: cover } #b21 .e1703123174669 { left: 15px; top: 330px; width: 290px; text-align: left } #b21 .e1703123174669 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b21 .e1716286161033 { left: 10px; top: 408px; width: 300px; height: 90px } #b21 .e1716286161014 { left: 30px; top: 428px; width: 260px } #b21 .e1716286161014 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b21 .e1716286160999 { left: 30px; top: 454px; width: 166px } #b21 .e1716286160999 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b21 .e1716286323613 { left: 10px; top: 508px; width: 300px; height: 90px } #b21 .e1716286323605 { left: 30px; top: 528px; width: 105px } #b21 .e1716286323605 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b21 .e1716286323590 { left: 30px; top: 554px; width: 180px } #b21 .e1716286323590 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b21 .e1716286445147 { left: 10px; top: 608px; width: 300px; height: 90px } #b21 .e1716286445140 { left: 30px; top: 628px; width: 260px } #b21 .e1716286445140 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b21 .e1716286445133 { left: 30px; top: 654px; width: 227px } #b21 .e1716286445133 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b21 .e1716286445126 { left: 10px; top: 708px; width: 300px; height: 106px } #b21 .e1716286445118 { left: 30px; top: 728px; width: 204px } #b21 .e1716286445118 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b21 .e1716286445108 { left: 30px; top: 770px; width: 219px } #b21 .e1716286445108 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b21 .e1716605859471 { left: 10px; top: 70px; width: 300px; text-align: left } #b21 .e1716605859471 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } } /* b22 · Посмотри истории ребят, они сами расскажут, как их жизнь изменилась на… */ #b22 { --h: 280px; --w: 1200px; background-color: #0c0d0e } #b22 .e1703134391750 { left: 1058px; top: 190px; width: 30px; z-index: 3 } #b22 .e1716286883669 { left: 310px; top: 100px; width: 580px; height: auto; color: #ffffff; text-align: center; z-index: 4 } #b22 .e1716286883669 .atom { color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.8px } @media (max-width: 959px) { #b22 { --h: 230px; --w: 320px } #b22 .e1703134391750 { left: 286px; top: 176px; width: 24px } #b22 .e1716286883669 { left: 10px; top: 70px; width: 240px; text-align: left } #b22 .e1716286883669 .atom { font-size: 26px; line-height: 26px; white-space: normal; background-size: cover } } /* b23 · Открыватель 3 поток Появилась уверенность и здоровый похуизм, ушел стр… */ #b23 { --h: 570px; --w: 1200px; height: auto; background-color: #0c0d0e; overflow-x: visible; overflow-y: hidden } #b23 .e1734148429537 { left: 2820px; top: 0px; width: 320px; height: 570px; z-index: 3 } #b23 .e1734148429537 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429543 { left: 2840px; top: 496px; width: 280px; height: 54px; z-index: 4 } #b23 .e1734148429543 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429549 { left: 2840px; top: 373px; width: 280px; height: 103px; z-index: 5 } #b23 .e1734148429549 .atom { border-radius: 10px; background-color: #2b2f33 } #b23 .e1734148429554 { left: 2825px; top: 5px; width: 310px; height: 200px; z-index: 6; pointer-events: none } #b23 .e1734148429554 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3737-3936-Icon.svg') } #b23 .e1734148429560 { left: 2902px; top: 20px; width: 85px; height: 20px; color: #f5f5f5; text-align: center; z-index: 7; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429560 .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 } #b23 .e1734148429560 .atom::after { display: none } #b23 .e1734148429560 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429560 .atom .btn__border::before { display: none } #b23 .e1734148429560 .atom .btn__border::after { display: none } #b23 .e1734148429563 { left: 2840px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 8; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429563 .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 } #b23 .e1734148429563 .atom::after { display: none } #b23 .e1734148429563 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429563 .atom .btn__border::before { display: none } #b23 .e1734148429563 .atom .btn__border::after { display: none } #b23 .e1734148429567 { left: 2855px; top: 405px; width: 235px; height: auto; color: #ffffff; z-index: 9 } #b23 .e1734148429567 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429573 { left: 3095px; top: 398px; width: 10px; z-index: 10; pointer-events: none } #b23 .e1734148429583 { left: 2855px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 11 } #b23 .e1734148429583 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429592 { left: 2840px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 12 } #b23 .e1734148429592 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429597 { left: 2855px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 13; pointer-events: none } #b23 .e1734148429597 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429604 { left: 2840px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 14 } #b23 .e1734148429604 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429612 { left: 2840px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 15 } #b23 .e1734148429612 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1734148429619 { left: 2840px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 16 } #b23 .e1734148429619 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b23 .e1734148429624 { left: 2480px; top: 0px; width: 320px; height: 570px; z-index: 17 } #b23 .e1734148429624 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429630 { left: 2500px; top: 496px; width: 280px; height: 54px; z-index: 18 } #b23 .e1734148429630 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429634 { left: 2500px; top: 373px; width: 280px; height: 103px; z-index: 19 } #b23 .e1734148429634 .atom { border-radius: 10px; background-color: #2b2f33 } #b23 .e1734148429639 { left: 2485px; top: 5px; width: 310px; height: 200px; z-index: 20 } #b23 .e1734148429639 .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') } #b23 .e1734148429644 { left: 2485px; top: 5px; width: 310px; height: 200px; z-index: 21; pointer-events: none } #b23 .e1734148429644 .atom { border-radius: 10px; opacity: 0.3; background-color: #0c0d0e } #b23 .e1734148429649 { left: 2562px; top: 20px; width: 66px; height: 20px; color: #f5f5f5; text-align: center; z-index: 22; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429649 .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 } #b23 .e1734148429649 .atom::after { display: none } #b23 .e1734148429649 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429649 .atom .btn__border::before { display: none } #b23 .e1734148429649 .atom .btn__border::after { display: none } #b23 .e1734148429652 { left: 2500px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 23; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429652 .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 } #b23 .e1734148429652 .atom::after { display: none } #b23 .e1734148429652 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429652 .atom .btn__border::before { display: none } #b23 .e1734148429652 .atom .btn__border::after { display: none } #b23 .e1734148429656 { left: 2515px; top: 405px; width: 255px; height: auto; color: #ffffff; z-index: 24 } #b23 .e1734148429656 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429661 { left: 2755px; top: 518px; width: 10px; z-index: 25; pointer-events: none } #b23 .e1734148429671 { left: 2515px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 26 } #b23 .e1734148429671 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429682 { left: 2500px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 27 } #b23 .e1734148429682 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429689 { left: 2515px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 28; pointer-events: none } #b23 .e1734148429689 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429695 { left: 2500px; top: 297px; width: 280px; height: auto; color: #ffffff; z-index: 29 } #b23 .e1734148429695 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429702 { left: 2500px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 30 } #b23 .e1734148429702 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1734148429708 { left: 2500px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 31 } #b23 .e1734148429708 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b23 .e1734148429713 { left: 2140px; top: 0px; width: 320px; height: 570px; z-index: 32 } #b23 .e1734148429713 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429718 { left: 2160px; top: 496px; width: 280px; height: 54px; z-index: 33 } #b23 .e1734148429718 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429723 { left: 2160px; top: 373px; width: 280px; height: 103px; z-index: 34 } #b23 .e1734148429723 .atom { border-radius: 10px; background-color: #2b2f33 } #b23 .e1734148429728 { left: 2145px; top: 5px; width: 310px; height: 200px; z-index: 35 } #b23 .e1734148429728 .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') } #b23 .e1734148429732 { left: 2145px; top: 5px; width: 310px; height: 200px; z-index: 36; pointer-events: none } #b23 .e1734148429732 .atom { border-radius: 10px; opacity: 0.2; background-color: #0c0d0e } #b23 .e1734148429737 { left: 2160px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 37 } #b23 .e1734148429737 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429744 { left: 2160px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 38 } #b23 .e1734148429744 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1734148429750 { left: 2175px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 39; pointer-events: none } #b23 .e1734148429750 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429755 { left: 2160px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 40 } #b23 .e1734148429755 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429761 { left: 2175px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 41 } #b23 .e1734148429761 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429766 { left: 2415px; top: 518px; width: 10px; z-index: 42; pointer-events: none } #b23 .e1734148429778 { left: 2175px; top: 405px; width: 255px; height: auto; color: #ffffff; z-index: 43 } #b23 .e1734148429778 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429790 { left: 2160px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 44; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429790 .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 } #b23 .e1734148429790 .atom::after { display: none } #b23 .e1734148429790 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429790 .atom .btn__border::before { display: none } #b23 .e1734148429790 .atom .btn__border::after { display: none } #b23 .e1734148429793 { left: 2222px; top: 20px; width: 66px; height: 20px; color: #f5f5f5; text-align: center; z-index: 45; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429793 .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 } #b23 .e1734148429793 .atom::after { display: none } #b23 .e1734148429793 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429793 .atom .btn__border::before { display: none } #b23 .e1734148429793 .atom .btn__border::after { display: none } #b23 .e1734148429797 { left: 2160px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 46 } #b23 .e1734148429797 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b23 .e1734148429803 { left: 1800px; top: 0px; width: 320px; height: 570px; z-index: 47 } #b23 .e1734148429803 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429809 { left: 1820px; top: 496px; width: 280px; height: 54px; z-index: 48 } #b23 .e1734148429809 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429813 { left: 1820px; top: 373px; width: 280px; height: 103px; z-index: 49 } #b23 .e1734148429813 .atom { border-radius: 10px; background-color: #2b2f33 } #b23 .e1734148429818 { left: 1805px; top: 5px; width: 310px; height: 200px; z-index: 50 } #b23 .e1734148429818 .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') } #b23 .e1734148429823 { left: 1805px; top: 5px; width: 310px; height: 200px; z-index: 51; pointer-events: none } #b23 .e1734148429823 .atom { border-radius: 10px; opacity: 0.4; background-color: #0c0d0e } #b23 .e1734148429828 { left: 1820px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 52 } #b23 .e1734148429828 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1734148429834 { left: 1820px; top: 297px; width: 260px; height: auto; color: #ffffff; z-index: 53 } #b23 .e1734148429834 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429839 { left: 1835px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 54; pointer-events: none } #b23 .e1734148429839 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429845 { left: 1820px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 55 } #b23 .e1734148429845 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429850 { left: 1835px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 56 } #b23 .e1734148429850 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429856 { left: 2075px; top: 518px; width: 10px; z-index: 57; pointer-events: none } #b23 .e1734148429866 { left: 1835px; top: 405px; width: 240px; height: auto; color: #ffffff; z-index: 58 } #b23 .e1734148429866 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429880 { left: 1820px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 59; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429880 .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 } #b23 .e1734148429880 .atom::after { display: none } #b23 .e1734148429880 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429880 .atom .btn__border::before { display: none } #b23 .e1734148429880 .atom .btn__border::after { display: none } #b23 .e1734148429883 { left: 1882px; top: 20px; width: 59px; height: 20px; color: #f5f5f5; text-align: center; z-index: 60; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429883 .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 } #b23 .e1734148429883 .atom::after { display: none } #b23 .e1734148429883 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429883 .atom .btn__border::before { display: none } #b23 .e1734148429883 .atom .btn__border::after { display: none } #b23 .e1734148429888 { left: 1820px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 61 } #b23 .e1734148429888 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b23 .e1734148429894 { left: 1460px; top: 0px; width: 320px; height: 570px; z-index: 62 } #b23 .e1734148429894 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429900 { left: 1480px; top: 496px; width: 280px; height: 54px; z-index: 63 } #b23 .e1734148429900 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429905 { left: 1480px; top: 373px; width: 280px; height: 103px; z-index: 64 } #b23 .e1734148429905 .atom { border-radius: 10px; background-color: #2b2f33 } #b23 .e1734148429910 { left: 1465px; top: 5px; width: 310px; height: 200px; z-index: 65; pointer-events: none } #b23 .e1734148429910 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3236-6639-Icon.svg') } #b23 .e1734148429916 { left: 1542px; top: 20px; width: 66px; height: 20px; color: #f5f5f5; text-align: center; z-index: 66; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429916 .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 } #b23 .e1734148429916 .atom::after { display: none } #b23 .e1734148429916 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429916 .atom .btn__border::before { display: none } #b23 .e1734148429916 .atom .btn__border::after { display: none } #b23 .e1734148429919 { left: 1480px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 67; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148429919 .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 } #b23 .e1734148429919 .atom::after { display: none } #b23 .e1734148429919 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148429919 .atom .btn__border::before { display: none } #b23 .e1734148429919 .atom .btn__border::after { display: none } #b23 .e1734148429922 { left: 1495px; top: 405px; width: 250px; height: auto; color: #ffffff; z-index: 68 } #b23 .e1734148429922 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429929 { left: 1735px; top: 518px; width: 10px; z-index: 69; pointer-events: none } #b23 .e1734148429939 { left: 1495px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 70 } #b23 .e1734148429939 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429953 { left: 1480px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 71 } #b23 .e1734148429953 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429958 { left: 1495px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 72; pointer-events: none } #b23 .e1734148429958 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148429964 { left: 1480px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 73 } #b23 .e1734148429964 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148429971 { left: 1480px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 74 } #b23 .e1734148429971 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1734148429983 { left: 1120px; top: 0px; width: 320px; height: 570px; z-index: 75 } #b23 .e1734148429983 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429988 { left: 1140px; top: 496px; width: 280px; height: 54px; z-index: 76 } #b23 .e1734148429988 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1734148429993 { left: 1140px; top: 373px; width: 280px; height: 103px; z-index: 77 } #b23 .e1734148429993 .atom { border-radius: 10px; background-color: #2b2f33 } #b23 .e1734148429998 { left: 1125px; top: 5px; width: 310px; height: 200px; z-index: 78; pointer-events: none } #b23 .e1734148429998 .atom { border-radius: 10px; background-color: #2b2f33; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6231-3364-Icon.svg') } #b23 .e1734148430009 { left: 1140px; top: 225px; width: 160px; height: auto; color: #ddd3b2; z-index: 79 } #b23 .e1734148430009 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1734148430015 { left: 1140px; top: 297px; width: 290px; height: auto; color: #ffffff; z-index: 80 } #b23 .e1734148430015 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148430021 { left: 1155px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 81; pointer-events: none } #b23 .e1734148430021 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430028 { left: 1140px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 82 } #b23 .e1734148430028 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430035 { left: 1155px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 83 } #b23 .e1734148430035 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430041 { left: 1395px; top: 518px; width: 10px; z-index: 84; pointer-events: none } #b23 .e1734148430051 { left: 1155px; top: 405px; width: 255px; height: auto; color: #ffffff; z-index: 85 } #b23 .e1734148430051 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148430068 { left: 1140px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 86; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148430068 .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 } #b23 .e1734148430068 .atom::after { display: none } #b23 .e1734148430068 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148430068 .atom .btn__border::before { display: none } #b23 .e1734148430068 .atom .btn__border::after { display: none } #b23 .e1734148430071 { left: 1202px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 87; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148430071 .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 } #b23 .e1734148430071 .atom::after { display: none } #b23 .e1734148430071 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148430071 .atom .btn__border::before { display: none } #b23 .e1734148430071 .atom .btn__border::after { display: none } #b23 .e1734148430083 { left: 440px; top: 0px; width: 320px; height: 570px; z-index: 88 } #b23 .e1734148430083 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b23 .e1734148430093 { left: 460px; top: 496px; width: 280px; height: 54px; z-index: 89 } #b23 .e1734148430093 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1734148430101 { left: 460px; top: 373px; width: 280px; height: 103px; z-index: 90 } #b23 .e1734148430101 .atom { border-radius: 10px; background-color: #2b2f33 } #b23 .e1734148430107 { left: 445px; top: 5px; width: 310px; height: 200px; z-index: 91; pointer-events: none } #b23 .e1734148430107 .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') } #b23 .e1734148430114 { left: 460px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 92 } #b23 .e1734148430114 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b23 .e1734148430121 { left: 522px; top: 20px; width: 109px; height: 20px; color: #f5f5f5; text-align: center; z-index: 93; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148430121 .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 } #b23 .e1734148430121 .atom::after { display: none } #b23 .e1734148430121 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148430121 .atom .btn__border::before { display: none } #b23 .e1734148430121 .atom .btn__border::after { display: none } #b23 .e1734148430125 { left: 460px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 94; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148430125 .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 } #b23 .e1734148430125 .atom::after { display: none } #b23 .e1734148430125 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148430125 .atom .btn__border::before { display: none } #b23 .e1734148430125 .atom .btn__border::after { display: none } #b23 .e1734148430129 { left: 475px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 95 } #b23 .e1734148430129 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148430137 { left: 715px; top: 518px; width: 10px; z-index: 96; pointer-events: none } #b23 .e1734148430147 { left: 475px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 97 } #b23 .e1734148430147 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430165 { left: 460px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 98 } #b23 .e1734148430165 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430172 { left: 475px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 99; pointer-events: none } #b23 .e1734148430172 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430179 { left: 460px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 100 } #b23 .e1734148430179 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148430185 { left: 460px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 101 } #b23 .e1734148430185 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1734148430192 { left: 800px; top: 43px; width: 120px; height: auto; color: #ffffff; z-index: 102 } #b23 .e1734148430192 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b23 .e1734148430198 { left: 100px; top: 0px; width: 320px; height: 570px; z-index: 103 } #b23 .e1734148430198 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b23 .e1734148430204 { left: 120px; top: 496px; width: 280px; height: 54px; z-index: 104 } #b23 .e1734148430204 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1734148430211 { left: 120px; top: 373px; width: 280px; height: 103px; z-index: 105 } #b23 .e1734148430211 .atom { border-radius: 10px; background-color: #2b2f33 } #b23 .e1734148430217 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 106 } #b23 .e1734148430217 .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') } #b23 .e1734148430223 { left: 105px; top: 5px; width: 310px; height: 200px; z-index: 107; pointer-events: none } #b23 .e1734148430223 .atom { border-radius: 10px; opacity: 0.2; background-color: #0c0d0e } #b23 .e1734148430229 { left: 120px; top: 248px; width: 120px; height: auto; color: #ffffff; z-index: 108 } #b23 .e1734148430229 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase; opacity: 0.6 } #b23 .e1734148430236 { left: 120px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 109; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148430236 .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 } #b23 .e1734148430236 .atom::after { display: none } #b23 .e1734148430236 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148430236 .atom .btn__border::before { display: none } #b23 .e1734148430236 .atom .btn__border::after { display: none } #b23 .e1734148430239 { left: 135px; top: 405px; width: 245px; height: auto; color: #ffffff; z-index: 110 } #b23 .e1734148430239 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148430247 { left: 375px; top: 518px; width: 10px; z-index: 111; pointer-events: none } #b23 .e1734148430258 { left: 135px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 112 } #b23 .e1734148430258 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430276 { left: 120px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 113 } #b23 .e1734148430276 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430282 { left: 135px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 114; pointer-events: none } #b23 .e1734148430282 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430290 { left: 120px; top: 297px; width: 270px; height: auto; color: #ffffff; z-index: 115 } #b23 .e1734148430290 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148430298 { left: 120px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 116 } #b23 .e1734148430298 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1734148430304 { left: 780px; top: 0px; width: 320px; height: 570px; z-index: 117 } #b23 .e1734148430304 .atom { border-radius: 15px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b23 .e1734148430310 { left: 800px; top: 496px; width: 280px; height: 54px; z-index: 118 } #b23 .e1734148430310 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b23 .e1734148430316 { left: 800px; top: 373px; width: 280px; height: 103px; z-index: 119 } #b23 .e1734148430316 .atom { border-radius: 10px; background-color: #2b2f33 } #b23 .e1734148430321 { left: 785px; top: 5px; width: 310px; height: 200px; z-index: 120; pointer-events: none } #b23 .e1734148430321 .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') } #b23 .e1734148430328 { left: 862px; top: 20px; width: 59px; height: 20px; color: #f5f5f5; text-align: center; z-index: 121; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148430328 .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 } #b23 .e1734148430328 .atom::after { display: none } #b23 .e1734148430328 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148430328 .atom .btn__border::before { display: none } #b23 .e1734148430328 .atom .btn__border::after { display: none } #b23 .e1734148430331 { left: 800px; top: 20px; width: 57px; height: 20px; color: #f5f5f5; text-align: center; z-index: 122; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148430331 .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 } #b23 .e1734148430331 .atom::after { display: none } #b23 .e1734148430331 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148430331 .atom .btn__border::before { display: none } #b23 .e1734148430331 .atom .btn__border::after { display: none } #b23 .e1734148430335 { left: 815px; top: 405px; width: 220px; height: auto; color: #ffffff; z-index: 123 } #b23 .e1734148430335 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148430342 { left: 1055px; top: 518px; width: 10px; z-index: 124; pointer-events: none } #b23 .e1734148430353 { left: 815px; top: 388px; width: 230px; height: auto; color: #ffffff; z-index: 125 } #b23 .e1734148430353 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430372 { left: 800px; top: 280px; width: 260px; height: auto; color: #ffffff; z-index: 126 } #b23 .e1734148430372 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430380 { left: 815px; top: 511px; width: 200px; height: auto; color: #ffffff; z-index: 127; pointer-events: none } #b23 .e1734148430380 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b23 .e1734148430387 { left: 800px; top: 297px; width: 245px; height: auto; color: #ffffff; z-index: 128 } #b23 .e1734148430387 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b23 .e1734148430393 { left: 800px; top: 225px; width: 200px; height: auto; color: #ddd3b2; z-index: 129 } #b23 .e1734148430393 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b23 .e1734148430401 { left: 3140px; top: 0px; width: 100px; height: 100%; z-index: 130 } #b23 .e1734148430401 .atom { background-color: #0c0d0e } #b23 .e1734148483020 { left: 182px; top: 20px; width: 64px; height: 20px; color: #f5f5f5; text-align: center; z-index: 131; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 30px } #b23 .e1734148483020 .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 } #b23 .e1734148483020 .atom::after { display: none } #b23 .e1734148483020 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #f5f5f5 } #b23 .e1734148483020 .atom .btn__border::before { display: none } #b23 .e1734148483020 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b23 { --h: 532px; --w: 320px } #b23 .e1734148429537 { left: 2490px; width: 300px; height: 532px } #b23 .e1734148429543 { left: 2510px; top: 458px; width: 260px; border-radius: 10px } #b23 .e1734148429543 .atom { background-size: cover } #b23 .e1734148429549 { left: 2510px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b23 .e1734148429549 .atom { background-size: cover } #b23 .e1734148429554 { left: 2495px; width: 290px; height: 180px } #b23 .e1734148429560 { left: 2572px } #b23 .e1734148429560 .atom { white-space: normal; background-size: cover } #b23 .e1734148429560 .atom .btn__text { overflow: visible } #b23 .e1734148429563 { left: 2510px } #b23 .e1734148429563 .atom { white-space: normal; background-size: cover } #b23 .e1734148429563 .atom .btn__text { overflow: visible } #b23 .e1734148429567 { left: 2525px; top: 375px; width: 195px } #b23 .e1734148429567 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429573 { left: 2745px; top: 480px } #b23 .e1734148429573 .atom { background-size: cover; opacity: 1 } #b23 .e1734148429583 { left: 2525px; top: 358px; width: 158px } #b23 .e1734148429583 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429592 { left: 2510px; top: 258px; width: 158px } #b23 .e1734148429592 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429597 { left: 2525px; top: 473px; width: 190px } #b23 .e1734148429597 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429604 { left: 2510px; top: 275px; width: 220px } #b23 .e1734148429604 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429612 { left: 2510px; top: 205px; width: 215px } #b23 .e1734148429612 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1734148429619 { left: 2510px; top: 226px; width: 158px } #b23 .e1734148429619 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429624 { left: 2180px; width: 300px; height: 532px } #b23 .e1734148429630 { left: 2200px; top: 458px; width: 260px; border-radius: 10px } #b23 .e1734148429630 .atom { background-size: cover } #b23 .e1734148429634 { left: 2200px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b23 .e1734148429634 .atom { background-size: cover } #b23 .e1734148429639 { left: 2185px; width: 290px; height: 180px } #b23 .e1734148429644 { left: 2185px; width: 290px; height: 180px } #b23 .e1734148429649 { left: 2262px } #b23 .e1734148429649 .atom { white-space: normal; background-size: cover } #b23 .e1734148429649 .atom .btn__text { overflow: visible } #b23 .e1734148429652 { left: 2200px } #b23 .e1734148429652 .atom { white-space: normal; background-size: cover } #b23 .e1734148429652 .atom .btn__text { overflow: visible } #b23 .e1734148429656 { left: 2215px; top: 375px; width: 220px } #b23 .e1734148429656 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429661 { left: 2435px; top: 480px } #b23 .e1734148429661 .atom { background-size: cover; opacity: 1 } #b23 .e1734148429671 { left: 2215px; top: 358px; width: 158px } #b23 .e1734148429671 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429682 { left: 2200px; top: 258px; width: 158px } #b23 .e1734148429682 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429689 { left: 2215px; top: 473px; width: 190px } #b23 .e1734148429689 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429695 { left: 2200px; top: 275px; width: 220px } #b23 .e1734148429695 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429702 { left: 2200px; top: 205px; width: 215px } #b23 .e1734148429702 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1734148429708 { left: 2200px; top: 226px; width: 158px } #b23 .e1734148429708 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429713 { left: 1870px; width: 300px; height: 532px } #b23 .e1734148429718 { left: 1890px; top: 458px; width: 260px; border-radius: 10px } #b23 .e1734148429718 .atom { background-size: cover } #b23 .e1734148429723 { left: 1890px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b23 .e1734148429723 .atom { background-size: cover } #b23 .e1734148429728 { left: 1875px; width: 290px; height: 180px } #b23 .e1734148429732 { left: 1875px; width: 290px; height: 180px } #b23 .e1734148429737 { left: 1890px; top: 275px; width: 240px } #b23 .e1734148429737 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429744 { left: 1890px; top: 205px; width: 215px } #b23 .e1734148429744 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1734148429750 { left: 1905px; top: 473px; width: 190px } #b23 .e1734148429750 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429755 { left: 1890px; top: 258px; width: 158px } #b23 .e1734148429755 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429761 { left: 1905px; top: 358px; width: 158px } #b23 .e1734148429761 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429766 { left: 2125px; top: 480px } #b23 .e1734148429766 .atom { background-size: cover; opacity: 1 } #b23 .e1734148429778 { left: 1905px; top: 375px; width: 220px } #b23 .e1734148429778 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429790 { left: 1890px } #b23 .e1734148429790 .atom { white-space: normal; background-size: cover } #b23 .e1734148429790 .atom .btn__text { overflow: visible } #b23 .e1734148429793 { left: 1952px } #b23 .e1734148429793 .atom { white-space: normal; background-size: cover } #b23 .e1734148429793 .atom .btn__text { overflow: visible } #b23 .e1734148429797 { left: 1890px; top: 226px; width: 158px } #b23 .e1734148429797 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429803 { left: 1560px; width: 300px; height: 532px } #b23 .e1734148429809 { left: 1580px; top: 458px; width: 260px; border-radius: 10px } #b23 .e1734148429809 .atom { background-size: cover } #b23 .e1734148429813 { left: 1580px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b23 .e1734148429813 .atom { background-size: cover } #b23 .e1734148429818 { left: 1565px; width: 290px; height: 180px } #b23 .e1734148429823 { left: 1565px; width: 290px; height: 180px } #b23 .e1734148429828 { left: 1580px; top: 205px; width: 215px } #b23 .e1734148429828 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1734148429834 { left: 1580px; top: 275px; width: 240px } #b23 .e1734148429834 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429839 { left: 1595px; top: 473px; width: 190px } #b23 .e1734148429839 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429845 { left: 1580px; top: 258px; width: 158px } #b23 .e1734148429845 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429850 { left: 1595px; top: 358px; width: 158px } #b23 .e1734148429850 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429856 { left: 1815px; top: 480px } #b23 .e1734148429856 .atom { background-size: cover; opacity: 1 } #b23 .e1734148429866 { left: 1595px; top: 375px; width: 210px } #b23 .e1734148429866 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429880 { left: 1580px } #b23 .e1734148429880 .atom { white-space: normal; background-size: cover } #b23 .e1734148429880 .atom .btn__text { overflow: visible } #b23 .e1734148429883 { left: 1642px } #b23 .e1734148429883 .atom { white-space: normal; background-size: cover } #b23 .e1734148429883 .atom .btn__text { overflow: visible } #b23 .e1734148429888 { left: 1580px; top: 226px; width: 158px } #b23 .e1734148429888 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429894 { left: 1250px; width: 300px; height: 532px } #b23 .e1734148429900 { left: 1270px; top: 458px; width: 260px; border-radius: 10px } #b23 .e1734148429900 .atom { background-size: cover } #b23 .e1734148429905 { left: 1270px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b23 .e1734148429905 .atom { background-size: cover } #b23 .e1734148429910 { left: 1255px; width: 290px; height: 180px } #b23 .e1734148429916 { left: 1332px } #b23 .e1734148429916 .atom { white-space: normal; background-size: cover } #b23 .e1734148429916 .atom .btn__text { overflow: visible } #b23 .e1734148429919 { left: 1270px } #b23 .e1734148429919 .atom { white-space: normal; background-size: cover } #b23 .e1734148429919 .atom .btn__text { overflow: visible } #b23 .e1734148429922 { left: 1285px; top: 375px; width: 200px } #b23 .e1734148429922 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429929 { left: 1505px; top: 480px } #b23 .e1734148429929 .atom { background-size: cover; opacity: 1 } #b23 .e1734148429939 { left: 1285px; top: 358px; width: 158px } #b23 .e1734148429939 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429953 { left: 1270px; top: 258px; width: 158px } #b23 .e1734148429953 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429958 { left: 1285px; top: 473px; width: 190px } #b23 .e1734148429958 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148429964 { left: 1270px; top: 275px; width: 230px } #b23 .e1734148429964 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148429971 { left: 1270px; top: 205px; width: 215px } #b23 .e1734148429971 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1734148429983 { left: 940px; width: 300px; height: 532px } #b23 .e1734148429988 { left: 960px; top: 458px; width: 260px; border-radius: 10px } #b23 .e1734148429988 .atom { background-size: cover } #b23 .e1734148429993 { left: 960px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b23 .e1734148429993 .atom { background-size: cover } #b23 .e1734148429998 { left: 945px; width: 290px; height: 180px } #b23 .e1734148430009 { left: 960px; top: 205px; width: 215px } #b23 .e1734148430009 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1734148430015 { left: 960px; top: 275px; width: 260px } #b23 .e1734148430015 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148430021 { left: 975px; top: 473px; width: 190px } #b23 .e1734148430021 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430028 { left: 960px; top: 258px; width: 158px } #b23 .e1734148430028 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430035 { left: 975px; top: 358px; width: 158px } #b23 .e1734148430035 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430041 { left: 1195px; top: 480px } #b23 .e1734148430041 .atom { background-size: cover; opacity: 1 } #b23 .e1734148430051 { left: 975px; top: 375px; width: 205px } #b23 .e1734148430051 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148430068 { left: 960px } #b23 .e1734148430068 .atom { white-space: normal; background-size: cover } #b23 .e1734148430068 .atom .btn__text { overflow: visible } #b23 .e1734148430071 { left: 1022px } #b23 .e1734148430071 .atom { white-space: normal; background-size: cover } #b23 .e1734148430071 .atom .btn__text { overflow: visible } #b23 .e1734148430083 { left: 320px; width: 300px; height: 532px } #b23 .e1734148430093 { left: 340px; top: 458px; width: 260px; border-radius: 10px } #b23 .e1734148430093 .atom { background-size: cover } #b23 .e1734148430101 { left: 340px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b23 .e1734148430101 .atom { background-size: cover } #b23 .e1734148430107 { left: 325px; width: 290px; height: 180px } #b23 .e1734148430114 { left: 340px; top: 226px; width: 158px } #b23 .e1734148430114 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430121 { left: 402px } #b23 .e1734148430121 .atom { white-space: normal; background-size: cover } #b23 .e1734148430121 .atom .btn__text { overflow: visible } #b23 .e1734148430125 { left: 340px } #b23 .e1734148430125 .atom { white-space: normal; background-size: cover } #b23 .e1734148430125 .atom .btn__text { overflow: visible } #b23 .e1734148430129 { left: 355px; top: 375px; width: 230px } #b23 .e1734148430129 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148430137 { left: 575px; top: 480px } #b23 .e1734148430137 .atom { background-size: cover; opacity: 1 } #b23 .e1734148430147 { left: 355px; top: 358px; width: 158px } #b23 .e1734148430147 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430165 { left: 340px; top: 258px; width: 158px } #b23 .e1734148430165 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430172 { left: 355px; top: 473px; width: 190px } #b23 .e1734148430172 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430179 { left: 340px; top: 275px; width: 240px } #b23 .e1734148430179 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148430185 { left: 340px; top: 205px; width: 215px } #b23 .e1734148430185 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1734148430192 { left: 650px; top: 41px; width: 158px } #b23 .e1734148430192 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430198 { left: 10px; width: 300px; height: 532px } #b23 .e1734148430204 { left: 30px; top: 458px; width: 260px; border-radius: 10px } #b23 .e1734148430204 .atom { background-size: cover } #b23 .e1734148430211 { left: 30px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b23 .e1734148430211 .atom { background-size: cover } #b23 .e1734148430217 { left: 15px; width: 290px; height: 180px } #b23 .e1734148430223 { left: 15px; width: 290px; height: 180px } #b23 .e1734148430229 { left: 30px; top: 226px; width: 158px } #b23 .e1734148430229 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430236 { left: 30px } #b23 .e1734148430236 .atom { white-space: normal; background-size: cover } #b23 .e1734148430236 .atom .btn__text { overflow: visible } #b23 .e1734148430239 { left: 45px; top: 375px; width: 205px } #b23 .e1734148430239 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148430247 { left: 265px; top: 480px } #b23 .e1734148430247 .atom { background-size: cover; opacity: 1 } #b23 .e1734148430258 { left: 45px; top: 358px; width: 158px } #b23 .e1734148430258 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430276 { left: 30px; top: 258px; width: 158px } #b23 .e1734148430276 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430282 { left: 45px; top: 473px; width: 190px } #b23 .e1734148430282 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430290 { left: 30px; top: 275px; width: 240px } #b23 .e1734148430290 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148430298 { left: 30px; top: 205px; width: 215px } #b23 .e1734148430298 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1734148430304 { left: 630px; width: 300px; height: 532px } #b23 .e1734148430310 { left: 650px; top: 458px; width: 260px; border-radius: 10px } #b23 .e1734148430310 .atom { background-size: cover } #b23 .e1734148430316 { left: 650px; top: 343px; width: 260px; height: 95px; border-radius: 10px } #b23 .e1734148430316 .atom { background-size: cover } #b23 .e1734148430321 { left: 635px; width: 290px; height: 180px } #b23 .e1734148430328 { left: 712px } #b23 .e1734148430328 .atom { white-space: normal; background-size: cover } #b23 .e1734148430328 .atom .btn__text { overflow: visible } #b23 .e1734148430331 { left: 650px } #b23 .e1734148430331 .atom { white-space: normal; background-size: cover } #b23 .e1734148430331 .atom .btn__text { overflow: visible } #b23 .e1734148430335 { left: 665px; top: 375px; width: 230px } #b23 .e1734148430335 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148430342 { left: 885px; top: 480px } #b23 .e1734148430342 .atom { background-size: cover; opacity: 1 } #b23 .e1734148430353 { left: 665px; top: 358px; width: 158px } #b23 .e1734148430353 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430372 { left: 650px; top: 258px; width: 158px } #b23 .e1734148430372 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430380 { left: 665px; top: 473px; width: 190px } #b23 .e1734148430380 .atom { letter-spacing: -0.3px; white-space: normal; background-size: cover } #b23 .e1734148430387 { left: 650px; top: 275px; width: 260px } #b23 .e1734148430387 .atom { font-size: 10px; line-height: 12px; white-space: normal; background-size: cover } #b23 .e1734148430393 { left: 650px; top: 205px; width: 215px } #b23 .e1734148430393 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b23 .e1734148430401 { left: 2790px; width: 10px } #b23 .e1734148483020 { left: 92px } #b23 .e1734148483020 .atom { white-space: normal; background-size: cover } #b23 .e1734148483020 .atom .btn__text { overflow: visible } } @media (hover) { #b23 .e1734148429560 .atom:hover::after { opacity: 0 } #b23 .e1734148429560 .atom:hover { animation-name: none } #b23 .e1734148429563 .atom:hover::after { opacity: 0 } #b23 .e1734148429563 .atom:hover { animation-name: none } #b23 .e1734148429649 .atom:hover::after { opacity: 0 } #b23 .e1734148429649 .atom:hover { animation-name: none } #b23 .e1734148429652 .atom:hover::after { opacity: 0 } #b23 .e1734148429652 .atom:hover { animation-name: none } #b23 .e1734148429790 .atom:hover::after { opacity: 0 } #b23 .e1734148429790 .atom:hover { animation-name: none } #b23 .e1734148429793 .atom:hover::after { opacity: 0 } #b23 .e1734148429793 .atom:hover { animation-name: none } #b23 .e1734148429880 .atom:hover::after { opacity: 0 } #b23 .e1734148429880 .atom:hover { animation-name: none } #b23 .e1734148429883 .atom:hover::after { opacity: 0 } #b23 .e1734148429883 .atom:hover { animation-name: none } #b23 .e1734148429916 .atom:hover::after { opacity: 0 } #b23 .e1734148429916 .atom:hover { animation-name: none } #b23 .e1734148429919 .atom:hover::after { opacity: 0 } #b23 .e1734148429919 .atom:hover { animation-name: none } #b23 .e1734148430068 .atom:hover::after { opacity: 0 } #b23 .e1734148430068 .atom:hover { animation-name: none } #b23 .e1734148430071 .atom:hover::after { opacity: 0 } #b23 .e1734148430071 .atom:hover { animation-name: none } #b23 .e1734148430121 .atom:hover::after { opacity: 0 } #b23 .e1734148430121 .atom:hover { animation-name: none } #b23 .e1734148430125 .atom:hover::after { opacity: 0 } #b23 .e1734148430125 .atom:hover { animation-name: none } #b23 .e1734148430236 .atom:hover::after { opacity: 0 } #b23 .e1734148430236 .atom:hover { animation-name: none } #b23 .e1734148430328 .atom:hover::after { opacity: 0 } #b23 .e1734148430328 .atom:hover { animation-name: none } #b23 .e1734148430331 .atom:hover::after { opacity: 0 } #b23 .e1734148430331 .atom:hover { animation-name: none } #b23 .e1734148483020 .atom:hover::after { opacity: 0 } #b23 .e1734148483020 .atom:hover { animation-name: none } } /* b24 · попап #popup:case26 */ #b24 { --h: 746px; --w: 1200px } #b24 .e1733111685247 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b24 .e1733111685247 .atom { background-color: #212326 } #b24 .e1733111685264 { left: 640px; top: 570px; width: 495px; height: 116px; z-index: 4 } #b24 .e1733111685264 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b24 .e1733111685274 { left: 640px; top: 178px; width: 495px; height: 371px; z-index: 5 } #b24 .e1733111685274 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b24 .e1733111685285 { left: 887px; top: 198px; width: 1px; height: 331px; z-index: 6 } #b24 .e1733111685285 .atom { background-color: #303132 } #b24 .e1733111685293 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b24 .e1733111685293 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b24 .e1733111685301 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b24 .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') } #b24 .e1733111685308 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b24 .e1733111685308 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b24 .e1733111685318 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b24 .e1733111685318 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b24 .e1733111685326 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b24 .e1733111685326 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b24 .e1733111685335 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b24 .e1733111685335 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b24 .e1733111685344 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b24 .e1733111685344 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b24 .e1733111685357 { left: 660px; top: 590px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b24 .e1733111685357 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b24 .e1733111685365 { left: 660px; top: 618px; width: 375px; height: auto; color: #ffffff; z-index: 15 } #b24 .e1733111685365 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b24 { --h: 721px; --w: 320px } #b24 .e1733111685247 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b24 .e1733111685247 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b24 .e1733111685264 { left: 20px; top: 593px; width: 280px; height: 108px } #b24 .e1733111685274 { left: 20px; top: 240px; width: 280px; height: 333px } #b24 .e1733111685285 { left: 35px; top: 348px; width: 250px; height: 1px } #b24 .e1733111685293 { left: 20px; top: 83px; width: 180px } #b24 .e1733111685293 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b24 .e1733111685301 { left: 268px; top: 80px; width: 32px; height: 32px } #b24 .e1733111685308 { left: 35px; top: 255px; width: 250px } #b24 .e1733111685308 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b24 .e1733111685318 { left: 35px; top: 281px; width: 240px } #b24 .e1733111685318 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b24 .e1733111685326 { left: 20px; top: 155px; width: 230px } #b24 .e1733111685326 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b24 .e1733111685335 { left: 35px; top: 363px; width: 250px } #b24 .e1733111685335 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b24 .e1733111685344 { left: 35px; top: 389px; width: 250px } #b24 .e1733111685344 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b24 .e1733111685357 { left: 35px; top: 608px; width: 250px } #b24 .e1733111685357 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b24 .e1733111685365 { left: 35px; top: 634px; width: 250px } #b24 .e1733111685365 .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:case20 */ #b25 { --h: 550px; --w: 1200px } #b25 .e1733109650012 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b25 .e1733109650012 .atom { background-color: #212326 } #b25 .e1733109650025 { left: 640px; top: 362px; width: 495px; height: 116px; z-index: 4 } #b25 .e1733109650025 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b25 .e1733109650030 { left: 640px; top: 162px; width: 495px; height: 180px; z-index: 5 } #b25 .e1733109650030 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b25 .e1733109650036 { left: 887px; top: 182px; width: 1px; height: 140px; z-index: 6 } #b25 .e1733109650036 .atom { background-color: #303132 } #b25 .e1733109650041 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b25 .e1733109650041 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b25 .e1733109650047 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b25 .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') } #b25 .e1733109650053 { left: 660px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b25 .e1733109650053 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b25 .e1733109650058 { left: 660px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b25 .e1733109650058 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b25 .e1733109650064 { left: 640px; top: 110px; width: 400px; height: auto; color: #ffffff; z-index: 11 } #b25 .e1733109650064 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b25 .e1733109650070 { left: 910px; top: 182px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b25 .e1733109650070 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b25 .e1733109650076 { left: 910px; top: 210px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b25 .e1733109650076 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b25 .e1733109650083 { left: 660px; top: 382px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b25 .e1733109650083 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b25 .e1733109650088 { left: 660px; top: 410px; width: 380px; height: auto; color: #ffffff; z-index: 15 } #b25 .e1733109650088 .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 .e1733109650012 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b25 .e1733109650012 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b25 .e1733109650025 { left: 20px; top: 463px; width: 280px; height: 108px } #b25 .e1733109650030 { left: 20px; top: 214px; width: 280px; height: 229px } #b25 .e1733109650036 { left: 35px; top: 322px; width: 250px; height: 1px } #b25 .e1733109650041 { left: 20px; top: 83px; width: 180px } #b25 .e1733109650041 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b25 .e1733109650047 { left: 268px; top: 80px; width: 32px; height: 32px } #b25 .e1733109650053 { left: 35px; top: 229px; width: 250px } #b25 .e1733109650053 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b25 .e1733109650058 { left: 35px; top: 255px; width: 235px } #b25 .e1733109650058 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b25 .e1733109650064 { left: 20px; top: 155px; width: 220px } #b25 .e1733109650064 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b25 .e1733109650070 { left: 35px; top: 337px; width: 250px } #b25 .e1733109650070 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b25 .e1733109650076 { left: 35px; top: 363px; width: 250px } #b25 .e1733109650076 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b25 .e1733109650083 { left: 35px; top: 478px; width: 250px } #b25 .e1733109650083 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b25 .e1733109650088 { left: 35px; top: 504px; width: 250px } #b25 .e1733109650088 .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 · попап #popup:case23 */ #b26 { --h: 824px; --w: 1200px } #b26 .e1733111168572 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b26 .e1733111168572 .atom { background-color: #212326 } #b26 .e1733111168594 { left: 640px; top: 602px; width: 495px; height: 163px; z-index: 4 } #b26 .e1733111168594 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b26 .e1733111168605 { left: 640px; top: 178px; width: 495px; height: 403px; z-index: 5 } #b26 .e1733111168605 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b26 .e1733111168617 { left: 887px; top: 198px; width: 1px; height: 363px; z-index: 6 } #b26 .e1733111168617 .atom { background-color: #303132 } #b26 .e1733111168725 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b26 .e1733111168725 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b26 .e1733111168739 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b26 .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') } #b26 .e1733111168750 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b26 .e1733111168750 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b26 .e1733111168764 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b26 .e1733111168764 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b26 .e1733111168775 { left: 640px; top: 110px; width: 430px; height: auto; color: #ffffff; z-index: 11 } #b26 .e1733111168775 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b26 .e1733111168783 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b26 .e1733111168783 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b26 .e1733111168789 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b26 .e1733111168789 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b26 .e1733111168796 { left: 660px; top: 622px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b26 .e1733111168796 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b26 .e1733111168803 { left: 660px; top: 650px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b26 .e1733111168803 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b26 { --h: 791px; --w: 320px } #b26 .e1733111168572 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b26 .e1733111168572 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b26 .e1733111168594 { left: 20px; top: 587px; width: 280px; height: 185px } #b26 .e1733111168605 { left: 20px; top: 227px; width: 280px; height: 345px } #b26 .e1733111168617 { left: 35px; top: 335px; width: 250px; height: 1px } #b26 .e1733111168725 { left: 20px; top: 83px; width: 180px } #b26 .e1733111168725 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b26 .e1733111168739 { left: 268px; top: 80px; width: 32px; height: 32px } #b26 .e1733111168750 { left: 35px; top: 242px; width: 250px } #b26 .e1733111168750 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b26 .e1733111168764 { left: 35px; top: 268px; width: 235px } #b26 .e1733111168764 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b26 .e1733111168775 { left: 20px; top: 155px; width: 260px } #b26 .e1733111168775 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b26 .e1733111168783 { left: 35px; top: 350px; width: 250px } #b26 .e1733111168783 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b26 .e1733111168789 { left: 35px; top: 376px; width: 240px } #b26 .e1733111168789 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b26 .e1733111168796 { left: 35px; top: 602px; width: 250px } #b26 .e1733111168796 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b26 .e1733111168803 { left: 35px; top: 628px; width: 240px } #b26 .e1733111168803 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b26-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b27 · попап #popup:case31 */ #b27 { --h: 586px; --w: 1200px } #b27 .e1733112589146 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b27 .e1733112589146 .atom { background-color: #212326 } #b27 .e1733112589160 { left: 640px; top: 426px; width: 495px; height: 100px; z-index: 4 } #b27 .e1733112589160 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b27 .e1733112589168 { left: 640px; top: 178px; width: 495px; height: 228px; z-index: 5 } #b27 .e1733112589168 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b27 .e1733112589175 { left: 887px; top: 198px; width: 1px; height: 188px; z-index: 6 } #b27 .e1733112589175 .atom { background-color: #303132 } #b27 .e1733112589182 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b27 .e1733112589182 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b27 .e1733112589191 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b27 .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') } #b27 .e1733112589201 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b27 .e1733112589201 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b27 .e1733112589213 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b27 .e1733112589213 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b27 .e1733112589223 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b27 .e1733112589223 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b27 .e1733112589235 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b27 .e1733112589235 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b27 .e1733112589246 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b27 .e1733112589246 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b27 .e1733112589255 { left: 660px; top: 446px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b27 .e1733112589255 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b27 .e1733112589262 { left: 660px; top: 474px; width: 360px; height: auto; color: #ffffff; z-index: 15 } #b27 .e1733112589262 .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 .e1733112589146 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b27 .e1733112589146 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b27 .e1733112589160 { left: 20px; top: 507px; width: 280px; height: 82px } #b27 .e1733112589168 { left: 20px; top: 240px; width: 280px; height: 247px } #b27 .e1733112589175 { left: 35px; top: 392px; width: 250px; height: 1px } #b27 .e1733112589182 { left: 20px; top: 83px; width: 160px } #b27 .e1733112589182 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b27 .e1733112589191 { left: 268px; top: 80px; width: 32px; height: 32px } #b27 .e1733112589201 { left: 35px; top: 255px; width: 250px } #b27 .e1733112589201 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b27 .e1733112589213 { left: 35px; top: 281px; width: 235px } #b27 .e1733112589213 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b27 .e1733112589223 { left: 20px; top: 155px; width: 240px } #b27 .e1733112589223 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b27 .e1733112589235 { left: 35px; top: 407px; width: 250px } #b27 .e1733112589235 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b27 .e1733112589246 { left: 35px; top: 433px; width: 200px } #b27 .e1733112589246 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b27 .e1733112589255 { left: 35px; top: 522px; width: 250px } #b27 .e1733112589255 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b27 .e1733112589262 { left: 35px; top: 548px; width: 250px } #b27 .e1733112589262 .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:case36 */ #b28 { --h: 666px; --w: 1200px } #b28 .e1733113405494 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b28 .e1733113405494 .atom { background-color: #212326 } #b28 .e1733113405505 { left: 640px; top: 490px; width: 495px; height: 116px; z-index: 4 } #b28 .e1733113405505 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b28 .e1733113405511 { left: 640px; top: 178px; width: 495px; height: 292px; z-index: 5 } #b28 .e1733113405511 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b28 .e1733113405517 { left: 887px; top: 198px; width: 1px; height: 252px; z-index: 6 } #b28 .e1733113405517 .atom { background-color: #303132 } #b28 .e1733113405524 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b28 .e1733113405524 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b28 .e1733113405530 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b28 .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') } #b28 .e1733113405537 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b28 .e1733113405537 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b28 .e1733113405544 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b28 .e1733113405544 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b28 .e1733113405550 { left: 640px; top: 110px; width: 390px; height: auto; color: #ffffff; z-index: 11 } #b28 .e1733113405550 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b28 .e1733113405557 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b28 .e1733113405557 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b28 .e1733113405563 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b28 .e1733113405563 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b28 .e1733113405575 { left: 660px; top: 510px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b28 .e1733113405575 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b28 .e1733113405584 { left: 660px; top: 538px; width: 400px; height: auto; color: #ffffff; z-index: 15 } #b28 .e1733113405584 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b28 { --h: 708px; --w: 320px } #b28 .e1733113405494 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b28 .e1733113405494 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b28 .e1733113405505 { left: 20px; top: 567px; width: 280px; height: 121px } #b28 .e1733113405511 { left: 20px; top: 227px; width: 280px; height: 320px } #b28 .e1733113405517 { left: 35px; top: 400px; width: 250px; height: 1px } #b28 .e1733113405524 { left: 20px; top: 83px; width: 180px } #b28 .e1733113405524 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b28 .e1733113405530 { left: 268px; top: 80px; width: 32px; height: 32px } #b28 .e1733113405537 { left: 35px; top: 242px; width: 250px } #b28 .e1733113405537 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b28 .e1733113405544 { left: 35px; top: 268px; width: 250px } #b28 .e1733113405544 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b28 .e1733113405550 { left: 20px; top: 155px; width: 245px } #b28 .e1733113405550 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b28 .e1733113405557 { left: 35px; top: 415px; width: 250px } #b28 .e1733113405557 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b28 .e1733113405563 { left: 35px; top: 441px; width: 250px } #b28 .e1733113405563 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b28 .e1733113405575 { left: 35px; top: 582px; width: 250px } #b28 .e1733113405575 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b28 .e1733113405584 { left: 35px; top: 608px; width: 250px } #b28 .e1733113405584 .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:case37 */ #b29 { --h: 842px; --w: 1200px } #b29 .e1733111168572 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b29 .e1733111168572 .atom { background-color: #212326 } #b29 .e1733111168594 { left: 640px; top: 602px; width: 495px; height: 180px; z-index: 4 } #b29 .e1733111168594 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b29 .e1733111168605 { left: 640px; top: 178px; width: 495px; height: 403px; z-index: 5 } #b29 .e1733111168605 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b29 .e1733111168617 { left: 887px; top: 198px; width: 1px; height: 363px; z-index: 6 } #b29 .e1733111168617 .atom { background-color: #303132 } #b29 .e1733111168725 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b29 .e1733111168725 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b29 .e1733111168739 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b29 .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') } #b29 .e1733111168750 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b29 .e1733111168750 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b29 .e1733111168764 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b29 .e1733111168764 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b29 .e1733111168775 { left: 640px; top: 110px; width: 430px; height: auto; color: #ffffff; z-index: 11 } #b29 .e1733111168775 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b29 .e1733111168783 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b29 .e1733111168783 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b29 .e1733111168789 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b29 .e1733111168789 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b29 .e1733111168796 { left: 660px; top: 622px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b29 .e1733111168796 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b29 .e1733111168803 { left: 660px; top: 650px; width: 455px; height: auto; color: #ffffff; z-index: 15 } #b29 .e1733111168803 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b29 { --h: 806px; --w: 320px } #b29 .e1733111168572 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b29 .e1733111168572 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b29 .e1733111168594 { left: 20px; top: 587px; width: 280px; height: 199px } #b29 .e1733111168605 { left: 20px; top: 227px; width: 280px; height: 345px } #b29 .e1733111168617 { left: 35px; top: 335px; width: 250px; height: 1px } #b29 .e1733111168725 { left: 20px; top: 83px; width: 180px } #b29 .e1733111168725 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b29 .e1733111168739 { left: 268px; top: 80px; width: 32px; height: 32px } #b29 .e1733111168750 { left: 35px; top: 242px; width: 250px } #b29 .e1733111168750 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b29 .e1733111168764 { left: 35px; top: 268px; width: 235px } #b29 .e1733111168764 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b29 .e1733111168775 { left: 20px; top: 155px; width: 260px } #b29 .e1733111168775 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b29 .e1733111168783 { left: 35px; top: 350px; width: 250px } #b29 .e1733111168783 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b29 .e1733111168789 { left: 35px; top: 376px; width: 240px } #b29 .e1733111168789 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b29 .e1733111168796 { left: 35px; top: 602px; width: 250px } #b29 .e1733111168796 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b29 .e1733111168803 { left: 35px; top: 628px; width: 240px } #b29 .e1733111168803 .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 · попап #popup:case38 */ #b30 { --h: 793px; --w: 1200px } #b30 .e1733113728602 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b30 .e1733113728602 .atom { background-color: #212326 } #b30 .e1733113728615 { left: 640px; top: 602px; width: 495px; height: 132px; z-index: 4 } #b30 .e1733113728615 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b30 .e1733113728622 { left: 640px; top: 178px; width: 495px; height: 404px; z-index: 5 } #b30 .e1733113728622 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b30 .e1733113728629 { left: 887px; top: 198px; width: 1px; height: 364px; z-index: 6 } #b30 .e1733113728629 .atom { background-color: #303132 } #b30 .e1733113728636 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b30 .e1733113728636 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b30 .e1733113728643 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b30 .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') } #b30 .e1733113728649 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b30 .e1733113728649 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b30 .e1733113728655 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b30 .e1733113728655 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b30 .e1733113728662 { left: 640px; top: 110px; width: 345px; height: auto; color: #ffffff; z-index: 11 } #b30 .e1733113728662 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b30 .e1733113728668 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b30 .e1733113728668 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b30 .e1733113728674 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b30 .e1733113728674 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b30 .e1733113728680 { left: 660px; top: 622px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b30 .e1733113728680 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b30 .e1733113728686 { left: 660px; top: 650px; width: 410px; height: auto; color: #ffffff; z-index: 15 } #b30 .e1733113728686 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b30 { --h: 771px; --w: 320px } #b30 .e1733113728602 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b30 .e1733113728602 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b30 .e1733113728615 { left: 20px; top: 618px; width: 280px; height: 134px } #b30 .e1733113728622 { left: 20px; top: 227px; width: 280px; height: 371px } #b30 .e1733113728629 { left: 35px; top: 348px; width: 250px; height: 1px } #b30 .e1733113728636 { left: 20px; top: 83px; width: 180px } #b30 .e1733113728636 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b30 .e1733113728643 { left: 268px; top: 80px; width: 32px; height: 32px } #b30 .e1733113728649 { left: 35px; top: 242px; width: 250px } #b30 .e1733113728649 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b30 .e1733113728655 { left: 35px; top: 268px; width: 220px } #b30 .e1733113728655 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b30 .e1733113728662 { left: 20px; top: 155px; width: 230px } #b30 .e1733113728662 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b30 .e1733113728668 { left: 35px; top: 363px; width: 250px } #b30 .e1733113728668 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b30 .e1733113728674 { left: 35px; top: 389px; width: 250px } #b30 .e1733113728674 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b30 .e1733113728680 { left: 35px; top: 633px; width: 250px } #b30 .e1733113728680 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b30 .e1733113728686 { left: 35px; top: 659px; width: 221px } #b30 .e1733113728686 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } #b30-popup .popup__bg { background-color:rgba(0,0,0,0.60);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* b31 · попап #popup:case39 */ #b31 { --h: 746px; --w: 1200px } #b31 .e1733113920576 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b31 .e1733113920576 .atom { background-color: #212326 } #b31 .e1733113920590 { left: 640px; top: 554px; width: 495px; height: 132px; z-index: 4 } #b31 .e1733113920590 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b31 .e1733113920598 { left: 640px; top: 178px; width: 495px; height: 356px; z-index: 5 } #b31 .e1733113920598 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b31 .e1733113920605 { left: 887px; top: 198px; width: 1px; height: 316px; z-index: 6 } #b31 .e1733113920605 .atom { background-color: #303132 } #b31 .e1733113920613 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b31 .e1733113920613 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b31 .e1733113920624 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b31 .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') } #b31 .e1733113920631 { left: 660px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b31 .e1733113920631 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b31 .e1733113920639 { left: 660px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b31 .e1733113920639 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b31 .e1733113920649 { left: 640px; top: 110px; width: 475px; height: auto; color: #ffffff; z-index: 11 } #b31 .e1733113920649 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b31 .e1733113920661 { left: 910px; top: 198px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b31 .e1733113920661 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b31 .e1733113920671 { left: 910px; top: 226px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b31 .e1733113920671 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b31 .e1733113920683 { left: 660px; top: 574px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b31 .e1733113920683 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b31 .e1733113920693 { left: 660px; top: 602px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b31 .e1733113920693 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b31 { --h: 734px; --w: 320px } #b31 .e1733113920576 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b31 .e1733113920576 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b31 .e1733113920590 { left: 20px; top: 580px; width: 280px; height: 134px } #b31 .e1733113920598 { left: 20px; top: 201px; width: 280px; height: 359px } #b31 .e1733113920605 { left: 35px; top: 348px; width: 250px; height: 1px } #b31 .e1733113920613 { left: 20px; top: 83px; width: 248px } #b31 .e1733113920613 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b31 .e1733113920624 { left: 268px; top: 80px; width: 32px; height: 32px } #b31 .e1733113920631 { left: 35px; top: 216px; width: 250px } #b31 .e1733113920631 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b31 .e1733113920639 { left: 35px; top: 242px; width: 250px } #b31 .e1733113920639 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b31 .e1733113920649 { left: 20px; top: 129px; width: 260px } #b31 .e1733113920649 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b31 .e1733113920661 { left: 35px; top: 363px; width: 250px } #b31 .e1733113920661 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b31 .e1733113920671 { left: 35px; top: 389px; width: 250px } #b31 .e1733113920671 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b31 .e1733113920683 { left: 35px; top: 595px; width: 250px } #b31 .e1733113920683 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b31 .e1733113920693 { left: 35px; top: 621px; width: 230px } #b31 .e1733113920693 .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:case41 */ #b32 { --h: 810px; --w: 1200px } #b32 .e1733114351032 { left: 600px; top: 0px; width: 600px; height: max(100%, calc(100vh / var(--zoom))); z-index: 3 } #b32 .e1733114351032 .atom { background-color: #212326 } #b32 .e1733114351052 { left: 640px; top: 602px; width: 495px; height: 148px; z-index: 4 } #b32 .e1733114351052 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b32 .e1733114351061 { left: 640px; top: 194px; width: 495px; height: 388px; z-index: 5 } #b32 .e1733114351061 .atom { border-radius: 10px; --border-width: 1px; --border-color: #303132 } #b32 .e1733114351070 { left: 887px; top: 214px; width: 1px; height: 348px; z-index: 6 } #b32 .e1733114351070 .atom { background-color: #303132 } #b32 .e1733114351080 { left: 640px; top: 60px; width: 495px; height: auto; color: #f5f5f5; z-index: 7 } #b32 .e1733114351080 .atom { color: #f5f5f5; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b32 .e1733114351093 { left: 550px; top: 20px; width: 40px; height: 40px; z-index: 8 } #b32 .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') } #b32 .e1733114351102 { left: 660px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 9 } #b32 .e1733114351102 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b32 .e1733114351115 { left: 660px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 10 } #b32 .e1733114351115 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b32 .e1733114351137 { left: 640px; top: 110px; width: 410px; height: auto; color: #ffffff; z-index: 11 } #b32 .e1733114351137 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b32 .e1733114351152 { left: 910px; top: 214px; width: 205px; height: auto; color: #ddd3b2; z-index: 12 } #b32 .e1733114351152 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b32 .e1733114351162 { left: 910px; top: 242px; width: 205px; height: auto; color: #ffffff; z-index: 13 } #b32 .e1733114351162 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } #b32 .e1733114351175 { left: 660px; top: 622px; width: 455px; height: auto; color: #ddd3b2; z-index: 14 } #b32 .e1733114351175 .atom { color: #ddd3b2; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b32 .e1733114351185 { left: 660px; top: 650px; width: 440px; height: auto; color: #ffffff; z-index: 15 } #b32 .e1733114351185 .atom { color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.5px } @media (max-width: 959px) { #b32 { --h: 786px; --w: 320px } #b32 .e1733114351032 { left: 0px; top: 60px; width: 100%; height: max(calc(100% - 60px), calc(100vh / var(--zoom) - 60px)); border-radius: 15px 15px 0 0} #b32 .e1733114351032 .atom { border-radius: 15px 15px 0 0; background-size: cover } #b32 .e1733114351052 { left: 20px; top: 606px; width: 280px; height: 160px } #b32 .e1733114351061 { left: 20px; top: 240px; width: 280px; height: 346px } #b32 .e1733114351070 { left: 35px; top: 348px; width: 250px; height: 1px } #b32 .e1733114351080 { left: 20px; top: 83px; width: 180px } #b32 .e1733114351080 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b32 .e1733114351093 { left: 268px; top: 80px; width: 32px; height: 32px } #b32 .e1733114351102 { left: 35px; top: 255px; width: 250px } #b32 .e1733114351102 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b32 .e1733114351115 { left: 35px; top: 281px; width: 250px } #b32 .e1733114351115 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b32 .e1733114351137 { left: 20px; top: 155px; width: 280px } #b32 .e1733114351137 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b32 .e1733114351152 { left: 35px; top: 363px; width: 250px } #b32 .e1733114351152 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b32 .e1733114351162 { left: 35px; top: 389px; width: 240px } #b32 .e1733114351162 .atom { font-size: 10px; line-height: 13px; letter-spacing: -0.4px; white-space: normal; background-size: cover } #b32 .e1733114351175 { left: 35px; top: 621px; width: 250px } #b32 .e1733114351175 .atom { font-size: 16px; line-height: 16px; white-space: normal; background-size: cover } #b32 .e1733114351185 { left: 35px; top: 647px; width: 240px } #b32 .e1733114351185 .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 · Смотреть больше историй */ #b33 { --h: 230px; --w: 1200px; background-color: #0c0d0e } #b33 .e1716287523119 { left: 450px; top: 60px; width: 300px; height: 70px; color: #2b2923; text-align: center; z-index: 3 } #b33 .e1716287523119 .atom { color: #2b2923; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: -0.4px; text-transform: uppercase; border-radius: 100px; background-position: center center; --speed-hover: 0.2s; --bg-color: #ddd3b2; --bg-image: none; --bg-hover-color: #c4bda5; --bg-hover-image: none; background-color: var(--bg-color,transparent); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b33 .e1716287523119 .atom::after { display: none } #b33 .e1716287523119 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #2b2923 } #b33 .e1716287523119 .atom .btn__border::before { display: none } #b33 .e1716287523119 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b33 { --h: 160px; --w: 320px } #b33 .e1716287523119 { left: 10px; top: 30px; height: 60px } #b33 .e1716287523119 .atom { font-size: 10px; white-space: normal; background-size: cover } #b33 .e1716287523119 .atom .btn__text { overflow: visible } } @media (hover) { #b33 .e1716287523119 .atom:hover::after { opacity: 0 } #b33 .e1716287523119 .atom:hover { animation-name: none; background-color: var(--bg-hover-color,var(--bg-color,transparent)) } } /* b34 · Посмотри как много информации мы превратим в твои навыки ( наведи на м… */ #b34 { --h: 282px; --w: 1200px; background-color: #0c0d0e } #b34 .e1716286883669 { left: 268px; top: 100px; width: 665px; height: auto; color: #ffffff; text-align: center; z-index: 3 } #b34 .e1716286883669 .atom { color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.8px } #b34 .e1716318583221 { left: 1140px; top: 180px; width: 40px; z-index: 4 } #b34 .e1716318583221 .atom { opacity: 0 } #b34 .e1716345240286 { left: 410px; top: 210px; width: 380px; height: auto; color: #ffffff; text-align: center; z-index: 5 } #b34 .e1716345240286 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.6px; text-transform: uppercase } @media (max-width: 959px) { #b34 { --h: 178px; --w: 320px } #b34 .e1716286883669 { left: 10px; top: 70px; width: 300px; text-align: left } #b34 .e1716286883669 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b34 .e1716318583221 { left: 286px; top: 95px; width: 24px } #b34 .e1716318583221 .atom { opacity: 1; background-size: cover } #b34 .e1716345240286 { left: 10px; top: 168px; width: 300px; text-align: left } #b34 .e1716345240286 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover; opacity: 0 } } /* b41 · Хочу записаться на тренинг */ #b41 { --h: 230px; --w: 1200px; background-color: #0c0d0e } #b41 .e1716287523119 { left: 450px; top: 60px; width: 300px; height: 70px; color: #2b2923; text-align: center; z-index: 3 } #b41 .e1716287523119 .atom { color: #2b2923; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: -0.4px; text-transform: uppercase; border-radius: 100px; background-position: center center; --speed-hover: 0.2s; --bg-color: #ddd3b2; --bg-image: none; --bg-hover-color: #c4bda5; --bg-hover-image: none; background-color: var(--bg-color,transparent); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #b41 .e1716287523119 .atom::after { display: none } #b41 .e1716287523119 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #2b2923 } #b41 .e1716287523119 .atom .btn__border::before { display: none } #b41 .e1716287523119 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b41 { --h: 160px; --w: 320px } #b41 .e1716287523119 { left: 10px; top: 30px; height: 60px } #b41 .e1716287523119 .atom { font-size: 10px; white-space: normal; background-size: cover } #b41 .e1716287523119 .atom .btn__text { overflow: visible } } @media (hover) { #b41 .e1716287523119 .atom:hover::after { opacity: 0 } #b41 .e1716287523119 .atom:hover { animation-name: none; background-color: var(--bg-hover-color,var(--bg-color,transparent)) } } /* b42 · Тариф с обраткой Доступ к первой ступени IMAGO (4 модуля, 21 урок) Дос… */ #b42 { --h: 1686px; --w: 1200px; background-color: #0c0d0e } #b42 .e1703146569368 { left: 610px; top: 284px; width: 320px; height: 1302px; z-index: 3 } #b42 .e1703146569368 .atom { border-radius: 10px; background-color: #1f2223; --border-width: 1px; --border-color: #303132 } #b42 .e1703145987868 { left: 270px; top: 284px; width: 320px; height: 1094px; z-index: 3 } #b42 .e1703145987868 .atom { border-radius: 10px; background-color: #222326; --border-width: 1px; --border-color: #303132 } #b42 .e1703145987876 { left: 300px; top: 314px; width: 267px; height: auto; color: #ddd3b2; z-index: 3 } #b42 .e1703145987876 .atom { color: #ddd3b2; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b42 .e1703145987882 { left: 300px; top: 374px; width: 267px; height: auto; color: #ffffff; z-index: 3 } #b42 .e1703145987882 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1703145987891 { left: 300px; top: 1046px; width: 267px; height: auto; color: #ddd3b2; z-index: 3 } #b42 .e1703145987891 .atom { color: #ddd3b2; font-size: 30px; line-height: 36px; font-weight: 600; letter-spacing: -1.2px } #b42 .e1703145987897 { left: 300px; top: 1092px; width: 227px; height: auto; color: #ffffff; z-index: 3 } #b42 .e1703145987897 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1703146178750 { left: 300px; top: 684px; width: 267px; height: auto; color: #ddd3b2; z-index: 3 } #b42 .e1703146178750 .atom { color: #ddd3b2; font-size: 12px; line-height: 14px; font-weight: 600; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1703146178756 { left: 300px; top: 708px; width: 267px; height: auto; color: #ffffff; z-index: 3 } #b42 .e1703146178756 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1703146569376 { left: 640px; top: 314px; width: 267px; height: auto; color: #ddd3b2; z-index: 3 } #b42 .e1703146569376 .atom { color: #ddd3b2; font-size: 30px; line-height: 30px; font-weight: 600; letter-spacing: -1.2px } #b42 .e1703146569383 { left: 640px; top: 374px; width: 260px; height: auto; color: #ffffff; z-index: 3 } #b42 .e1703146569383 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1703146569393 { left: 640px; top: 1254px; width: 267px; height: auto; color: #ddd3b2; z-index: 3 } #b42 .e1703146569393 .atom { color: #ddd3b2; font-size: 30px; line-height: 36px; font-weight: 600; letter-spacing: -1.2px } #b42 .e1703146569399 { left: 640px; top: 1300px; width: 227px; height: auto; color: #ffffff; z-index: 3 } #b42 .e1703146569399 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1703146569408 { left: 640px; top: 684px; width: 267px; height: auto; color: #ddd3b2; z-index: 3 } #b42 .e1703146569408 .atom { color: #ddd3b2; font-size: 12px; line-height: 14px; font-weight: 600; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1703146569415 { left: 640px; top: 708px; width: 267px; height: auto; color: #ffffff; z-index: 3 } #b42 .e1703146569415 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1703146640830 { left: 640px; top: 1046px; width: 267px; height: auto; color: #ddd3b2; z-index: 3 } #b42 .e1703146640830 .atom { color: #ddd3b2; font-size: 12px; line-height: 14px; font-weight: 600; letter-spacing: -0.4px; text-transform: uppercase } #b42 .e1703146640836 { left: 640px; top: 1070px; width: 260px; height: auto; color: #ffffff; z-index: 3 } #b42 .e1703146640836 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.4px } #b42 .e1716346538169 { left: 215px; top: 100px; width: 770px; height: auto; color: #ffffff; text-align: center; z-index: 3 } #b42 .e1716346538169 .atom { color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.8px } #b42 .e1716346538162 { left: 410px; top: 210px; width: 380px; height: auto; color: #f5f5f5; text-align: center; z-index: 3 } #b42 .e1716346538162 .atom { color: #f5f5f5; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.6px; text-transform: uppercase } #b42 .e1733925862565 { left: 300px; top: 1146px; width: 260px; height: 60px; color: #ffffff; text-align: center; z-index: 3 } #b42 .e1733925862565 .atom { color: #ffffff; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: -0.4px; text-transform: uppercase; border-radius: 10px; --border-width: 1px; --border-color: #37404a; --speed-hover: 0.2s; --border-color-hover: #4d5a67; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 } #b42 .e1733925862565 .atom::after { display: none } #b42 .e1733925862565 .atom .btn__content { column-gap: 10px } #b42 .e1733925862565 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #ffffff } #b42 .e1733925862565 .atom .btn__border::before { display: none } #b42 .e1733925862565 .atom .btn__border::after { display: none } #b42 .e1733925862572 { left: 640px; top: 1354px; width: 260px; height: 60px; color: #ffffff; text-align: center; z-index: 3 } #b42 .e1733925862572 .atom { color: #ffffff; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: -0.4px; text-transform: uppercase; border-radius: 10px; --border-width: 1px; --border-color: #37404a; --speed-hover: 0.2s; --border-color-hover: #4d5a67; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 } #b42 .e1733925862572 .atom::after { display: none } #b42 .e1733925862572 .atom .btn__content { column-gap: 10px } #b42 .e1733925862572 .atom .btn__text { transition: color var(--speed-hover,0s) ease-in-out; color: #ffffff } #b42 .e1733925862572 .atom .btn__border::before { display: none } #b42 .e1733925862572 .atom .btn__border::after { display: none } @media (max-width: 959px) { #b42 { --h: 2528px; --w: 320px } #b42 .e1703146569368 { left: 10px; top: 1254px; width: 300px; height: 1204px} #b42 .e1703145987868 { left: 10px; top: 235px; width: 300px; height: 999px} #b42 .e1703145987876 { left: 30px; top: 255px; width: 260px } #b42 .e1703145987876 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b42 .e1703145987882 { left: 30px; top: 301px; width: 260px } #b42 .e1703145987882 .atom { white-space: normal; background-size: cover } #b42 .e1703145987891 { left: 30px; top: 967px; width: 260px } #b42 .e1703145987891 .atom { font-size: 26px; line-height: 31px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b42 .e1703145987897 { left: 30px; top: 1008px; width: 180px } #b42 .e1703145987897 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1703146178750 { left: 30px; top: 601px; width: 260px } #b42 .e1703146178750 .atom { white-space: normal; background-size: cover } #b42 .e1703146178756 { left: 30px; top: 625px; width: 260px } #b42 .e1703146178756 .atom { white-space: normal; background-size: cover } #b42 .e1703146569376 { left: 30px; top: 1274px; width: 260px } #b42 .e1703146569376 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b42 .e1703146569383 { left: 30px; top: 1320px } #b42 .e1703146569383 .atom { white-space: normal; background-size: cover } #b42 .e1703146569393 { left: 30px; top: 2191px; width: 260px } #b42 .e1703146569393 .atom { font-size: 26px; line-height: 31px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b42 .e1703146569399 { left: 30px; top: 2232px; width: 180px } #b42 .e1703146569399 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1703146569408 { left: 30px; top: 1620px; width: 260px } #b42 .e1703146569408 .atom { white-space: normal; background-size: cover } #b42 .e1703146569415 { left: 30px; top: 1651px; width: 260px } #b42 .e1703146569415 .atom { white-space: normal; background-size: cover } #b42 .e1703146640830 { left: 30px; top: 1993px; width: 260px } #b42 .e1703146640830 .atom { white-space: normal; background-size: cover } #b42 .e1703146640836 { left: 30px; top: 2017px } #b42 .e1703146640836 .atom { white-space: normal; background-size: cover } #b42 .e1716346538169 { left: 10px; top: 70px; width: 240px; text-align: left } #b42 .e1716346538169 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.5px; white-space: normal; background-size: cover } #b42 .e1716346538162 { left: 10px; top: 194px; width: 300px; text-align: left } #b42 .e1716346538162 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b42 .e1733925862565 { left: 30px; top: 1050px} #b42 .e1733925862565 .atom { font-size: 10px; white-space: normal; background-size: cover } #b42 .e1733925862565 .atom .btn__text { overflow: visible } #b42 .e1733925862572 { left: 30px; top: 2274px } #b42 .e1733925862572 .atom { font-size: 10px; white-space: normal; background-size: cover } #b42 .e1733925862572 .atom .btn__text { overflow: visible } } @media (hover) { #b42 .e1733925862565 .atom:hover::after { opacity: 0 } #b42 .e1733925862565 .atom:hover { animation-name: none; border-color: var(--border-color-hover,var(--border-color,transparent)) } #b42 .e1733925862572 .atom:hover::after { opacity: 0 } #b42 .e1733925862572 .atom:hover { animation-name: none; border-color: var(--border-color-hover,var(--border-color,transparent)) } } /* b44 · FAQ Остались вопросы? Пиши в наш отдел заботы */ #b44 { --h: 100px; --w: 1200px; background-color: #0c0d0e; overflow: visible } #b44 .e1664626929098 { left: 100px; top: 100px; width: 480px; height: auto; color: #f5f5f5; z-index: 3 } #b44 .e1664626929098 .atom { color: #f5f5f5; font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1.8px } #b44 .e1716429993547 { left: 100px; top: 250px; width: 140px; height: 140px; z-index: 4; pointer-events: none } #b44 .e1716429993547 .atom { border-radius: 3000px; background-color: #212326; background-position: center center; background-size: cover; background-repeat: no-repeat; --border-width: 1px; --border-color: #303132; background-image: url('../img/tilda/3430-3961-Icon.svg') } #b44 .e1716429993538 { left: 220px; top: 250px; width: 140px; height: 140px; z-index: 5 } #b44 .e1716429993538 .atom { border-radius: 3000px; background-color: #ddd3b2 } #b44 .e1716429993530 { left: 220px; top: 250px; width: 140px; height: 140px; z-index: 6 } #b44 .e1716429993530 .atom { border-radius: 3000px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/3966-6333-Button.svg') } #b44 .e1716429993505 { left: 100px; top: 194px; width: 260px; height: auto; color: #f5f5f5; z-index: 7 } #b44 .e1716429993505 .atom { color: #f5f5f5; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1.2px } @media (max-width: 959px) { #b44 { --h: 126px; --w: 320px } #b44 .e1664626929098 { left: 10px; top: 70px; width: 260px; text-align: left } #b44 .e1664626929098 .atom { font-size: 26px; line-height: 26px; white-space: normal; background-size: cover } #b44 .e1716429993547 { left: 655px; top: 72px; width: 168px; height: 168px } #b44 .e1716429993538 { left: 774px; top: 72px; width: 168px; height: 168px } #b44 .e1716429993530 { left: 774px; top: 72px; width: 168px; height: 168px } #b44 .e1716429993505 { left: 655px; top: 0px; width: 343px } #b44 .e1716429993505 .atom { font-size: 20px; line-height: 20px; white-space: normal; background-size: cover } } @media (min-width: 960px) { #b44 .e1716429993538.is-anim-hidden { opacity: 0 } } /* b45 · Сколько времени нужно будет тратить на обучение? */ #b45 { --h: 58px; --w: 1200px; background-color: #0c0d0e } #b45 .e1664621191199 { left: 610px; top: 57px; width: 490px; height: 1px; z-index: 3 } #b45 .e1664621191199 .atom { background-color: #303132 } #b45 .e1694834449305 { left: 1080px; top: 24px; width: 10px; height: 10px; z-index: 4 } #b45 .e1664622611558 { left: 610px; top: 20px; width: 490px; height: auto; color: #f5f5f5; z-index: 5 } #b45 .e1664622611558 .atom { color: #f5f5f5; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b45 .e1664622662510 { left: 610px; top: 0px; width: 490px; height: 58px; z-index: 6 } #b45 .e1716409290336 { left: 610px; top: 0px; width: 490px; height: 1px; z-index: 7 } #b45 .e1716409290336 .atom { background-color: #303132 } @media (max-width: 959px) { #b45 { --h: 72px; --w: 320px } #b45 .e1664621191199 { left: 10px; top: 71px; width: 300px } #b45 .e1694834449305 { left: 290px; top: 31px } #b45 .e1664622611558 { left: 10px; width: 220px } #b45 .e1664622611558 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b45 .e1664622662510 { left: 0px; width: 320px; height: 72px } #b45 .e1716409290336 { left: 10px; width: 300px } } /* b46 · В среднем, занимаясь по 2-3 часа в день ты пройдешь весь материал за 1… */ #b46 { --h: 88px; --w: 1200px; background-color: #0c0d0e; overflow: visible } #b46 .e1694848487892 { left: 605px; top: 0px; width: 490px; height: 100%; z-index: 3 } #b46 .e1694848487892 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b46 .e1694839286087 { left: 635px; top: 30px; width: 323px; height: auto; color: #ffffff; z-index: 4 } #b46 .e1694839286087 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.6px } @media (max-width: 959px) { #b46 { --h: 64px; --w: 320px } #b46 .e1694848487892 { left: 10px; width: 300px } #b46 .e1694839286087 { left: 30px; top: 20px; width: 240px } #b46 .e1694839286087 .atom { font-size: 10px; line-height: 12px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } /* b47 · Если я пропущу урок, смогу ли посмотреть потом? */ #b47 { --h: 58px; --w: 1200px; background-color: #0c0d0e } #b47 .e1664621191199 { left: 610px; top: 57px; width: 490px; height: 1px; z-index: 3 } #b47 .e1664621191199 .atom { background-color: #303132 } #b47 .e1694834449305 { left: 1080px; top: 24px; width: 10px; height: 10px; z-index: 4 } #b47 .e1664622611558 { left: 610px; top: 20px; width: 490px; height: auto; color: #f5f5f5; z-index: 5 } #b47 .e1664622611558 .atom { color: #f5f5f5; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b47 .e1664622662510 { left: 610px; top: 0px; width: 490px; height: 58px; z-index: 6 } @media (max-width: 959px) { #b47 { --h: 72px; --w: 320px } #b47 .e1664621191199 { left: 10px; top: 71px; width: 300px } #b47 .e1694834449305 { left: 290px; top: 31px } #b47 .e1664622611558 { left: 10px; width: 220px } #b47 .e1664622611558 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b47 .e1664622662510 { left: 0px; width: 320px; height: 72px } } /* b48 · Да, все уроки будут в записи и ты их сможешь посмотреть в любое удобно… */ #b48 { --h: 88px; --w: 1200px; background-color: #0c0d0e; overflow: visible } #b48 .e1694848487892 { left: 610px; top: 0px; width: 490px; height: 100%; z-index: 3 } #b48 .e1694848487892 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b48 .e1694839286087 { left: 640px; top: 30px; width: 328px; height: auto; color: #ffffff; z-index: 4 } #b48 .e1694839286087 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.6px } @media (max-width: 959px) { #b48 { --h: 76px; --w: 320px } #b48 .e1694848487892 { left: 10px; width: 300px } #b48 .e1694839286087 { left: 30px; top: 20px; width: 260px } #b48 .e1694839286087 .atom { font-size: 10px; line-height: 12px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } /* b49 · Подойдет ли мне тренинг, если я не из Москвы? */ #b49 { --h: 58px; --w: 1200px; background-color: #0c0d0e } #b49 .e1664621191199 { left: 610px; top: 57px; width: 490px; height: 1px; z-index: 3 } #b49 .e1664621191199 .atom { background-color: #303132 } #b49 .e1694834449305 { left: 1080px; top: 24px; width: 10px; height: 10px; z-index: 4 } #b49 .e1664622611558 { left: 610px; top: 20px; width: 490px; height: auto; color: #f5f5f5; z-index: 5 } #b49 .e1664622611558 .atom { color: #f5f5f5; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b49 .e1664622662510 { left: 610px; top: 0px; width: 490px; height: 58px; z-index: 6 } @media (max-width: 959px) { #b49 { --h: 72px; --w: 320px } #b49 .e1664621191199 { left: 10px; top: 71px; width: 300px } #b49 .e1694834449305 { left: 290px; top: 31px } #b49 .e1664622611558 { left: 10px; width: 196px } #b49 .e1664622611558 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b49 .e1664622662510 { left: 0px; width: 320px; height: 72px } } /* b50 · Да, 100%. потому что все знания, которые ты получишь на тренинге ты см… */ #b50 { --h: 102px; --w: 1200px; background-color: #0c0d0e; overflow: visible } #b50 .e1694848487892 { left: 610px; top: 0px; width: 490px; height: 100%; z-index: 3 } #b50 .e1694848487892 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b50 .e1694839286087 { left: 640px; top: 30px; width: 430px; height: auto; color: #ffffff; z-index: 4 } #b50 .e1694839286087 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.6px } @media (max-width: 959px) { #b50 { --h: 76px; --w: 320px } #b50 .e1694848487892 { left: 10px; width: 300px } #b50 .e1694839286087 { left: 30px; top: 20px; width: 260px } #b50 .e1694839286087 .atom { font-size: 10px; line-height: 12px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } /* b51 · Что нужно для прохождения тренинга? */ #b51 { --h: 58px; --w: 1200px; background-color: #0c0d0e } #b51 .e1664621191199 { left: 610px; top: 57px; width: 490px; height: 1px; z-index: 3 } #b51 .e1664621191199 .atom { background-color: #303132 } #b51 .e1694834449305 { left: 1080px; top: 24px; width: 10px; height: 10px; z-index: 4 } #b51 .e1664622611558 { left: 610px; top: 20px; width: 490px; height: auto; color: #f5f5f5; z-index: 5 } #b51 .e1664622611558 .atom { color: #f5f5f5; font-size: 18px; line-height: 18px; font-weight: 600; letter-spacing: -1px } #b51 .e1664622662510 { left: 610px; top: 0px; width: 490px; height: 58px; z-index: 6 } @media (max-width: 959px) { #b51 { --h: 72px; --w: 320px } #b51 .e1664621191199 { left: 10px; top: 71px; width: 300px } #b51 .e1694834449305 { left: 290px; top: 31px } #b51 .e1664622611558 { left: 10px; width: 185px } #b51 .e1664622611558 .atom { font-size: 16px; line-height: 16px; letter-spacing: -0.8px; white-space: normal; background-size: cover } #b51 .e1664622662510 { left: 0px; width: 320px; height: 72px } } /* b52 · 2-3 часа свободного времени в день, интернет и желание пройти тренинг.… */ #b52 { --h: 88px; --w: 1200px; background-color: #0c0d0e; overflow: visible } #b52 .e1694848487892 { left: 610px; top: 0px; width: 490px; height: 100%; z-index: 3 } #b52 .e1694848487892 .atom { border-radius: 10px; background-color: #212326; --border-width: 1px; --border-color: #303132 } #b52 .e1694839286087 { left: 640px; top: 30px; width: 390px; height: auto; color: #ffffff; z-index: 4 } #b52 .e1694839286087 .atom { color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -0.6px } @media (max-width: 959px) { #b52 { --h: 76px; --w: 320px } #b52 .e1694848487892 { left: 10px; width: 300px } #b52 .e1694839286087 { left: 30px; top: 20px; width: 200px } #b52 .e1694839286087 .atom { font-size: 10px; line-height: 12px; letter-spacing: -0.4px; white-space: normal; background-size: cover } } /* b53 · Остались вопросы? Пиши в наш отдел заботы */ #b53 { --h: 438px; --w: 1200px; background-color: #0c0d0e; overflow: visible } #b53 .e1707534620058 { left: 20px; top: 198px; width: 140px; height: 140px; z-index: 3; pointer-events: none } #b53 .e1707534620058 .atom { border-radius: 3000px; background-color: #212326; background-position: center center; background-size: cover; background-repeat: no-repeat; --border-width: 1px; --border-color: #303132; background-image: url('../img/tilda/3462-3130-Icon.svg') } #b53 .e1707534506474 { left: 20px; top: 118px; width: 249px; height: auto; color: #ffffff; z-index: 4 } #b53 .e1707534506474 .atom { color: #ffffff; font-size: 20px; line-height: 20px; font-weight: 600; letter-spacing: -0.9px } #b53 .e1707534665387 { left: 140px; top: 198px; width: 140px; height: 140px; z-index: 5 } #b53 .e1707534665387 .atom { border-radius: 3000px; background-color: #ddd3b2 } #b53 .e1708106415683 { left: 140px; top: 198px; width: 140px; height: 140px; z-index: 6 } #b53 .e1708106415683 .atom { border-radius: 3000px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('../img/tilda/6562-6535-Button.svg') } @media (max-width: 959px) { #b53 { --h: 320px; --w: 320px } #b53 .e1707534620058 { left: 10px; top: 152px; width: 168px; height: 168px } #b53 .e1707534506474 { left: 10px; top: 70px; width: 300px } #b53 .e1707534506474 .atom { font-size: 26px; line-height: 26px; letter-spacing: -1.8px; white-space: normal; background-size: cover } #b53 .e1707534665387 { left: 142px; top: 152px; width: 168px; height: 168px } #b53 .e1708106415683 { left: 142px; top: 152px; width: 168px; height: 168px } } /* b54 · декор */ #b54 { --h: 100px; --w: 1200px; --zoom-ab: 1; background-color: #0c0d0e } @media (max-width: 959px) { #b54 { --h: 70px; --w: 320px } } /* b55 · Политика конфиденциальности Договор оферты IMAGO Разработка сайта ИП Б… */ #b55 { --h: 130px; --w: 1200px; background-color: #0c0d0e } #b55 .e1702493358238 { left: -100px; top: 0px; width: 1400px; height: 1px; z-index: 3 } #b55 .e1702493358238 .atom { border-radius: 1px; opacity: 0.1; background-color: #ffffff } #b55 .e1717503711656 { left: 445px; top: 36px; width: 199px; height: auto; color: #ffffff; z-index: 4 } #b55 .e1717503711656 .atom { color: #ffffff; font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b55 .e1717503711651 { left: 642px; top: 36px; width: 114px; height: auto; color: #ffffff; text-align: center; z-index: 5 } #b55 .e1717503711651 .atom { color: #ffffff; font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b55 .e1717503711642 { left: 100px; top: 33px; width: 23px; z-index: 6; pointer-events: none } #b55 .e1717503711636 { left: 128px; top: 33px; width: 70px; height: auto; color: #ddd3b2; z-index: 7 } #b55 .e1717503711636 .atom { color: #ddd3b2; font-size: 18px; line-height: 22px; font-weight: 300; letter-spacing: -1px; text-transform: uppercase } #b55 .e1717503711630 { left: 986px; top: 36px; width: 114px; height: auto; color: #ffffff; text-align: right; z-index: 8 } #b55 .e1717503711630 .atom { color: #ffffff; font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: -0.4px; text-transform: uppercase } #b55 .e1717503711622 { left: 100px; top: 64px; width: 320px; height: auto; color: #ffffff; z-index: 9 } #b55 .e1717503711622 .atom { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: -0.6px; opacity: 0.6 } @media (max-width: 959px) { #b55 { --h: 168px; --w: 320px } #b55 .e1702493358238 { left: 0px; width: 320px } #b55 .e1717503711656 { left: 10px; top: 95px; width: 300px; text-align: left } #b55 .e1717503711656 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b55 .e1717503711651 { left: 10px; top: 116px; width: 300px; text-align: left } #b55 .e1717503711651 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b55 .e1717503711642 { left: 10px; top: 21px; width: 20px } #b55 .e1717503711636 { left: 35px; top: 20px; width: 60px } #b55 .e1717503711636 .atom { font-size: 16px; line-height: 19px; white-space: normal; background-size: cover } #b55 .e1717503711630 { left: 10px; top: 137px; width: 300px; text-align: left } #b55 .e1717503711630 .atom { font-size: 9px; line-height: 11px; letter-spacing: -0.3px; white-space: normal; background-size: cover } #b55 .e1717503711622 { left: 10px; top: 49px; width: 240px } #b55 .e1717503711622 .atom { letter-spacing: -0.4px; white-space: normal; background-size: cover } } /* ---- step-by-step animations (hover / into view) ---- */ @keyframes sbs-b14-1718260854393 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854393-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854387 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854387-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854382 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854382-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854376 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854376-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854366 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854366-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854357 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854357-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854348 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854348-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854333 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260854333-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829801 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829801-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829793 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829793-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829785 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829785-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829779 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829779-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829772 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829772-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829766 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829766-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829756 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829756-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829741 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260829741-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260569355 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260569355-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260569340 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260569340-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260564598 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260564598-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260564582 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260564582-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260558433 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260558433-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260558417 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260558417-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260476147 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260476147-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260454326 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-860px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } } @keyframes sbs-b14-1718260454326-320 { 0% { transform:scale(1,1);opacity:1;animation-timing-function:linear; } 50.0% { transform:translateX(-730px) scale(1,1);opacity:1;animation-timing-function:linear; } 100% { transform:scale(1,1);opacity:1; } }