

/* Start:/local/css/eleroz-connect.css?178928291116783*/
.erc {
    --erc-orange: #f67821;
    --erc-orange-dark: #dd5c08;
    --erc-ink: #202226;
    --erc-text: #4f5359;
    --erc-muted: #747981;
    --erc-line: #dedfe2;
    --erc-soft: #f5f5f3;
    --erc-warm: #fff7f1;
    --erc-white: #fff;
    max-width: 1240px;
    margin: 0 auto;
    color: var(--erc-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.55;
}
.erc, .erc * { box-sizing: border-box; }
.erc img { display: block; max-width: 100%; height: auto; }
.erc h1, .erc h2, .erc h3, .erc p { padding: 0; margin-top: 0; }
.erc h1, .erc h2, .erc h3 { color: var(--erc-ink); font-family: inherit; font-weight: 750; letter-spacing: -.025em; line-height: 1.12; }
.erc h1 { max-width: 700px; margin-bottom: 24px; font-size: clamp(44px,5.2vw,68px); }
.erc h2 { margin-bottom: 18px; font-size: clamp(34px,3.6vw,48px); }
.erc h3 { margin-bottom: 9px; font-size: 22px; }
.erc button, .erc input { font: inherit; }

.erc-hero { display: grid; align-items: center; padding: 34px 0 70px; gap: clamp(42px,5.5vw,76px); grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr); }
.erc-product-sign { display: flex; align-items: center; margin-bottom: 26px; gap: 13px; }
.erc-product-sign img { width: 52px; height: 52px; object-fit: contain; }
.erc-product-sign b, .erc-product-sign span { display: block; }
.erc-product-sign b { color: var(--erc-ink); font-size: 16px; }
.erc-product-sign span { margin-top: 2px; color: var(--erc-muted); font-size: 13px; }
.erc-hero__lead { max-width: 650px; margin-bottom: 30px; color: #54585f; font-size: 19px; line-height: 1.55; }
.erc-actions { display: flex; align-items: center; gap: 12px; }
.erc-btn { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 13px 24px; border: 1px solid transparent; border-radius: 8px; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 720; line-height: 1.2; text-align: center; text-decoration: none !important; transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease; }
.erc-btn:hover { transform: translateY(-1px); }
.erc-btn--primary { background: var(--erc-orange); color: #fff !important; }
.erc-btn--primary:hover { background: var(--erc-orange-dark); }
.erc-btn--line { border-color: #cfd1d4; background: #fff; color: var(--erc-ink) !important; }
.erc-btn--line:hover { border-color: var(--erc-orange); color: var(--erc-orange-dark) !important; }
.erc-btn--dark { background: #34373c; color: #fff !important; }
.erc-btn--dark:hover { background: #15171a; }
.erc-trust { display: flex; flex-wrap: wrap; align-items: center; margin-top: 28px; color: #555960; font-size: 14px; font-weight: 650; gap: 10px 0; }
.erc-trust span { display: inline-flex; align-items: center; }
.erc-trust span:not(:last-child)::after { width: 4px; height: 4px; border-radius: 50%; margin: 0 13px; background: var(--erc-orange); content: ""; }
.erc-hero__visual { position: relative; overflow: hidden; margin: 0; border-radius: 20px; background: #ece9e5; }
.erc-hero__visual > img { width: 100%; aspect-ratio: 1.28; object-fit: cover; }
.erc-hero__visual figcaption { position: absolute; right: 18px; bottom: 18px; left: 18px; display: flex; max-width: 390px; align-items: center; padding: 14px 16px; border: 1px solid rgba(255,255,255,.58); border-radius: 10px; background: rgba(255,255,255,.94); color: #5c6066; font-size: 12px; line-height: 1.35; gap: 11px; backdrop-filter: blur(8px); }
.erc-hero__visual figcaption i { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: #149267; box-shadow: 0 0 0 4px rgba(20,146,103,.12); }
.erc-hero__visual figcaption b, .erc-hero__visual figcaption span { display: block; }
.erc-hero__visual figcaption b { margin-bottom: 2px; color: var(--erc-ink); font-size: 13px; }

.erc-callbar { display: flex; align-items: center; justify-content: space-between; padding: 23px 28px; border-top: 1px solid var(--erc-line); border-bottom: 1px solid var(--erc-line); gap: 28px; }
.erc-callbar span, .erc-callbar b { display: block; }
.erc-callbar span { color: var(--erc-muted); font-size: 13px; }
.erc-callbar b { color: var(--erc-ink); font-size: 16px; }
.erc-callbar a { flex: 0 0 auto; color: var(--erc-orange-dark); font-size: 20px; font-weight: 760; text-decoration: none; }

.erc-section { padding: 100px 0; }
.erc-section--tint { width: calc(100% + 80px); padding: 86px 40px; margin-left: -40px; background: var(--erc-soft); }
.erc-section-head { display: grid; align-items: end; margin-bottom: 42px; gap: 50px; grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); }
.erc-section-head h2 { max-width: 780px; margin-bottom: 0; }
.erc-section-head > p { max-width: 470px; margin: 0 0 5px; color: var(--erc-muted); font-size: 16px; }
.erc-section-head--compact { grid-template-columns: 1fr; }
.erc-kicker { display: block; margin-bottom: 11px; color: var(--erc-orange-dark); font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }

.erc-story { display: grid; padding: 0; margin: 0; gap: 24px; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; }
.erc-story li { overflow: hidden; border: 1px solid var(--erc-line); background: #fff; }
.erc-story li > img { width: 100%; aspect-ratio: 1.72; background: #f4f1eb; object-fit: cover; object-position: center; }
.erc-story__copy { display: grid; padding: 26px 28px 30px; gap: 18px; grid-template-columns: 38px minmax(0,1fr); }
.erc-story__copy > span { padding-top: 3px; color: var(--erc-orange); font-size: 13px; font-weight: 850; }
.erc-story__copy h3 { font-size: 23px; }
.erc-story__copy p { margin: 0; color: var(--erc-muted); font-size: 14px; }

.erc-problems { display: grid; gap: 18px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.erc-problems article { overflow: hidden; border: 1px solid #d9dadd; background: #fff; }
.erc-problems article > img { width: 100%; aspect-ratio: 1.28; background: #f8f4ed; object-fit: cover; }
.erc-problems article > div { padding: 26px 26px 28px; }
.erc-problems h3 { font-size: 23px; }
.erc-problems p { min-height: 68px; margin-bottom: 0; color: var(--erc-muted); font-size: 14px; }
.erc-more-problems { display: flex; flex-wrap: wrap; padding-top: 26px; margin-top: 28px; border-top: 1px solid #d7d8da; color: #61656b; font-size: 13px; gap: 9px 22px; }
.erc-more-problems b { color: var(--erc-ink); }
.erc-more-problems span { position: relative; padding-left: 14px; }
.erc-more-problems span::before { position: absolute; top: .62em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--erc-orange); content: ""; }

.erc-outcome { display: grid; gap: clamp(48px,7vw,90px); grid-template-columns: minmax(280px,.78fr) minmax(0,1.22fr); }
.erc-outcome__grid { border-top: 1px solid var(--erc-line); }
.erc-outcome__grid article { display: grid; padding: 25px 0; border-bottom: 1px solid var(--erc-line); gap: 14px 20px; grid-template-columns: 36px minmax(190px,.7fr) minmax(230px,1fr); }
.erc-outcome__grid article > span { padding-top: 3px; color: var(--erc-orange); font-size: 12px; font-weight: 850; }
.erc-outcome__grid h3 { margin: 0; font-size: 19px; }
.erc-outcome__grid p { margin: 0; color: var(--erc-muted); font-size: 14px; }

.erc-app { display: grid; width: calc(100% + 80px); align-items: center; padding: 58px 40px; margin-left: -40px; background: #202226; color: #d5d7da; gap: clamp(42px,5vw,70px); grid-template-columns: minmax(0,1.04fr) minmax(390px,.96fr); }
.erc-app__visual { min-width: 0; }
.erc-app__brand { display: flex; height: 60px; align-items: center; margin-bottom: 20px; gap: 12px; }
.erc-app__brand img:first-child { width: 48px; height: 48px; object-fit: contain; }
.erc-app__brand img:nth-child(2) { width: 164px; height: auto; object-fit: contain; }
.erc-app__brand b { padding-left: 12px; border-left: 1px solid #55585d; color: var(--erc-orange); font-size: 21px; font-weight: 720; letter-spacing: .03em; }
.erc-app__window { overflow: hidden; border: 1px solid #55585d; border-radius: 10px; background: #eef0f1; box-shadow: 0 24px 60px rgba(0,0,0,.28); }
.erc-app__window img { width: 100%; height: auto; }
.erc-app .erc-kicker { color: #ff974f; }
.erc-app h2 { color: #fff; }
.erc-app__copy > p { color: #c2c5c9; }
.erc-app__modes { margin: 25px 0 28px; border-top: 1px solid #45484d; }
.erc-app__modes > div { display: grid; padding: 17px 0; border-bottom: 1px solid #45484d; gap: 12px; grid-template-columns: 130px 1fr; }
.erc-app__modes b { color: #fff; font-size: 14px; }
.erc-app__modes span { color: #aaadb2; font-size: 13px; }
.erc-btn--download { width: 100%; justify-content: space-between; text-align: left; }
.erc-btn--download small { font-size: 11px; font-weight: 650; opacity: .86; }
.erc-app__note { margin: 12px 0 0 !important; color: #989ca2 !important; font-size: 11px !important; line-height: 1.45; }

.erc-security { display: grid; align-items: center; padding: 23px 28px; border: 1px solid #f4cfb5; margin-top: 22px; background: var(--erc-warm); gap: 17px; grid-template-columns: 38px 1fr; }
.erc-security > div { display: grid; width: 34px; height: 34px; border-radius: 50%; background: var(--erc-orange); color: #fff; font-weight: 850; place-items: center; }
.erc-security p { margin: 0; color: #5c6066; font-size: 13px; }
.erc-security b { color: var(--erc-ink); }

.erc-request { display: grid; align-items: center; gap: clamp(48px,7vw,90px); grid-template-columns: minmax(300px,.88fr) minmax(440px,1.12fr); }
.erc-request__copy p { max-width: 520px; font-size: 17px; }
.erc-request__copy > a { display: block; margin-top: 30px; color: var(--erc-ink); font-size: 28px; font-weight: 780; text-decoration: none; }
.erc-request__copy > span:last-child { display: block; color: var(--erc-muted); font-size: 13px; }
.erc-request__form { padding: 35px; border: 1px solid var(--erc-line); background: #fff; box-shadow: 0 18px 52px rgba(32,34,38,.09); }
.erc-form-shell h3 { margin-bottom: 7px; font-size: 26px; }
.erc-form-shell > p { margin-bottom: 24px; color: var(--erc-muted); font-size: 14px; }
.erc-form-fields { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.erc-form-fields label > span { display: block; margin-bottom: 7px; color: var(--erc-ink); font-size: 13px; font-weight: 680; }
.erc-form-fields input { width: 100%; height: 52px; padding: 0 15px; border: 1px solid #cfd1d4; border-radius: 7px; background: #fff; color: var(--erc-ink); outline: 0; }
.erc-form-fields input:focus { border-color: var(--erc-orange); box-shadow: 0 0 0 3px rgba(246,120,33,.12); }
.erc-form-consent { margin: 18px 0; color: #656970; font-size: 12px; }
.erc-form-consent label, .erc-form-consent .main-user-consent-request { display: flex !important; align-items: flex-start !important; margin: 0 !important; color: #656970 !important; font-family: inherit !important; line-height: 1.45 !important; gap: 10px; }
.erc-form-consent input[type="checkbox"] { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; margin: 1px 0 0 !important; accent-color: var(--erc-orange); }
.erc-form-consent .main-user-consent-request-announce-link { display: block !important; flex: 1 1 auto; padding: 0 !important; }
.erc-form-consent a { color: var(--erc-orange-dark); }
.erc-form-shell form > .erc-btn { width: 100%; }
.erc-form-shell form > small { display: block; margin-top: 10px; color: #8a8e94; font-size: 11px; text-align: center; }
.erc-form-errors { padding: 12px 14px; border-left: 3px solid #bf342c; margin-bottom: 17px; background: #fff2f1; color: #8d2924; font-size: 13px; }
.erc-form-errors span { display: block; }
.erc-form-success { min-height: 255px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--erc-text); text-align: center; }
.erc-form-success > span { display: grid; width: 52px; height: 52px; border-radius: 50%; margin-bottom: 18px; background: #e5f4ee; color: #14835e; font-size: 24px; font-weight: 800; place-items: center; }
.erc-form-success p { max-width: 380px; margin: 0; }
.erc-honeypot { position: absolute !important; left: -10000px !important; overflow: hidden !important; width: 1px !important; height: 1px !important; }

.erc-faq { max-width: 970px; margin-right: auto; margin-left: auto; }
.erc-faq details { border-bottom: 1px solid var(--erc-line); }
.erc-faq summary { position: relative; padding: 22px 48px 22px 0; color: var(--erc-ink); cursor: pointer; font-size: 17px; font-weight: 720; list-style: none; }
.erc-faq summary::-webkit-details-marker { display: none; }
.erc-faq summary::after { position: absolute; top: 18px; right: 5px; color: var(--erc-orange); content: "+"; font-size: 25px; font-weight: 400; }
.erc-faq details[open] summary::after { content: "−"; }
.erc-faq details p { max-width: 810px; padding: 0 0 23px; margin: 0; color: var(--erc-muted); }

.erc-final { display: flex; min-height: 290px; align-items: center; justify-content: space-between; padding: 54px 58px; background: #202226; color: #fff; gap: 60px; }
.erc-final > div:first-child > span { color: #ff974f; font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.erc-final h2 { max-width: 710px; margin: 8px 0 12px; color: #fff; }
.erc-final p { margin: 0; color: #b3b6ba; }
.erc-final > div:last-child { display: grid; min-width: 250px; gap: 10px; }

@media (max-width: 1050px) {
    .erc-hero { grid-template-columns: 1fr; }
    .erc-hero__visual > img { aspect-ratio: 1.75; }
    .erc-section-head { align-items: start; gap: 15px; grid-template-columns: 1fr; }
    .erc-outcome { gap: 42px; grid-template-columns: 1fr; }
    .erc-app { grid-template-columns: 1fr; }
    .erc-request { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
    .erc { font-size: 15px; }
    .erc h1 { font-size: clamp(37px,11vw,48px); }
    .erc h2 { font-size: clamp(30px,8.5vw,40px); }
    .erc-hero { padding: 12px 0 48px; gap: 34px; }
    .erc-product-sign { margin-bottom: 20px; }
    .erc-hero__lead { font-size: 16px; }
    .erc-actions { align-items: stretch; flex-direction: column; }
    .erc-actions .erc-btn { width: 100%; }
    .erc-trust { align-items: flex-start; flex-direction: column; gap: 7px; }
    .erc-trust span:not(:last-child)::after { display: none; }
    .erc-trust span::before { width: 5px; height: 5px; border-radius: 50%; margin-right: 9px; background: var(--erc-orange); content: ""; }
    .erc-hero__visual { border-radius: 14px; }
    .erc-hero__visual > img { aspect-ratio: 1.32; }
    .erc-hero__visual figcaption { right: 10px; bottom: 10px; left: 10px; padding: 11px 12px; }
    .erc-callbar { align-items: flex-start; flex-direction: column; padding: 20px 0; gap: 12px; }
    .erc-section { padding: 70px 0; }
    .erc-section--tint, .erc-app { width: 100%; padding: 65px 18px; margin-left: 0; }
    .erc-section-head { margin-bottom: 30px; }
    .erc-story { grid-template-columns: 1fr; }
    .erc-story li > img { aspect-ratio: 1.46; }
    .erc-story__copy { padding: 23px 21px 26px; }
    .erc-problems { grid-template-columns: 1fr; }
    .erc-problems article { display: grid; grid-template-columns: 42% minmax(0,1fr); }
    .erc-problems article > img { height: 100%; aspect-ratio: auto; object-fit: cover; }
    .erc-problems article > div { padding: 20px; }
    .erc-problems h3 { font-size: 20px; }
    .erc-problems p { min-height: auto; margin-bottom: 16px; }
    .erc-more-problems { align-items: flex-start; flex-direction: column; }
    .erc-outcome__grid article { grid-template-columns: 32px 1fr; }
    .erc-outcome__grid article p { grid-column: 2; }
    .erc-app__brand img:nth-child(2) { width: 140px; }
    .erc-app__brand b { font-size: 18px; }
    .erc-app__modes > div { grid-template-columns: 1fr; }
    .erc-security { padding: 20px; }
    .erc-request { grid-template-columns: 1fr; }
    .erc-request__form { padding: 27px 20px; }
    .erc-form-fields { grid-template-columns: 1fr; }
    .erc-final { align-items: flex-start; padding: 48px 22px; flex-direction: column; gap: 32px; }
    .erc-final > div:last-child, .erc-final .erc-btn { width: 100%; }
}

@media (max-width: 480px) {
    .erc-product-sign span { font-size: 12px; }
    .erc-hero__visual > img { aspect-ratio: 1.18; }
    .erc-story li > img { aspect-ratio: 1.35; }
    .erc-problems article { display: block; }
    .erc-problems article > img { width: 100%; aspect-ratio: 1.5; }
    .erc-btn--download { align-items: flex-start; flex-direction: column; gap: 3px; }
    .erc-app__brand { gap: 8px; }
    .erc-app__brand img:first-child { width: 42px; height: 42px; }
    .erc-app__brand img:nth-child(2) { width: 119px; }
    .erc-app__brand b { padding-left: 8px; font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
    .erc-btn { transition: none; }
}

/* End */


/* Start:/bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?17695386783805*/
.main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;width:100%;max-width:600px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 10px;font:normal 18px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#000;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:260px}.main-user-consent-request-popup-textarea-block{margin:0 0 20px}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:none;border-radius:2px;font:normal 12px/39px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#535c69;outline:none;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:none}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{border:1px solid #999;overflow:auto;padding:8px;text-align:left;color:#545454}.main-user-consent-request-popup-link{height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-user-consent-request-popup-link a{display:block;margin:20px 0 0;text-overflow:ellipsis;overflow:hidden;max-width:260px}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translateY(50%);transform:translateY(50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:"";display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}.main-user-consent-request-announce{color:#333;font-size:13px;line-height:15px}.main-user-consent-request-announce-link{cursor:pointer}.main-user-consent-request-announce-required{color:red}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn)}}@media (min-width:1000px){.main-user-consent-request-popup-cont{min-height:400px;min-width:640px}.main-user-consent-request-popup-header{max-width:590px}.main-user-consent-request-popup-link,.main-user-consent-request-popup-text{height:240px}.main-user-consent-request-popup-link a{max-width:200px}}@media (max-width:768px){.main-user-consent-request-popup-cont{height:100%}}
/* End */
/* /local/css/eleroz-connect.css?178928291116783 */
/* /bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?17695386783805 */
