

/* Start:/local/templates/digital/components/bitrix/news.detail/seo-shop-page/style.css?178738855334189*/
.sshop { --c-ink: #1E005D; --c-accent: #5011D4; --c-pink: #B860BA; --c-lav: #F4F1FB; --c-white: #fff; --ink-70: rgba(30, 0, 93, .7); --ink-66: rgba(30, 0, 93, .66); --ink-60: rgba(30, 0, 93, .6); --ink-55: rgba(30, 0, 93, .55); --ink-50: rgba(30, 0, 93, .5); --ink-38: rgba(30, 0, 93, .38); --ink-12: rgba(30, 0, 93, .12); --ink-09: rgba(30, 0, 93, .09); --on-dark-75: rgba(255, 255, 255, .75); --on-dark-72: rgba(255, 255, 255, .72); --on-dark-60: rgba(255, 255, 255, .6); --on-dark-45: rgba(255, 255, 255, .45); --on-dark-16: rgba(255, 255, 255, .16); --on-dark-08: rgba(255, 255, 255, .08); --grad: linear-gradient(90deg, #1E005D 0%, #5011D4 100%); --rhythm: 130px; --gap: 10px; --r-card: 32px; --r-panel: 40px; --r-pill: 100px; --ease: cubic-bezier(.22, 1, .36, 1); }
.sshop .sec { padding: 0; margin: 0 0 var(--rhythm); }
.sshop .sec--hero { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(80,17,212,.1) 93.09%), #fff; padding: 180px 0 var(--rhythm); margin: 0; }
.sshop .sec--dark { background: var(--c-ink); padding: 110px 0; margin: 0 0 var(--rhythm); }
.sshop .sec--final { position: relative; background: var(--c-ink); padding: 120px 0 var(--rhythm); margin: 0; overflow: hidden; }
.sshop .sec__glow { position: absolute; top: -220px; left: -160px; width: 720px; height: 720px; border-radius: 720px; background: radial-gradient(circle, rgba(80,17,212,.5) 0%, rgba(80,17,212,0) 70%); pointer-events: none; }
.sshop .sec__inner { position: relative; }
.sshop .eyebrow { margin: 0 0 22px; font-size: 13px; font-weight: 600; letter-spacing: 1.4px; color: var(--c-accent); }
.sshop .eyebrow--light { color: #fff; opacity: .55; }
.sshop .eyebrow--muted { margin: 0 0 22px; font-size: 13px; font-weight: 600; letter-spacing: .4px; color: var(--ink-50); }
.sshop .h1 { margin: 0 0 26px; font-size: 64px; line-height: 64px; font-weight: 600; letter-spacing: -3.2px; color: var(--c-ink); text-wrap: pretty; }
.sshop .h2 { margin: 0 0 20px; font-size: 40px; line-height: 44px; font-weight: 600; letter-spacing: -2px; color: var(--c-ink); max-width: 1100px; text-wrap: pretty; }
.sshop .h2--light { color: #fff; }
.sshop .h2--tight { margin-bottom: 24px; }
.sshop .h3 { margin: 0; font-size: 20px; line-height: 24px; font-weight: 600; letter-spacing: -.8px; color: var(--c-ink); text-wrap: pretty; }
.sshop .lead { margin: 0 0 48px; font-size: 18px; line-height: 26px; letter-spacing: -.36px; color: rgba(30,0,93,.65); max-width: 900px; text-wrap: pretty; }
.sshop .lead--light { color: var(--on-dark-72); max-width: 960px; }
.sshop .lead--flow { margin-bottom: 18px; }
.sshop .p { margin: 0; font-size: 16px; line-height: 23px; color: var(--ink-66); text-wrap: pretty; }
.sshop .p--light { color: var(--on-dark-75); }
.sshop .p--big { font-size: 18px; line-height: 26px; letter-spacing: -.36px; max-width: 900px; }
.sshop .p--small { font-size: 14px; line-height: 20px; }
.sshop .p--fine { font-size: 14px; line-height: 20px; color: var(--ink-50); max-width: 900px; }
.sshop .hero__note { margin: 0 0 14px; font-size: 15px; line-height: 21px; color: var(--ink-60); max-width: 760px; text-wrap: pretty; }
.sshop .hero__zrimo { margin: 0; font-size: 15px; line-height: 21px; color: var(--ink-60); }
.sshop .hero__zrimo a { color: var(--c-accent); font-weight: 500; }
.sshop .grid { display: grid; gap: var(--gap); }
.sshop .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sshop .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sshop .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sshop .grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.sshop .grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.sshop .grid--12 { grid-template-columns: repeat(12, 1fr); align-items: stretch; }
.sshop .grid--start { align-items: start; }
.sshop .sshop_row { display: flex; gap: 60px; align-items: flex-start; }
.sshop .sshop_row--tight { gap: 50px; }
.sshop .sshop_row__main { flex: 1; min-width: 0; }
.sshop .stack { display: flex; flex-direction: column; gap: var(--gap); }
.sshop .mt-30 { margin-top: 30px; }
.sshop .mb-10 { margin-bottom: var(--gap); }
.sshop .mb-70 { margin-bottom: 70px; }
.sshop .card { background: #fff; border: 1px solid var(--ink-09); border-radius: var(--r-card); padding: 32px 28px; display: flex; flex-direction: column; gap: 12px; }
.sshop .card--lav { background: var(--c-lav); border-color: transparent; }
.sshop .card--dark { background: var(--c-ink); border-color: var(--c-ink); }
.sshop .card--accent { background: var(--c-accent); border-color: var(--c-accent); }
.sshop .card--corner-tl { border-radius: 0 var(--r-card) var(--r-card) var(--r-card); }
.sshop .card--corner-br { border-radius: var(--r-card) var(--r-card) 0 var(--r-card); }
.sshop .card--dark .h3, .sshop .card--accent .h3 { color: #fff; }
.sshop .card--dark .p, .sshop .card--accent .p { color: var(--on-dark-75); }
.sshop .card__n { font-size: 30px; line-height: 30px; font-weight: 700; letter-spacing: -1.4px; color: rgba(80,17,212,.35); }
.sshop .card--accent .card__n { color: rgba(255,255,255,.5); }
.sshop .card__link { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 500; color: var(--c-accent); }
.sshop .tp_card { text-decoration: none; transition: transform .35s var(--ease), box-shadow .35s ease; }
.sshop .tp_card:hover { transform: translateY(-5px); box-shadow: 0 24px 50px -30px rgba(30,0,93,.4); }
.sshop .stat { background: var(--c-lav); border-radius: 28px; padding: 30px 26px; display: flex; flex-direction: column; gap: 10px; }
.sshop .stat__v { font-size: 34px; line-height: 34px; font-weight: 700; letter-spacing: -1.5px; color: var(--c-ink); white-space: nowrap; }
.sshop .stat__v--sm { font-size: 26px; }
.sshop .stat__l { font-size: 14px; line-height: 19px; color: rgba(30,0,93,.62); }
.sshop .fact { background: #fff; border-radius: var(--r-card); padding: 26px 24px; display: flex; flex-direction: column; gap: 8px; }
.sshop .fact--corner-tl { border-radius: 0 var(--r-card) var(--r-card) var(--r-card); }
.sshop .fact--corner-br { border-radius: var(--r-card) var(--r-card) 0 var(--r-card); }
.sshop .fact__v { font-size: 28px; line-height: 28px; font-weight: 700; letter-spacing: -1.1px; color: var(--c-ink); }
.sshop .fact__v--sm { font-size: 21px; }
.sshop .fact__l { font-size: 14px; line-height: 19px; color: var(--ink-60); }
.sshop .term { background: var(--c-lav); border-radius: var(--r-card); padding: 36px 32px; display: flex; flex-direction: column; gap: 12px; }
.sshop .term__v { font-size: 36px; line-height: 38px; font-weight: 700; letter-spacing: -1.8px; color: var(--c-ink); white-space: nowrap; }
.sshop .term__l { font-size: 15px; line-height: 21px; color: var(--ink-66); text-wrap: pretty; }
.sshop .note { background: var(--c-lav); border-radius: 28px; padding: 30px 34px; display: flex; gap: 18px; align-items: flex-start; }
.sshop .note__dash { width: 22px; height: 2px; background: var(--c-accent); margin-top: 12px; flex-shrink: 0; }
.sshop .note__text { margin: 0; font-size: 17px; line-height: 25px; letter-spacing: -.4px; color: rgba(30,0,93,.78); text-wrap: pretty; }
.sshop .plate { background: var(--c-ink); border-radius: var(--r-card); padding: 48px; display: flex; gap: 44px; align-items: center; flex-wrap: wrap; }
.sshop .plate__main { flex: 1; min-width: 320px; }
.sshop .plate__h { margin: 0 0 12px; font-size: 30px; line-height: 34px; font-weight: 600; letter-spacing: -1.3px; color: #fff; text-wrap: pretty; }
.sshop .plate__d { margin: 0; font-size: 16px; line-height: 23px; color: rgba(255,255,255,.66); max-width: 680px; text-wrap: pretty; }
.sshop .plate--lav { background: var(--c-lav); padding: 34px 36px; justify-content: space-between; gap: 30px; }
.sshop .plate--lav .plate__h { color: var(--c-ink); font-size: 19px; line-height: 26px; letter-spacing: -.5px; font-weight: 500; max-width: 760px; margin: 0; }
.sshop .plate--light { background: #fff; border: 1px solid var(--ink-12); padding: 36px 32px; gap: 36px; }
.sshop .plate__badge { padding: 22px 30px; border-radius: var(--r-pill); background: var(--c-ink); color: #fff; font-size: 16px; font-weight: 500; white-space: nowrap; }
.sshop .btn-inv { background: #fff !important; color: var(--c-ink) !important; border-color: #fff !important; white-space: nowrap; }
.sshop .btn-fill { background: var(--c-ink) !important; color: #fff !important; border-color: var(--c-ink) !important; }
.sshop a.button:hover { background: var(--c-accent); color: #fff; border-color: var(--c-accent); }
.sshop .flow { background: var(--on-dark-08); border-radius: var(--r-card); padding: 34px 30px; display: flex; flex-direction: column; gap: 20px; }
.sshop .flow--accent { background: var(--c-accent); }
.sshop .flow--corner-tl { border-radius: 0 var(--r-card) var(--r-card) var(--r-card); }
.sshop .flow--corner-br { border-radius: var(--r-card) var(--r-card) 0 var(--r-card); }
.sshop .flow__t { font-size: 22px; line-height: 26px; font-weight: 600; letter-spacing: -.9px; color: #fff; }
.sshop .flow__steps { display: flex; flex-direction: column; gap: 10px; }
.sshop .flow__step { display: flex; align-items: center; gap: 12px; }
.sshop .flow__n { width: 26px; flex-shrink: 0; font-size: 12px; font-weight: 600; color: rgba(255,255,255,.4); }
.sshop .flow__label { flex: 1; min-width: 0; padding: 14px 18px; border-radius: 16px; background: rgba(255,255,255,.1); font-size: 15px; line-height: 20px; color: #fff; text-wrap: pretty; }
.sshop .step { background: #fff; border: 1px solid var(--ink-09); border-radius: var(--r-card); padding: 30px 28px; display: flex; flex-direction: column; gap: 10px; }
.sshop .step__n { font-size: 13px; font-weight: 700; color: var(--c-accent); }
.sshop .step__t { font-size: 20px; line-height: 24px; font-weight: 600; letter-spacing: -.8px; color: var(--c-ink); text-wrap: pretty; }
.sshop .step__d { font-size: 14px; line-height: 20px; color: var(--ink-66); text-wrap: pretty; }
.sshop .month { background: #fff; border: 1px solid var(--ink-09); border-radius: var(--r-card); padding: 34px 30px; display: flex; flex-direction: column; gap: 16px; }
.sshop .month--corner-tl { border-radius: 0 var(--r-card) var(--r-card) var(--r-card); }
.sshop .month--corner-br { border-radius: var(--r-card) var(--r-card) 0 var(--r-card); }
.sshop .month__cap { font-size: 13px; font-weight: 600; letter-spacing: .4px; color: var(--c-accent); }
.sshop .month__t { font-size: 21px; line-height: 25px; font-weight: 600; letter-spacing: -.8px; color: var(--c-ink); text-wrap: pretty; }
.sshop .month__plat { margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(30,0,93,.1); display: flex; gap: 10px; align-items: flex-start; }
.sshop .month__plat-text { font-size: 13px; line-height: 19px; color: var(--c-accent); text-wrap: pretty; }
.sshop .bullets { display: flex; flex-direction: column; gap: 9px; }
.sshop .bullet { display: flex; gap: 10px; align-items: flex-start; }
.sshop .bullet__dot { width: 5px; height: 5px; border-radius: 5px; background: var(--c-accent); margin-top: 8px; flex-shrink: 0; }
.sshop .bullet__dash { width: 14px; height: 2px; background: var(--c-pink); margin-top: 9px; flex-shrink: 0; }
.sshop .bullet__text { font-size: 14px; line-height: 20px; color: rgba(30,0,93,.74); text-wrap: pretty; }
.sshop .bullet--dark .bullet__dot { background: var(--c-pink); }
.sshop .bullet--dark .bullet__dash { background: rgba(255,255,255,.4); }
.sshop .bullet--dark .bullet__text { color: rgba(255,255,255,.82); }
.sshop .price { display: flex; gap: 44px; align-items: baseline; flex-wrap: wrap; margin-bottom: 48px; }
.sshop .price__v { font-size: 58px; line-height: 58px; font-weight: 700; letter-spacing: -2.9px; color: var(--c-ink); white-space: nowrap; }
.sshop .price__d { flex: 1; min-width: 360px; margin: 0; font-size: 17px; line-height: 25px; letter-spacing: -.34px; color: rgba(30,0,93,.65); text-wrap: pretty; }
.sshop .tariff { background: #fff; border: 1px solid var(--ink-12); border-radius: 36px; padding: 40px 34px; display: flex; flex-direction: column; gap: 18px; height: 100%; }
.sshop .tariff--accent { background: var(--c-lav); }
.sshop .tariff--dark { background: var(--c-ink); border-color: var(--c-ink); }
.sshop .tariff__top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sshop .tariff__name { font-size: 24px; font-weight: 700; letter-spacing: -.6px; color: var(--c-ink); }
.sshop .tariff__badge { padding: 6px 14px; border-radius: var(--r-pill); background: var(--c-accent); color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap; }
.sshop .tariff__mark { margin-left: auto; }
.sshop .tariff__sub { font-size: 16px; line-height: 22px; color: var(--ink-66); text-wrap: pretty; }
.sshop .tariff__price { font-size: 30px; line-height: 30px; font-weight: 700; letter-spacing: -1.1px; color: var(--c-ink); text-wrap: pretty; }
.sshop .tariff__price--long { font-size: 19px; }
.sshop .tariff__hr { height: 1px; background: rgba(30,0,93,.1); }
.sshop .tariff__cap { font-size: 13px; font-weight: 600; letter-spacing: .4px; color: var(--ink-50); }
.sshop .tariff--dark .tariff__name, .sshop .tariff--dark .tariff__price { color: #fff; }
.sshop .tariff--dark .tariff__sub { color: var(--on-dark-72); }
.sshop .tariff--dark .tariff__hr { background: var(--on-dark-16); }
.sshop .tariff--dark .tariff__cap { color: rgba(255,255,255,.55); }
.sshop .cmp_wrap { border: 1px solid var(--ink-12); border-radius: var(--r-card); overflow: auto; background: #fff; }
.sshop .cmp_grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; min-width: 760px; }
.sshop .cmp__h { padding: 20px 18px; font-size: 16px; font-weight: 700; letter-spacing: -.4px; color: var(--c-ink); background: var(--c-lav); }
.sshop .cmp__h--works { font-size: 13px; font-weight: 600; letter-spacing: .4px; color: var(--ink-50); }
.sshop .cmp__h--plat { color: var(--c-accent); }
.sshop .cmp__c { padding: 16px 18px; font-size: 14px; line-height: 19px; color: rgba(30,0,93,.8); border-top: 1px solid rgba(30,0,93,.08); display: flex; align-items: center; }
.sshop .cmp__c--head { color: var(--c-ink); font-weight: 500; }
.sshop .cmp__c--no { color: var(--ink-38); }
.sshop .cmp__c--last { background: var(--c-lav); font-weight: 600; }
.sshop .chain { background: var(--c-lav); border-radius: var(--r-card); padding: 36px; margin-bottom: var(--gap); }
.sshop .chain__row { display: flex; gap: var(--gap); align-items: stretch; flex-wrap: wrap; }
.sshop .chain__item { flex: 1; min-width: 180px; display: flex; align-items: stretch; gap: var(--gap); }
.sshop .chain__box { flex: 1; background: #fff; border-radius: 20px; padding: 20px 18px; font-size: 14px; line-height: 19px; color: var(--c-ink); display: flex; align-items: center; text-wrap: pretty; }
.sshop .chain__arrow { display: flex; align-items: center; font-size: 18px; color: var(--c-accent); flex-shrink: 0; }
.sshop .team__footer { margin: 0; font-size: 16px; line-height: 23px; color: var(--ink-70); }
.sshop .team__footer b { font-weight: 600; color: var(--c-ink); }
.sshop .report-plat { background: var(--c-accent); border-radius: var(--r-card); padding: 40px 36px; display: flex; gap: 32px; align-items: flex-start; flex-wrap: wrap; }
.sshop .report-plat__main { flex: 1; min-width: 320px; }
.sshop .report-plat__h { margin: 0 0 12px; font-size: 26px; line-height: 30px; font-weight: 600; letter-spacing: -1.1px; color: #fff; }
.sshop .report-plat__d { margin: 0; font-size: 16px; line-height: 23px; color: rgba(255,255,255,.82); text-wrap: pretty; }
.sshop .review { background: #fff; border: 1px solid var(--ink-12); border-radius: var(--r-card); padding: 34px 30px; display: flex; flex-direction: column; gap: 16px; }
.sshop .review--dark { background: var(--c-ink); border-color: var(--c-ink); }
.sshop .review__name { font-size: 17px; line-height: 22px; font-weight: 600; letter-spacing: -.5px; color: var(--c-ink); text-wrap: pretty; }
.sshop .review__text { font-size: 16px; line-height: 23px; color: rgba(30,0,93,.72); text-wrap: pretty; }
.sshop .review__src { margin-top: auto; padding-top: 8px; font-size: 13px; color: var(--ink-50); }
.sshop .review--dark .review__name { color: #fff; }
.sshop .review--dark .review__text { color: rgba(255,255,255,.8); }
.sshop .review--dark .review__src { color: rgba(255,255,255,.55); }
.sshop .sshop_faq_list { display: flex; flex-direction: column; gap: 8px; margin-top: 48px; }
.sshop .faq_it { background: #fff; border: 1px solid var(--ink-12); border-radius: 24px; overflow: hidden; }
.sshop .faq_q { width: 100%; display: flex; gap: 20px; align-items: center; padding: 26px 30px; background: none; border: 0; font: inherit; text-align: left; cursor: pointer; }
.sshop .faq_q__text { flex: 1; font-size: 19px; line-height: 25px; font-weight: 600; letter-spacing: -.6px; color: var(--c-ink); text-wrap: pretty; transition: color .2s ease; }
.sshop .faq_q:hover .faq_q__text { color: var(--c-accent); }
.sshop .faq_ic { width: 32px; height: 32px; border-radius: 32px; background: var(--c-lav); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 19px; color: var(--c-accent); transition: transform .35s var(--ease), background .25s ease, color .25s ease; }
.sshop .faq_it.open .faq_ic { transform: rotate(45deg); background: var(--c-accent); color: #fff; }
.sshop .faq_a { max-height: 0; overflow: hidden; transition: max-height .45s var(--ease); }
.sshop .faq_a__text { margin: 0; padding: 0 82px 28px 30px; font-size: 16px; line-height: 23px; color: var(--ink-70); text-wrap: pretty; }
.sshop .fin_grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 70px; align-items: start; }
.sshop .fin__h { margin: 0 0 28px; font-size: 56px; line-height: 56px; font-weight: 600; letter-spacing: -2.8px; color: #fff; text-wrap: pretty; }
.sshop .fin__p { margin: 0 0 18px; font-size: 18px; line-height: 26px; letter-spacing: -.36px; color: var(--on-dark-72); max-width: 620px; text-wrap: pretty; }
.sshop .fin__p:last-of-type { margin-bottom: 34px; }
.sshop .fin__contacts { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-bottom: 34px; }
.sshop .fin__msg { padding: 14px 26px; border-radius: var(--r-pill); border: 1px solid rgba(255,255,255,.28); font-size: 15px; font-weight: 500; color: #fff; transition: background .25s ease, color .25s ease; }
.sshop .fin__msg:hover { background: #fff; color: var(--c-ink); }
.sshop .fin__phone { font-size: 20px; font-weight: 600; letter-spacing: -.6px; color: #fff; white-space: nowrap; }
.sshop .fin__bottom { display: flex; align-items: flex-end; gap: 26px; }
.sshop .fin__stats { display: flex; flex-direction: column; gap: 12px; padding-bottom: 6px; }
.sshop .fin__stat { display: flex; align-items: baseline; gap: 12px; }
.sshop .fin__stat-v { font-size: 22px; font-weight: 700; letter-spacing: -.9px; color: #fff; white-space: nowrap; }
.sshop .fin__stat-l { font-size: 14px; line-height: 19px; color: rgba(255,255,255,.55); }
.sshop .ms { display: flex; flex-direction: column; flex-shrink: 0; cursor: pointer; outline: none; transform-origin: 50% 100%; animation: sshopBob 3.6s ease-in-out infinite; }
.sshop .ms_head { border-radius: 999px; background: var(--grad); display: flex; align-items: center; justify-content: center; transform-origin: 50% 100%; transition: transform .3s var(--ease); will-change: transform; }
.sshop .ms_base { background: var(--grad); transform-origin: 50% 100%; transition: transform .3s var(--ease); }
.sshop .ms_eye { display: block; border-radius: 999px; background: #fff; transition: transform .16s ease-out; }
.sshop .ms_blink { display: block; flex-shrink: 0; animation: sshopBlink 5.4s .2s infinite; }
.sshop .ms_blink--b { animation-delay: .26s; }
.sshop .ms--88 { width: 88px; height: 176px; }
.sshop .ms--88 .ms_head, .sshop .ms--88 .ms_base { width: 88px; height: 88px; }
.sshop .ms--88 .ms_head { gap: 14px; }
.sshop .ms--88 .ms_eye, .sshop .ms--88 .ms_blink { width: 9px; height: 9px; }
.sshop .ms--84 { width: 84px; height: 168px; }
.sshop .ms--84 .ms_head, .sshop .ms--84 .ms_base { width: 84px; height: 84px; }
.sshop .ms--84 .ms_head { gap: 13px; }
.sshop .ms--84 .ms_eye, .sshop .ms--84 .ms_blink { width: 8px; height: 8px; }
.sshop .ms--76 { width: 76px; height: 152px; }
.sshop .ms--76 .ms_head, .sshop .ms--76 .ms_base { width: 76px; height: 76px; }
.sshop .ms--76 .ms_head { gap: 12px; }
.sshop .ms--76 .ms_eye, .sshop .ms--76 .ms_blink { width: 8px; height: 8px; }
.sshop .ms--96 { width: 96px; height: 192px; }
.sshop .ms--96 .ms_head, .sshop .ms--96 .ms_base { width: 96px; height: 96px; }
.sshop .ms--96 .ms_head { gap: 15px; }
.sshop .ms--96 .ms_eye, .sshop .ms--96 .ms_blink { width: 10px; height: 10px; }
@keyframes sshopBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes sshopBlink { 0%, 92%, 100% { transform: scaleY(1); } 95.5% { transform: scaleY(.06); } }
.sshop .badge-plat { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: var(--r-pill); background: var(--c-accent); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .4px; margin-bottom: 18px; }
@media (min-width: 1920px) {
  .sshop .h1 { font-size: 76px; line-height: 74px; letter-spacing: -3.8px; }
  .sshop { --rhythm: 150px; }
  .sshop .sec--hero { padding: 210px 0 150px; }
}
@media (max-width: 1509px) {
  .sshop .h1 { font-size: 58px; line-height: 58px; letter-spacing: -2.8px; }
}
@media (max-width: 1439px) {
  .sshop { --rhythm: 110px; }
  .sshop .sec--hero { padding: 170px 0 110px; }
  .sshop .sec--dark, .sshop .sec--final { padding-top: 96px; padding-bottom: 96px; }
  .sshop .h1 { font-size: 52px; line-height: 54px; }
  .sshop .h2 { font-size: 36px; line-height: 40px; }
  .sshop .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1279px) {
  .sshop { --rhythm: 96px; }
  .sshop .sec--hero { padding: 150px 0 96px; }
  .sshop .h1 { font-size: 44px; line-height: 46px; letter-spacing: -2px; }
  .sshop .h2 { font-size: 32px; line-height: 36px; }
  .sshop .grid--5, .sshop .grid--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sshop .grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sshop .fin_grid { grid-template-columns: minmax(0, 1fr); gap: 44px; }
}
@media (max-width: 1023px) {
  .sshop .grid--3, .sshop .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sshop .grid--5, .sshop .grid--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .sshop { --rhythm: 70px; }
  .sshop .sec--hero { padding: 120px 0 70px; }
  .sshop .sec--dark, .sshop .sec--final { padding-top: 64px; padding-bottom: 70px; }
  .sshop .h1 { font-size: 34px; line-height: 38px; letter-spacing: -1.4px; }
  .sshop .h2 { font-size: 26px; line-height: 30px; letter-spacing: -1px; margin-bottom: 14px; }
  .sshop .sshop_row { flex-direction: column; gap: 34px; }
  .sshop .sshop_row__aside { padding-top: 0 !important; align-self: flex-start; }
  .sshop .grid--2, .sshop .grid--3, .sshop .grid--4, .sshop .grid--5, .sshop .grid--6 { grid-template-columns: minmax(0, 1fr); }
  .sshop .price__v { font-size: 40px; line-height: 42px; letter-spacing: -2px; }
  .sshop .price__d { min-width: 0; }
  .sshop .fin__h { font-size: 32px; line-height: 36px; letter-spacing: -1.4px; }
  .sshop .faq_q { padding: 20px; }
  .sshop .faq_a__text { padding: 0 20px 22px; }
  .sshop .plate { padding: 30px 24px; gap: 24px; }
  .sshop .plate__h { font-size: 23px; line-height: 27px; }
  .sshop .chain { padding: 24px; }
}
@media (max-width: 389px) {
  .sshop { --rhythm: 56px; }
  .sshop .sec--hero { padding: 104px 0 56px; }
  .sshop .h1 { font-size: 28px; line-height: 32px; }
  .sshop .h2 { font-size: 23px; line-height: 27px; }
  .sshop .faq_it { border-radius: 22px; }
}
.sshop .mt-10 { margin-top: 10px; }
.sshop .mt-24 { margin-top: 24px; }
.sshop .mt-30 { margin-top: 30px; }
.sshop .mt-36 { margin-top: 36px; }
.sshop .mt-48 { margin-top: 48px; }
.sshop .mb-22 { margin-bottom: 22px; }
.sshop .mb-26 { margin-bottom: 26px; }
.sshop .mb-34 { margin-bottom: 34px; }
.sshop .mb-44 { margin-bottom: 44px; }
.sshop .btn-row { display: flex; gap: var(--gap); flex-wrap: wrap; }
.sshop .h2--flush, .sshop .lead--flush { margin: 0; }
.sshop .h3--sm { font-size: 18px; line-height: 22px; letter-spacing: -.6px; }
.sshop .card--compact { border-radius: 28px; padding: 28px 24px; gap: 10px; }
.sshop .card--roomy { padding: 40px 36px; gap: 16px; }
.sshop .card__h { margin: 0; font-size: 28px; line-height: 32px; font-weight: 600; letter-spacing: -1.2px; color: #fff; text-wrap: pretty; }
.sshop .card__h--ink { color: var(--c-ink); }
.sshop .sshop_row__main--wide { flex: 1.35; }
.sshop .sshop_row__aside--hero { padding-top: 120px; }
.sshop .sshop_row__aside--mid { padding-top: 20px; }
.sshop .sshop_row__aside--low { padding-top: 10px; }
.sshop .lead--hero { font-size: 19px; line-height: 27px; max-width: 820px; }
.sshop .p--wide { max-width: 1000px; }
.sshop .note__text--grow { flex: 1; min-width: 380px; }
.sshop .tariff__sub--sm { font-size: 14px; line-height: 20px; }
.sshop .reviews-grid { margin: 48px 0 30px; }
@media (max-width: 767px) {
  .sshop .sshop_row__aside--hero, .sshop .sshop_row__aside--mid, .sshop .sshop_row__aside--low { padding-top: 0; }
  .sshop .note__text--grow { min-width: 0; }
  .sshop .lead--hero { font-size: 17px; line-height: 24px; }
}
.sshop .mb-48 { margin-bottom: 48px; }
.sshop .dm { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; align-items: start; }
.sshop .dm_side { background: var(--c-lav); border-radius: var(--r-card); padding: 34px 30px; display: flex; flex-direction: column; gap: 18px; }
.sshop .dm_cap { font-size: 13px; font-weight: 600; letter-spacing: .4px; color: var(--ink-50); }
.sshop .dm_rows { display: flex; flex-direction: column; gap: 8px; }
.sshop .dm_row { display: grid; grid-template-columns: 144px minmax(0, 1fr); gap: 14px; align-items: center; background: #fff; border-radius: 18px; padding: 14px 18px; }
.sshop .dm_row__k { font-size: 12px; font-weight: 600; letter-spacing: .3px; line-height: 15px; color: var(--ink-50); overflow-wrap: anywhere; }
.sshop .dm_row__q { font-size: 16px; line-height: 22px; font-weight: 600; color: var(--c-ink); text-wrap: pretty; }
.sshop .dm_row--deep { background: linear-gradient(90deg, rgba(80,17,212,.1) 0%, rgba(80,17,212,.04) 100%); }
.sshop .dm_row--deep .dm_row__q { color: var(--c-accent); }
.sshop .dm_bar { display: block; height: 4px; border-radius: 4px; background: var(--grad); }
.sshop .dm_note { display: flex; gap: 14px; align-items: flex-start; }
.sshop .dm_note__dash { width: 22px; height: 2px; background: var(--c-accent); margin-top: 11px; flex-shrink: 0; }
.sshop .dm_note__text { margin: 0; font-size: 15px; line-height: 22px; color: var(--ink-66); text-wrap: pretty; }
.sshop .dm_out { display: flex; flex-direction: column; gap: 10px; }
.sshop .dm_out__item { background: #fff; border: 1px solid var(--ink-09); border-radius: var(--r-card); padding: 26px 26px; display: flex; flex-direction: column; gap: 8px; }
.sshop .dm_out__t { display: flex; align-items: center; gap: 10px; font-size: 17px; line-height: 22px; font-weight: 600; letter-spacing: -.5px; color: var(--c-ink); }
.sshop .dm_out__d { margin: 0; font-size: 14px; line-height: 20px; color: var(--ink-66); text-wrap: pretty; }
.sshop .dm_out__tag { flex-shrink: 0; font-size: 11px; font-weight: 700; letter-spacing: .6px; padding: 5px 10px; border-radius: 100px; }
.sshop .dm_out__tag--yes { background: rgba(80,17,212,.1); color: var(--c-accent); }
.sshop .dm_out__tag--no { background: rgba(30,0,93,.07); color: var(--ink-55); }
.sshop .flt { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 10px; align-items: stretch; }
.sshop .flt_panel { background: #fff; border: 1px solid var(--ink-09); border-radius: var(--r-card); padding: 28px 26px; display: flex; flex-direction: column; gap: 16px; }
.sshop .flt_panel__cap { font-size: 12px; font-weight: 700; letter-spacing: .6px; color: var(--ink-50); }
.sshop .flt_opts { display: flex; flex-direction: column; gap: 10px; }
.sshop .flt_opt { display: flex; align-items: center; gap: 12px; font-size: 15px; line-height: 20px; color: var(--ink-66); }
.sshop .flt_box { width: 18px; height: 18px; border-radius: 6px; border: 1.5px solid rgba(30,0,93,.22); flex-shrink: 0; box-sizing: border-box; }
.sshop .flt_opt--on { color: var(--c-ink); font-weight: 600; }
.sshop .flt_opt--on .flt_box { background: var(--c-accent); border-color: var(--c-accent); position: relative; }
.sshop .flt_opt--on .flt_box::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.sshop .flt_out { display: flex; flex-direction: column; gap: 10px; }
.sshop .flt_case { border-radius: var(--r-card); padding: 26px 28px; display: flex; flex-direction: column; gap: 10px; }
.sshop .flt_case--yes { background: var(--c-lav); }
.sshop .flt_case--no { background: #fff; border: 1px solid var(--ink-09); }
.sshop .flt_case__top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sshop .flt_case__url { font-size: 15px; font-weight: 600; letter-spacing: -.2px; color: var(--c-ink); word-break: break-word; }
.sshop .flt_case--no .flt_case__url { color: var(--ink-55); text-decoration: line-through; }
.sshop .flt_case__tag { flex-shrink: 0; font-size: 11px; font-weight: 700; letter-spacing: .6px; padding: 5px 10px; border-radius: 100px; }
.sshop .flt_case__tag--yes { background: var(--c-accent); color: #fff; }
.sshop .flt_case__tag--no { background: rgba(30,0,93,.07); color: var(--ink-55); }
.sshop .flt_case__d { margin: 0; font-size: 14px; line-height: 20px; color: var(--ink-66); text-wrap: pretty; }
.sshop .cs_fill--w100 { width: 100%; }
.sshop .cs_fill--w94 { width: 94%; }
.sshop .cs_fill--w60 { width: 60%; }
.sshop .cs_fill--w25 { width: 25%; }
.sshop .cs_fill--w13 { width: 13%; }
.sshop .cs_bar--h9 { height: 9%; }
.sshop .cs_bar--h13 { height: 13%; }
.sshop .cs_bar--h28 { height: 28%; }
.sshop .cs_bar--h100 { height: 100%; }
.sshop h2.h2, .sshop h2.fin__h, .sshop h3.h3, .sshop h3.tariff__name { margin-top: 0; }
.sshop .h2--gap { margin-bottom: 44px; }
.sshop h3.tariff__name { margin-bottom: 0; }
.sshop .faq_a { max-height: none; overflow: visible; transition: none; display: none; }
.sshop .faq_it.open .faq_a { display: block; animation: sshopFaqIn .28s var(--ease) both; }
@keyframes sshopFaqIn { from { transform: translateY(-4px); } to { transform: none; } }
.sshop .sh_link_row { display: flex; gap: 26px; flex-wrap: wrap; }
.sshop .sh_link { font-size: 16px; font-weight: 500; color: var(--c-accent); }
.sshop .sh_split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 60px; align-items: start; }
@media (max-width: 1279px) {
  .sshop .flt { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) {
  .sshop .dm, .sshop .sh_split { grid-template-columns: minmax(0, 1fr); }
  .sshop .sh_split { gap: 34px; }
  .sshop .price { gap: 20px; }
  .sshop .price__d { min-width: 0; flex-basis: 100%; }
}
@media (max-width: 700px) {
  .sshop .dm_side, .sshop .flt_panel { padding: 24px 22px; }
  .sshop .dm_row { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 14px 16px; }
  .sshop .dm_out__item, .sshop .flt_case { padding: 22px 20px; }
  .sshop .dm_out__t { flex-wrap: wrap; }
  .sshop .price__v { font-size: 34px; line-height: 36px; white-space: normal; }
}
@media (max-width: 350px) {
  .sshop { --rhythm: 48px; }
  .sshop .sec--hero { padding: 96px 0 48px; }
  .sshop .sec--final { padding-top: 52px; padding-bottom: 56px; }
  .sshop .h1 { font-size: 26px; line-height: 30px; letter-spacing: -1.1px; }
  .sshop .h2 { font-size: 21px; line-height: 25px; letter-spacing: -.8px; }
  .sshop .h3 { font-size: 17px; line-height: 21px; }
  .sshop .lead, .sshop .p--big { font-size: 16px; line-height: 23px; }
  .sshop .card, .sshop .month, .sshop .tariff, .sshop .term, .sshop .note, .sshop .plate { padding: 20px 18px; }
  .sshop .card--compact { padding: 18px 16px; border-radius: 22px; }
  .sshop .fact { padding: 20px 18px; }
  .sshop .fact__v { font-size: 22px; line-height: 25px; }
  .sshop .fact__v--sm { font-size: 18px; line-height: 22px; }
  .sshop .price__v { font-size: 26px; line-height: 30px; letter-spacing: -1.1px; }
  .sshop .tariff__price { font-size: 22px; line-height: 26px; }
  .sshop .term__v { font-size: 26px; line-height: 30px; }
  .sshop .fin__h { font-size: 24px; line-height: 28px; letter-spacing: -1px; }
  .sshop .fin__stat-v { font-size: 17px; }
  .sshop .fin__bottom { flex-wrap: wrap; gap: 18px; }
  .sshop .ms--96 { width: 76px; height: 152px; }
  .sshop .ms--96 .ms_head, .sshop .ms--96 .ms_base { width: 76px; height: 76px; }
  .sshop .ms--96 .ms_head { gap: 12px; }
  .sshop .ms--96 .ms_eye, .sshop .ms--96 .ms_blink { width: 8px; height: 8px; }
  .sshop .faq_q { padding: 16px; gap: 12px; }
  .sshop .faq_q__text { font-size: 16px; line-height: 21px; }
  .sshop .faq_a__text { padding: 0 16px 18px; }
  .sshop .flow { padding: 20px 18px; }
  .sshop .flow__label { padding: 11px 14px; font-size: 14px; }
  .sshop .dm_side, .sshop .flt_panel { padding: 20px 18px; }
  .sshop .dm_out__item, .sshop .flt_case { padding: 18px 16px; }
  .sshop .dm_row { padding: 12px 14px; }
  .sshop .dm_row__q { font-size: 15px; line-height: 21px; }
  .sshop .dm_out__t { font-size: 16px; line-height: 21px; }
  .sshop .flt_case__url { font-size: 14px; }
  .sshop .sh_link_row { gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .sshop .faq_it.open .faq_a { animation: none; }
}
.sshop .fin__note { margin: 20px 0 0; font-size: 14px; line-height: 20px; color: rgba(255,255,255,.5); max-width: 620px; text-wrap: pretty; }
.sshop h2.fin__h { margin: 0 0 28px; font-size: 56px; line-height: 56px; font-weight: 600; letter-spacing: -2.8px; color: #fff; text-wrap: pretty; }
@media (max-width: 767px) {
  .sshop h2.fin__h { font-size: 32px; line-height: 36px; letter-spacing: -1.4px; }
}
@media (max-width: 350px) {
  .sshop h2.fin__h { font-size: 24px; line-height: 28px; letter-spacing: -1px; }
}

/* End */


/* Start:/local/templates/digital/components/bitrix/news.list/cases-seo-shop/style.css?17873897283070*/
.sshop .sshop_cases { display: grid; gap: var(--gap); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: var(--gap); }
.sshop .sshop_case { background: #fff; border: 1px solid var(--ink-09); border-radius: var(--r-card); padding: 22px 22px 32px; display: flex; flex-direction: column; gap: 18px; text-decoration: none; transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease); }
.sshop .sshop_case > .sshop_frame { margin-bottom: 8px; }
.sshop .sshop_case:hover { transform: translateY(-5px); border-color: var(--ink-12); box-shadow: 0 26px 54px -32px rgba(30, 0, 93, .42); }
.sshop .sshop_case__top { display: flex; flex-direction: column; gap: 6px; }
.sshop .sshop_case__n { font-size: 28px; line-height: 30px; font-weight: 700; letter-spacing: -1.2px; color: var(--c-ink); text-wrap: pretty; }
.sshop .sshop_case__m { font-size: 14px; line-height: 19px; color: var(--ink-50); text-wrap: pretty; }
.sshop .sshop_case__link { margin-top: auto; padding-top: 4px; font-size: 15px; font-weight: 500; color: var(--c-accent); }
.sshop .sshop_case__arrow { display: inline-block; margin-left: 8px; transition: transform .5s var(--ease); }
.sshop .sshop_case:hover .sshop_case__arrow { transform: translateX(7px); }
.sshop .sshop_frame { display: block; border-radius: 20px; overflow: hidden; background: var(--c-lav); border: 1px solid var(--ink-09); margin-bottom: 4px; }
.sshop .sshop_frame__bar { display: flex; align-items: center; gap: 12px; height: 34px; padding: 0 14px; background: #fbfaff; border-bottom: 1px solid var(--ink-09); }
.sshop .sshop_frame__dots { display: flex; gap: 5px; flex-shrink: 0; }
.sshop .sshop_frame__dot { display: block; width: 7px; height: 7px; border-radius: 7px; background: var(--ink-12); }
.sshop .sshop_frame__url { font-size: 12px; font-weight: 500; letter-spacing: .1px; color: var(--ink-50); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sshop .sshop_frame__media { position: relative; display: block; aspect-ratio: 1274 / 645; overflow: hidden; background: var(--c-lav); }
.sshop .sshop_frame__img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 0; transition: transform 1.2s var(--ease); }
.sshop .sshop_case:hover .sshop_frame__img { transform: scale(1.03); }
@media (max-width: 1100px) {
  .sshop .sshop_cases { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .sshop .sshop_case { padding: 24px 22px; }
  .sshop .sshop_case__n { font-size: 24px; line-height: 26px; }
  .sshop .sshop_frame { border-radius: 16px; }
  .sshop .sshop_frame__bar { height: 30px; padding: 0 11px; }
}
@media (max-width: 389px) {
  .sshop .sshop_case { border-radius: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .sshop .sshop_case, .sshop .sshop_case__arrow, .sshop .sshop_frame__img { transition: none; }
  .sshop .sshop_case:hover { transform: none; }
  .sshop .sshop_case:hover .sshop_case__arrow { transform: none; }
  .sshop .sshop_case:hover .sshop_frame__img { transform: none; }
}

/* End */


/* Start:/bitrix/components/topman/callbackform/lib/css/bootstrap.min.css?178593003622741*/
.slam-easyform{font:normal 16px/1.4 "Arial", sans-serif}.slam-easyform .hidden{display:none!important;visibility:hidden!important}.slam-easyform .form-group{margin-bottom:15px}.slam-easyform .control-label{display:inline-block;margin-bottom:5px;font-weight:700}.slam-easyform .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;box-sizing:border-box}.slam-easyform .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}.slam-easyform [class*="col-xs"]{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box}.slam-easyform .row{margin-left:-15px;margin-right:-15px}.slam-easyform .row:before{content:" ";display:table;clear:both}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .radio-inline, .slam-easyform .checkbox-inline{display:inline-block;position:relative;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.slam-easyform .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.slam-easyform .btn:active, .slam-easyform .btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)}.slam-easyform .btn:hover, .slam-easyform .btn:focus{color:#333;text-decoration:none}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}.slam-easyform .pull-right{float:right}.slam-easyform .pull-right{float:right!important}.slam-easyform .btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.slam-easyform .btn-primary:active:hover, .slam-easyform .btn-primary.active:hover, .slam-easyform .open>.dropdown-toggle.btn-primary:hover, .slam-easyform .btn-primary:active:focus, .slam-easyform .btn-primary.active:focus, .slam-easyform .open>.dropdown-toggle.btn-primary:focus, .slam-easyform .btn-primary:active.focus, .slam-easyform .btn-primary.active.focus, .slam-easyform .open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn-primary:hover, .slam-easyform .btn-primary:focus, .slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.slam-easyform .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slam-easyform .pull-right{float:right !important}.slam-easyform input, .slam-easyform button, .slam-easyform select, .slam-easyform textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.slam-easyform button, .slam-easyform input[type=button], .slam-easyform input[type=reset], .slam-easyform input[type=submit]{-webkit-appearance:button;cursor:pointer}.slam-easyform button, .slam-easyform select{text-transform:none}.slam-easyform button{overflow:visible}.slam-easyform button, .slam-easyform input[type="button"], .slam-easyform input[type="reset"], .slam-easyform input[type="submit"]{-webkit-appearance:button;cursor:pointer}.slam-easyform .close:not([disabled]):not(.disabled){cursor:pointer}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.slam-easyform .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity: .2;filter:alpha(opacity=20)}.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}.slam-easyform .close:hover, .slam-easyform .close:focus{color:#000;text-decoration:none;cursor:pointer;opacity: .5;filter:alpha(opacity=50)}.slam-easyform .fade.in{opacity:1;background:rgba(0, 0, 0, .5)}.slam-easyform .modal{text-align:center}.modal-open .slam-easyform .modal{overflow-x:hidden}.slam-easyform .modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.slam-easyform .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;background:none}.slam-easyform .modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.slam-easyform .modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);background-clip:padding-box;outline:0}.slam-easyform .modal-content{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);box-shadow:0 5px 15px rgba(0, 0, 0, .5)}.slam-easyform .modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.slam-easyform .modal-body{position:relative;padding:20px}.slam-easyform .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.slam-easyform .alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.slam-easyform .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.slam-easyform .has-success .help-block, .slam-easyform .has-success .control-label, .slam-easyform .has-success .radio, .slam-easyform .has-success .checkbox, .slam-easyform .has-success .radio-inline, .slam-easyform .has-success .checkbox-inline{color:#3c763d}.slam-easyform .clearfix:before, .slam-easyform .clearfix:after, .slam-easyform .container:before, .slam-easyform .container:after, .slam-easyform .container-fluid:before, .slam-easyform .container-fluid:after, .slam-easyform .row:before, .slam-easyform .row:after, .slam-easyform .form-horizontal .form-group:before, .slam-easyform .form-horizontal .form-group:after, .slam-easyform .btn-toolbar:before, .slam-easyform .btn-toolbar:after, .slam-easyform .btn-group-vertical>.btn-group:before, .slam-easyform .btn-group-vertical>.btn-group:after, .slam-easyform .nav:before, .slam-easyform .nav:after, .slam-easyform .navbar:before, .slam-easyform .navbar:after, .slam-easyform .navbar-header:before, .slam-easyform .navbar-header:after, .slam-easyform .navbar-collapse:before, .slam-easyform .navbar-collapse:after, .slam-easyform .pager:before, .slam-easyform .pager:after, .slam-easyform .panel-body:before, .slam-easyform .panel-body:after, .slam-easyform .modal-footer:before, .slam-easyform .modal-footer:after{content:" ";display:table;clear:both}@media (min-width:768px){.slam-easyform .modal-dialog{position:relative;width:auto;margin:10px}.slam-easyform .modal-dialog{width:600px;margin:30px auto}.slam-easyform .container{width:750px}.slam-easyform .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}}@media (min-width:992px){.slam-easyform .container{width:970px}}@media (min-width:1200px){.slam-easyform .container{width:1170px}}.modal-open{overflow:hidden}.slam-easyform *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.slam-easyform .has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .has-error .help-block, .slam-easyform .has-error .control-label, .slam-easyform .has-error .radio, .slam-easyform .has-error .checkbox, .slam-easyform .has-error .radio-inline, .slam-easyform .has-error .checkbox-inline{color:#a94442}.slam-easyform .has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .radio input[type=radio], .slam-easyform .radio-inline input[type=radio], .slam-easyform .checkbox input[type=checkbox], .slam-easyform .checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.slam-easyform input[type=radio], .slam-easyform input[type=checkbox]{margin:4px 0 0;margin-top:1px 9;line-height:normal}.slam-easyform input[type=checkbox], .slam-easyform input[type=radio]{box-sizing:border-box;padding:0}.slam-easyform .has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168}.slam-easyform .has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483}.slam-easyform .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-sm-1, .slam-easyform .col-md-1, .slam-easyform .col-lg-1, .slam-easyform .col-xs-2, .slam-easyform .col-sm-2, .slam-easyform .col-md-2, .slam-easyform .col-lg-2, .slam-easyform .col-xs-3, .slam-easyform .col-sm-3, .slam-easyform .col-md-3, .slam-easyform .col-lg-3, .slam-easyform .col-xs-4, .slam-easyform .col-sm-4, .slam-easyform .col-md-4, .slam-easyform .col-lg-4, .slam-easyform .col-xs-5, .slam-easyform .col-sm-5, .slam-easyform .col-md-5, .slam-easyform .col-lg-5, .slam-easyform .col-xs-6, .slam-easyform .col-sm-6, .slam-easyform .col-md-6, .slam-easyform .col-lg-6, .slam-easyform .col-xs-7, .slam-easyform .col-sm-7, .slam-easyform .col-md-7, .slam-easyform .col-lg-7, .slam-easyform .col-xs-8, .slam-easyform .col-sm-8, .slam-easyform .col-md-8, .slam-easyform .col-lg-8, .slam-easyform .col-xs-9, .slam-easyform .col-sm-9, .slam-easyform .col-md-9, .slam-easyform .col-lg-9, .slam-easyform .col-xs-10, .slam-easyform .col-sm-10, .slam-easyform .col-md-10, .slam-easyform .col-lg-10, .slam-easyform .col-xs-11, .slam-easyform .col-sm-11, .slam-easyform .col-md-11, .slam-easyform .col-lg-11, .slam-easyform .col-xs-12, .slam-easyform .col-sm-12, .slam-easyform .col-md-12, .slam-easyform .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-xs-2, .slam-easyform .col-xs-3, .slam-easyform .col-xs-4, .slam-easyform .col-xs-5, .slam-easyform .col-xs-6, .slam-easyform .col-xs-7, .slam-easyform .col-xs-8, .slam-easyform .col-xs-9, .slam-easyform .col-xs-10, .slam-easyform .col-xs-11, .slam-easyform .col-xs-12{float:left}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-11{width:91.66666667%}.slam-easyform .col-xs-10{width:83.33333333%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-8{width:66.66666667%}.slam-easyform .col-xs-7{width:58.33333333%}.slam-easyform .col-xs-6{width:50%}.slam-easyform .col-xs-5{width:41.66666667%}.slam-easyform .col-xs-4{width:33.33333333%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .col-xs-2{width:16.66666667%}.slam-easyform .col-xs-1{width:8.33333333%}.slam-easyform .col-xs-pull-12{right:100%}.slam-easyform .col-xs-pull-11{right:91.66666667%}.slam-easyform .col-xs-pull-10{right:83.33333333%}.slam-easyform .col-xs-pull-9{right:75%}.slam-easyform .col-xs-pull-8{right:66.66666667%}.slam-easyform .col-xs-pull-7{right:58.33333333%}.slam-easyform .col-xs-pull-6{right:50%}.slam-easyform .col-xs-pull-5{right:41.66666667%}.slam-easyform .col-xs-pull-4{right:33.33333333%}.slam-easyform .col-xs-pull-3{right:25%}.slam-easyform .col-xs-pull-2{right:16.66666667%}.slam-easyform .col-xs-pull-1{right:8.33333333%}.slam-easyform .col-xs-pull-0{right:0}.slam-easyform .col-xs-push-12{left:100%}.slam-easyform .col-xs-push-11{left:91.66666667%}.slam-easyform .col-xs-push-10{left:83.33333333%}.slam-easyform .col-xs-push-9{left:75%}.slam-easyform .col-xs-push-8{left:66.66666667%}.slam-easyform .col-xs-push-7{left:58.33333333%}.slam-easyform .col-xs-push-6{left:50%}.slam-easyform .col-xs-push-5{left:41.66666667%}.slam-easyform .col-xs-push-4{left:33.33333333%}.slam-easyform .col-xs-push-3{left:25%}.slam-easyform .col-xs-push-2{left:16.66666667%}.slam-easyform .col-xs-push-1{left:8.33333333%}.slam-easyform .col-xs-push-0{left:0}.slam-easyform .col-xs-offset-12{margin-left:100%}.slam-easyform .col-xs-offset-11{margin-left:91.66666667%}.slam-easyform .col-xs-offset-10{margin-left:83.33333333%}.slam-easyform .col-xs-offset-9{margin-left:75%}.slam-easyform .col-xs-offset-8{margin-left:66.66666667%}.slam-easyform .col-xs-offset-7{margin-left:58.33333333%}.slam-easyform .col-xs-offset-6{margin-left:50%}.slam-easyform .col-xs-offset-5{margin-left:41.66666667%}.slam-easyform .col-xs-offset-4{margin-left:33.33333333%}.slam-easyform .col-xs-offset-3{margin-left:25%}.slam-easyform .col-xs-offset-2{margin-left:16.66666667%}.slam-easyform .col-xs-offset-1{margin-left:8.33333333%}.slam-easyform .col-xs-offset-0{margin-left:0}@media (min-width:768px){.slam-easyform .col-sm-1, .slam-easyform .col-sm-2, .slam-easyform .col-sm-3, .slam-easyform .col-sm-4, .slam-easyform .col-sm-5, .slam-easyform .col-sm-6, .slam-easyform .col-sm-7, .slam-easyform .col-sm-8, .slam-easyform .col-sm-9, .slam-easyform .col-sm-10, .slam-easyform .col-sm-11, .slam-easyform .col-sm-12{float:left}.slam-easyform .col-sm-12{width:100%}.slam-easyform .col-sm-11{width:91.66666667%}.slam-easyform .col-sm-10{width:83.33333333%}.slam-easyform .col-sm-9{width:75%}.slam-easyform .col-sm-8{width:66.66666667%}.slam-easyform .col-sm-7{width:58.33333333%}.slam-easyform .col-sm-6{width:50%}.slam-easyform .col-sm-5{width:41.66666667%}.slam-easyform .col-sm-4{width:33.33333333%}.slam-easyform .col-sm-3{width:25%}.slam-easyform .col-sm-2{width:16.66666667%}.slam-easyform .col-sm-1{width:8.33333333%}.slam-easyform .col-sm-pull-12{right:100%}.slam-easyform .col-sm-pull-11{right:91.66666667%}.slam-easyform .col-sm-pull-10{right:83.33333333%}.slam-easyform .col-sm-pull-9{right:75%}.slam-easyform .col-sm-pull-8{right:66.66666667%}.slam-easyform .col-sm-pull-7{right:58.33333333%}.slam-easyform .col-sm-pull-6{right:50%}.slam-easyform .col-sm-pull-5{right:41.66666667%}.slam-easyform .col-sm-pull-4{right:33.33333333%}.slam-easyform .col-sm-pull-3{right:25%}.slam-easyform .col-sm-pull-2{right:16.66666667%}.slam-easyform .col-sm-pull-1{right:8.33333333%}.slam-easyform .col-sm-pull-0{right:0}.slam-easyform .col-sm-push-12{left:100%}.slam-easyform .col-sm-push-11{left:91.66666667%}.slam-easyform .col-sm-push-10{left:83.33333333%}.slam-easyform .col-sm-push-9{left:75%}.slam-easyform .col-sm-push-8{left:66.66666667%}.slam-easyform .col-sm-push-7{left:58.33333333%}.slam-easyform .col-sm-push-6{left:50%}.slam-easyform .col-sm-push-5{left:41.66666667%}.slam-easyform .col-sm-push-4{left:33.33333333%}.slam-easyform .col-sm-push-3{left:25%}.slam-easyform .col-sm-push-2{left:16.66666667%}.slam-easyform .col-sm-push-1{left:8.33333333%}.slam-easyform .col-sm-push-0{left:0}.slam-easyform .col-sm-offset-12{margin-left:100%}.slam-easyform .col-sm-offset-11{margin-left:91.66666667%}.slam-easyform .col-sm-offset-10{margin-left:83.33333333%}.slam-easyform .col-sm-offset-9{margin-left:75%}.slam-easyform .col-sm-offset-8{margin-left:66.66666667%}.slam-easyform .col-sm-offset-7{margin-left:58.33333333%}.slam-easyform .col-sm-offset-6{margin-left:50%}.slam-easyform .col-sm-offset-5{margin-left:41.66666667%}.slam-easyform .col-sm-offset-4{margin-left:33.33333333%}.slam-easyform .col-sm-offset-3{margin-left:25%}.slam-easyform .col-sm-offset-2{margin-left:16.66666667%}.slam-easyform .col-sm-offset-1{margin-left:8.33333333%}.slam-easyform .col-sm-offset-0{margin-left:0}}@media (min-width:992px){.slam-easyform .col-md-1, .slam-easyform .col-md-2, .slam-easyform .col-md-3, .slam-easyform .col-md-4, .slam-easyform .col-md-5, .slam-easyform .col-md-6, .slam-easyform .col-md-7, .slam-easyform .col-md-8, .slam-easyform .col-md-9, .slam-easyform .col-md-10, .slam-easyform .col-md-11, .slam-easyform .col-md-12{float:left}.slam-easyform .col-md-12{width:100%}.slam-easyform .col-md-11{width:91.66666667%}.slam-easyform .col-md-10{width:83.33333333%}.slam-easyform .col-md-9{width:75%}.slam-easyform .col-md-8{width:66.66666667%}.slam-easyform .col-md-7{width:58.33333333%}.slam-easyform .col-md-6{width:50%}.slam-easyform .col-md-5{width:41.66666667%}.slam-easyform .col-md-4{width:33.33333333%}.slam-easyform .col-md-3{width:25%}.slam-easyform .col-md-2{width:16.66666667%}.slam-easyform .col-md-1{width:8.33333333%}.slam-easyform .col-md-pull-12{right:100%}.slam-easyform .col-md-pull-11{right:91.66666667%}.slam-easyform .col-md-pull-10{right:83.33333333%}.slam-easyform .col-md-pull-9{right:75%}.slam-easyform .col-md-pull-8{right:66.66666667%}.slam-easyform .col-md-pull-7{right:58.33333333%}.slam-easyform .col-md-pull-6{right:50%}.slam-easyform .col-md-pull-5{right:41.66666667%}.slam-easyform .col-md-pull-4{right:33.33333333%}.slam-easyform .col-md-pull-3{right:25%}.slam-easyform .col-md-pull-2{right:16.66666667%}.slam-easyform .col-md-pull-1{right:8.33333333%}.slam-easyform .col-md-pull-0{right:0}.slam-easyform .col-md-push-12{left:100%}.slam-easyform .col-md-push-11{left:91.66666667%}.slam-easyform .col-md-push-10{left:83.33333333%}.slam-easyform .col-md-push-9{left:75%}.slam-easyform .col-md-push-8{left:66.66666667%}.slam-easyform .col-md-push-7{left:58.33333333%}.slam-easyform .col-md-push-6{left:50%}.slam-easyform .col-md-push-5{left:41.66666667%}.slam-easyform .col-md-push-4{left:33.33333333%}.slam-easyform .col-md-push-3{left:25%}.slam-easyform .col-md-push-2{left:16.66666667%}.slam-easyform .col-md-push-1{left:8.33333333%}.slam-easyform .col-md-push-0{left:0}.slam-easyform .col-md-offset-12{margin-left:100%}.slam-easyform .col-md-offset-11{margin-left:91.66666667%}.slam-easyform .col-md-offset-10{margin-left:83.33333333%}.slam-easyform .col-md-offset-9{margin-left:75%}.slam-easyform .col-md-offset-8{margin-left:66.66666667%}.slam-easyform .col-md-offset-7{margin-left:58.33333333%}.slam-easyform .col-md-offset-6{margin-left:50%}.slam-easyform .col-md-offset-5{margin-left:41.66666667%}.slam-easyform .col-md-offset-4{margin-left:33.33333333%}.slam-easyform .col-md-offset-3{margin-left:25%}.slam-easyform .col-md-offset-2{margin-left:16.66666667%}.slam-easyform .col-md-offset-1{margin-left:8.33333333%}.slam-easyform .col-md-offset-0{margin-left:0}}@media (min-width:1200px){.slam-easyform .col-lg-1, .slam-easyform .col-lg-2, .slam-easyform .col-lg-3, .slam-easyform .col-lg-4, .slam-easyform .col-lg-5, .slam-easyform .col-lg-6, .slam-easyform .col-lg-7, .slam-easyform .col-lg-8, .slam-easyform .col-lg-9, .slam-easyform .col-lg-10, .slam-easyform .col-lg-11, .slam-easyform .col-lg-12{float:left}.slam-easyform .col-lg-12{width:100%}.slam-easyform .col-lg-11{width:91.66666667%}.slam-easyform .col-lg-10{width:83.33333333%}.slam-easyform .col-lg-9{width:75%}.slam-easyform .col-lg-8{width:66.66666667%}.slam-easyform .col-lg-7{width:58.33333333%}.slam-easyform .col-lg-6{width:50%}.slam-easyform .col-lg-5{width:41.66666667%}.slam-easyform .col-lg-4{width:33.33333333%}.slam-easyform .col-lg-3{width:25%}.slam-easyform .col-lg-2{width:16.66666667%}.slam-easyform .col-lg-1{width:8.33333333%}.slam-easyform .col-lg-pull-12{right:100%}.slam-easyform .col-lg-pull-11{right:91.66666667%}.slam-easyform .col-lg-pull-10{right:83.33333333%}.slam-easyform .col-lg-pull-9{right:75%}.slam-easyform .col-lg-pull-8{right:66.66666667%}.slam-easyform .col-lg-pull-7{right:58.33333333%}.slam-easyform .col-lg-pull-6{right:50%}.slam-easyform .col-lg-pull-5{right:41.66666667%}.slam-easyform .col-lg-pull-4{right:33.33333333%}.slam-easyform .col-lg-pull-3{right:25%}.slam-easyform .col-lg-pull-2{right:16.66666667%}.slam-easyform .col-lg-pull-1{right:8.33333333%}.slam-easyform .col-lg-pull-0{right:0}.slam-easyform .col-lg-push-12{left:100%}.slam-easyform .col-lg-push-11{left:91.66666667%}.slam-easyform .col-lg-push-10{left:83.33333333%}.slam-easyform .col-lg-push-9{left:75%}.slam-easyform .col-lg-push-8{left:66.66666667%}.slam-easyform .col-lg-push-7{left:58.33333333%}.slam-easyform .col-lg-push-6{left:50%}.slam-easyform .col-lg-push-5{left:41.66666667%}.slam-easyform .col-lg-push-4{left:33.33333333%}.slam-easyform .col-lg-push-3{left:25%}.slam-easyform .col-lg-push-2{left:16.66666667%}.slam-easyform .col-lg-push-1{left:8.33333333%}.slam-easyform .col-lg-push-0{left:0}.slam-easyform .col-lg-offset-12{margin-left:100%}.slam-easyform .col-lg-offset-11{margin-left:91.66666667%}.slam-easyform .col-lg-offset-10{margin-left:83.33333333%}.slam-easyform .col-lg-offset-9{margin-left:75%}.slam-easyform .col-lg-offset-8{margin-left:66.66666667%}.slam-easyform .col-lg-offset-7{margin-left:58.33333333%}.slam-easyform .col-lg-offset-6{margin-left:50%}.slam-easyform .col-lg-offset-5{margin-left:41.66666667%}.slam-easyform .col-lg-offset-4{margin-left:33.33333333%}.slam-easyform .col-lg-offset-3{margin-left:25%}.slam-easyform .col-lg-offset-2{margin-left:16.66666667%}.slam-easyform .col-lg-offset-1{margin-left:8.33333333%}.slam-easyform .col-lg-offset-0{margin-left:0}}
/* End */


/* Start:/local/templates/digital/components/topman/callbackform/tmd/style.css?17872272406937*/
.cbf__opener{display:none}
.cbf__trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.cbf__form .alert{margin:0 0 20px;padding:14px 18px;border-radius:18px;font-size:15px;line-height:21px}
.cbf__form .alert-success{background:rgba(110,211,169,.16);color:#1E7A5A}
.cbf__form .alert-danger{background:rgba(168,29,63,.12);color:#A81D3F}
.cbf__form .alert.hidden{display:none}

.cbf__eyebrow{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#5011D4}
.cbf__lead{margin:0 0 28px;font-size:16px;line-height:23px;color:rgba(30,0,93,.65)}

.cbf__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}
.cbf__field{display:flex;flex-direction:column;gap:9px;min-width:0}
.cbf__field_wide,.cbf__field_site{grid-column:1/-1}
.cbf__label{font-size:13px;font-weight:500;letter-spacing:.2px;color:rgba(30,0,93,.62)}
.cbf__req{margin-left:5px;color:#5011D4}
.cbf__control{width:100%;height:70px;padding:0 26px;border:1px solid rgba(30,0,93,.14);border-radius:100px;background:#fff;font:inherit;font-size:17px;color:#1E005D;transition:border-color .25s ease,background .25s ease}
.cbf.topman-callbackform .cbf__control_area{height:auto;min-height:111px;padding:20px 26px;border-radius:28px;font-size:16px;line-height:23px;resize:vertical}
.cbf__control:focus{outline:none;border-color:#5011D4}
.cbf__control::placeholder{color:rgba(30,0,93,.35)}

.cbf__actions{display:flex;flex-direction:column;gap:20px;align-items:stretch}
.cbf__submit{height:80px;padding:0 26px;border:0;border-radius:100px;background:#5011D4;color:#fff;font:inherit;font-size:17px;font-weight:600;letter-spacing:-.3px;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,background .25s ease,opacity .25s ease}
.cbf__submit:hover{background:#1E005D}
.cbf__submit_off{opacity:.45;cursor:not-allowed}
.cbf__submit_off:hover{background:#5011D4;transform:none;box-shadow:none}
.cbf__accept{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:13px;line-height:18px;color:rgba(30,0,93,.6)}
.cbf__accept input{position:absolute;opacity:0;width:0;height:0}
.cbf__accept_box{position:relative;flex-shrink:0;width:22px;height:22px;margin-top:1px;border:1px solid rgba(30,0,93,.25);border-radius:6px;transition:background .2s ease,border-color .2s ease}
.cbf__accept_box::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}
.cbf__accept input:checked+.cbf__accept_box{background:#5011D4;border-color:#5011D4}
.cbf__accept input:checked+.cbf__accept_box::after{opacity:1}
.cbf__accept input:focus-visible+.cbf__accept_box{outline:2px solid #5011D4;outline-offset:2px}
.cbf__accept_text a{color:inherit;text-decoration:underline !important}

.cbf__inline .cbf__body{padding:44px;border:1px solid rgba(255,255,255,.14);border-radius:40px;background:rgba(255,255,255,.06);color:#fff}
.cbf__inline .cbf__eyebrow{color:rgba(255,255,255,.55)}
.cbf__inline .cbf__lead{color:rgba(255,255,255,.72)}
.cbf__inline .cbf__label{color:rgba(255,255,255,.62)}
.cbf__inline .cbf__control{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff}
.cbf__inline .cbf__control::placeholder{color:rgba(255,255,255,.34)}
.cbf__inline .cbf__control:focus{border-color:#B860BA;background:rgba(255,255,255,.1)}
.cbf__inline .cbf__submit{background:#fff;color:#1E005D}
.cbf__inline .cbf__submit:hover{background:#fff;transform:translateY(-3px);box-shadow:0 22px 44px -20px rgba(255,255,255,.5)}
.cbf__inline .cbf__submit_off:hover{background:#fff;transform:none;box-shadow:none}
.cbf__inline .cbf__accept{color:rgba(255,255,255,.6)}
.cbf__inline .cbf__accept_box{border-color:rgba(255,255,255,.3)}
.cbf__inline .cbf__accept input:focus-visible+.cbf__accept_box{outline-color:#fff}
.cbf__inline .cbf__accept_text a{color:#fff}
.cbf__inline .alert-success{background:rgba(110,211,169,.18);color:#A8F0D2}
.cbf__inline .alert-danger{background:rgba(255,155,176,.18);color:#FFB4C4}

.cbf__modal .hystmodal__window.cbf__panel{width:min(760px,92vw);margin:40px auto;padding:52px 56px;border-radius:40px;background:#fff;transform:none !important}
.cbf__modal .hystmodal__window.cbf__panel_done{width:min(680px,92vw);padding:60px 48px;background:#1E005D;text-align:center}
.cbf__done{display:flex;flex-direction:column;align-items:center;gap:26px}
.cbf__done_mark{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:112px;height:112px;border-radius:112px;background:linear-gradient(90deg,#1E005D 0%,#5011D4 100%)}
.cbf__done_title{margin:0;font-size:48px;line-height:50px;font-weight:600;letter-spacing:-2.4px;color:#fff}
.cbf__modal_done .cbf__done .ok-text{margin:0;max-width:620px;font-size:19px;line-height:27px;font-weight:400;letter-spacing:normal;text-align:center;color:rgba(255,255,255,.72)}
.cbf__done_again{margin-top:8px;padding:21px 26px;border:1px solid rgba(255,255,255,.4);border-radius:30px;background:transparent;font:inherit;font-size:16px;font-weight:500;line-height:22px;letter-spacing:-.32px;color:#fff;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.cbf__done_again:hover{background:#fff;border-color:#fff;color:#1E005D}

html.hystmodal__opened{scroll-behavior:auto !important}

@media (max-width:1279px){
    .cbf__inline .cbf__body{padding:36px}
}

@media (max-width:767px){
    .cbf.topman-callbackform .cbf__fields{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}
    .cbf__actions{gap:16px}
    .cbf__submit{padding:0 16px}
    .cbf__inline .cbf__body{padding:26px;border-radius:28px}
    .cbf__modal .hystmodal__window.cbf__panel{padding:36px 24px;border-radius:32px}
    .cbf__modal .hystmodal__window.cbf__panel_done{padding:44px 24px}
    .cbf__done{gap:20px}
    .cbf__done_mark{width:88px;height:88px}
    .cbf__done_title{font-size:30px;line-height:34px;letter-spacing:-1.4px}
    .cbf__modal_done .cbf__done .ok-text{font-size:17px;line-height:25px}
    .cbf__done_again{padding:18px 22px;font-size:15px}
}

.cbf__file{position:relative;display:flex;align-items:center;gap:18px;height:70px;padding:0 26px;border:1px dashed rgba(255,255,255,.28);border-radius:100px;cursor:pointer;transition:border-color .25s ease,background .25s ease}
.cbf__file:hover{border-color:#5011D4;background:rgba(255,255,255,.06)}
.cbf__file_input{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.cbf__file_btn{font-size:15px;font-weight:600;color:#fff;white-space:nowrap}
.cbf__file_name{font-size:14px;line-height:19px;color:rgba(255,255,255,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width: 700px){.cbf__file{height:auto;padding:18px 22px;border-radius:28px;flex-direction:column;align-items:flex-start;gap:8px}}

/* End */
/* /local/templates/digital/components/bitrix/news.detail/seo-shop-page/style.css?178738855334189 */
/* /local/templates/digital/components/bitrix/news.list/cases-seo-shop/style.css?17873897283070 */
/* /bitrix/components/topman/callbackform/lib/css/bootstrap.min.css?178593003622741 */
/* /local/templates/digital/components/topman/callbackform/tmd/style.css?17872272406937 */
