{"id":6,"date":"2026-09-15T06:23:08","date_gmt":"2026-09-15T06:23:08","guid":{"rendered":"https:\/\/ritellobulgaria.com\/?page_id=6"},"modified":"2026-09-16T09:44:02","modified_gmt":"2026-09-16T09:44:02","slug":"6-2","status":"publish","type":"page","link":"https:\/\/ritellobulgaria.com\/","title":{"rendered":"Ritello"},"content":{"rendered":"\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\"><\/div>\n\n\n\n<section id=\"ritello-home\" class=\"rt-hero\">\n\n<style>\n\/* =========================================\n   RITELLO HERO\n   DESKTOP + TABLET + MOBILE\n========================================= *\/\n\n.rt-hero,\n.rt-hero * {\n    box-sizing: border-box;\n}\n\n\/* \u0437\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 \u0445\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0435\u043d scroll *\/\nhtml,\nbody {\n    overflow-x: hidden !important;\n}\n\n\n\/* =========================================\n   HERO FULL WIDTH\n========================================= *\/\n\n.rt-hero {\n    position: relative;\n\n    \/*\n       \u0418\u0437\u043a\u0430\u0440\u0432\u0430 \u0441\u0435\u043a\u0446\u0438\u044f\u0442\u0430 \u0438\u0437\u0432\u044a\u043d \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435\u0442\u043e\n       \u043d\u0430 Pagelayer container-\u0430.\n    *\/\n    width: 100vw;\n    max-width: none;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    min-height: 720px;\n    height: calc(100vh - 80px);\n    max-height: 900px;\n\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n\n    font-family: Helvetica, Arial, sans-serif;\n    color: #fff;\n\n    background:\n        radial-gradient(\n            circle at 76% 48%,\n            rgba(0,166,207,.22) 0%,\n            rgba(0,166,207,.08) 27%,\n            transparent 52%\n        ),\n        radial-gradient(\n            circle at 92% 85%,\n            rgba(56,112,183,.16),\n            transparent 38%\n        ),\n        linear-gradient(\n            135deg,\n            #041019 0%,\n            #061823 55%,\n            #042735 100%\n        );\n}\n\n\n\/* =========================================\n   DECORATIVE LIGHT\n========================================= *\/\n\n.rt-hero::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 700px;\n    height: 700px;\n\n    right: -120px;\n    top: 50%;\n\n    transform: translateY(-50%);\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(0,166,207,.16),\n            transparent 68%\n        );\n\n    filter: blur(15px);\n\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   CONTENT WRAPPER\n========================================= *\/\n\n.rt-hero-inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(1240px, 92vw);\n    max-width: 1240px;\n\n    height: 100%;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        52%\n        48%;\n\n    align-items: center;\n}\n\n\n\/* =========================================\n   LEFT SIDE\n========================================= *\/\n\n.rt-copy {\n    position: relative;\n    z-index: 5;\n\n    width: 100%;\n\n    padding-bottom: 20px;\n}\n\n\n\/* =========================================\n   KICKER\n========================================= *\/\n\n.rt-kicker {\n    display: flex;\n\n    align-items: center;\n\n    gap: 17px;\n\n    margin-bottom: 28px;\n\n    color: #00A6CF;\n\n    font-size: 15px;\n\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: .18em;\n}\n\n.rt-kicker::before {\n    content: \"\";\n\n    width: 42px;\n    height: 2px;\n\n    flex-shrink: 0;\n\n    background: #00A6CF;\n}\n\n\n\/* =========================================\n   TITLE\n========================================= *\/\n\n.rt-title {\n    margin: 0;\n\n    max-width: 760px;\n\n    color: #fff;\n\n    font-size:\n        clamp(\n            65px,\n            7vw,\n            112px\n        );\n\n    font-weight: 800;\n\n    line-height: .88;\n\n    letter-spacing: -.065em;\n}\n\n.rt-title span {\n    display: block;\n\n    background:\n        linear-gradient(\n            90deg,\n            #ffffff 0%,\n            #ffffff 50%,\n            #a9ddea 100%\n        );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    -webkit-text-fill-color: transparent;\n}\n\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.rt-description {\n    max-width: 590px;\n\n    margin:\n        32px\n        0\n        0;\n\n    color:\n        rgba(\n            230,\n            241,\n            246,\n            .78\n        );\n\n    font-size: 20px;\n\n    line-height: 1.55;\n}\n\n\n\/* =========================================\n   BUTTONS\n========================================= *\/\n\n.rt-actions {\n    display: flex;\n\n    align-items: center;\n\n    gap: 22px;\n\n    flex-wrap: wrap;\n\n    margin-top: 36px;\n}\n\n\n\/* MAIN BUTTON *\/\n\n.rt-main-btn {\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 14px;\n\n    min-height: 58px;\n\n    padding:\n        0\n        30px;\n\n    border-radius: 100px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #3870B7,\n            #00A6CF\n        );\n\n    color: #fff !important;\n\n    text-decoration: none !important;\n\n    font-size: 14px;\n\n    font-weight: 800;\n\n    letter-spacing: .04em;\n\n    box-shadow:\n        0 16px 40px\n        rgba(0,166,207,.25);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n.rt-main-btn:hover {\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 20px 50px\n        rgba(0,166,207,.38);\n}\n\n.rt-arrow {\n    font-size: 20px;\n\n    transition:\n        transform .3s ease;\n}\n\n.rt-main-btn:hover .rt-arrow {\n    transform:\n        translateY(4px);\n}\n\n\n\/* SECOND LINK *\/\n\n.rt-demo-link {\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .82\n        ) !important;\n\n    text-decoration: none !important;\n\n    font-size: 14px;\n\n    font-weight: 700;\n\n    padding-bottom: 5px;\n\n    border-bottom:\n        1px solid\n        rgba(255,255,255,.30);\n\n    transition: .25s ease;\n}\n\n.rt-demo-link:hover {\n    color: #00A6CF !important;\n\n    border-color: #00A6CF;\n}\n\n\n\/* =========================================\n   MACHINE AREA\n========================================= *\/\n\n.rt-machine-area {\n    position: relative;\n\n    width: 100%;\n\n    height: calc(100vh - 80px);\n\n    min-height: 650px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n}\n\n\n\/* =========================================\n   MACHINE GLOW\n========================================= *\/\n\n.rt-machine-glow {\n    position: absolute;\n\n    width: 620px;\n    height: 620px;\n\n    left: 50%;\n    top: 50%;\n\n    transform:\n        translate(-50%, -50%);\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(0,166,207,.25) 0%,\n            rgba(56,112,183,.10) 42%,\n            transparent 70%\n        );\n\n    filter: blur(18px);\n\n    animation:\n        rtGlow\n        5s\n        ease-in-out\n        infinite;\n}\n\n\n\/* =========================================\n   CIRCLE\n========================================= *\/\n\n.rt-machine-circle {\n    position: absolute;\n\n    width: 470px;\n    height: 470px;\n\n    left: 52%;\n    top: 50%;\n\n    transform:\n        translate(-50%, -50%);\n\n    border-radius: 50%;\n\n    border:\n        1px solid\n        rgba(0,166,207,.16);\n\n    box-shadow:\n        inset\n        0\n        0\n        80px\n        rgba(0,166,207,.06);\n}\n\n\n\/* =========================================\n   MACHINE IMAGE\n========================================= *\/\n\n.rt-machine {\n    position: relative;\n\n    z-index: 5;\n\n    display: block;\n\n    width: 760px;\n\n    max-width: none;\n\n    height: auto;\n\n    object-fit: contain;\n\n    transform:\n        translateX(-20px);\n\n    filter:\n        drop-shadow(\n            0\n            45px\n            45px\n            rgba(0,0,0,.48)\n        );\n\n    animation:\n        rtMachineFloat\n        5s\n        ease-in-out\n        infinite;\n}\n\n\n\/* =========================================\n   FLOOR SHADOW\n========================================= *\/\n\n.rt-machine-shadow {\n    position: absolute;\n\n    z-index: 1;\n\n    width: 470px;\n    height: 55px;\n\n    bottom: 9%;\n\n    left: 52%;\n\n    transform:\n        translateX(-50%);\n\n    border-radius: 50%;\n\n    background:\n        rgba(0,0,0,.50);\n\n    filter: blur(25px);\n}\n\n\n\/* =========================================\n   SCROLL TEXT\n========================================= *\/\n\n.rt-scroll {\n    position: absolute;\n\n    z-index: 10;\n\n    left:\n        max(\n            4vw,\n            calc((100vw - 1240px) \/ 2)\n        );\n\n    bottom: 30px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .45\n        );\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n.rt-scroll::before {\n    content: \"\";\n\n    width: 38px;\n    height: 1px;\n\n    background: #00A6CF;\n}\n\n\n\/* =========================================\n   DESKTOP ANIMATIONS\n========================================= *\/\n\n@keyframes rtMachineFloat {\n\n    0%,\n    100% {\n        transform:\n            translateX(-20px)\n            translateY(0);\n    }\n\n    50% {\n        transform:\n            translateX(-20px)\n            translateY(-12px);\n    }\n}\n\n\n@keyframes rtGlow {\n\n    0%,\n    100% {\n        opacity: .65;\n\n        transform:\n            translate(-50%, -50%)\n            scale(.94);\n    }\n\n    50% {\n        opacity: 1;\n\n        transform:\n            translate(-50%, -50%)\n            scale(1.06);\n    }\n}\n\n\n\/* =========================================\n   TABLET \/ SMALL DESKTOP\n========================================= *\/\n\n@media (max-width: 1100px) and (min-width: 768px) {\n\n    .rt-hero-inner {\n        width: 92vw;\n\n        grid-template-columns:\n            55%\n            45%;\n    }\n\n    .rt-title {\n        font-size:\n            clamp(\n                58px,\n                7vw,\n                90px\n            );\n    }\n\n    .rt-description {\n        max-width: 520px;\n\n        font-size: 18px;\n    }\n\n    .rt-machine {\n        width: 650px;\n    }\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n\n    .rt-hero {\n        min-height: auto;\n\n        height: auto;\n\n        max-height: none;\n\n        overflow: hidden;\n\n        display: block;\n    }\n\n\n    \/* -------------------------\n       MOBILE INNER\n    ------------------------- *\/\n\n    .rt-hero-inner {\n        width: 100%;\n\n        max-width: 100%;\n\n        height: auto;\n\n        margin: 0;\n\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        padding:\n            90px\n            24px\n            0;\n    }\n\n\n    \/* -------------------------\n       MOBILE COPY\n    ------------------------- *\/\n\n    .rt-copy {\n        width: 100%;\n\n        max-width: 100%;\n\n        padding: 0;\n\n        text-align: left;\n    }\n\n\n    .rt-kicker {\n        justify-content: flex-start;\n\n        gap: 12px;\n\n        margin-bottom: 28px;\n\n        font-size: 11px;\n    }\n\n\n    .rt-kicker::before {\n        width: 30px;\n    }\n\n\n    \/* -------------------------\n       MOBILE TITLE\n    ------------------------- *\/\n\n    .rt-title {\n        width: 100%;\n\n        max-width: 100%;\n\n        font-size:\n            clamp(\n                48px,\n                13vw,\n                64px\n            );\n\n        line-height: .96;\n\n        letter-spacing: -.055em;\n\n        overflow-wrap: normal;\n\n        word-break: normal;\n    }\n\n\n    .rt-title span {\n        display: block;\n    }\n\n\n    \/* -------------------------\n       MOBILE DESCRIPTION\n    ------------------------- *\/\n\n    .rt-description {\n        width: 100%;\n\n        max-width: 500px;\n\n        margin:\n            28px\n            0\n            0;\n\n        font-size: 17px;\n\n        line-height: 1.55;\n    }\n\n\n    \/* -------------------------\n       MOBILE ACTIONS\n    ------------------------- *\/\n\n    .rt-actions {\n        width: 100%;\n\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        gap: 30px;\n\n        margin-top: 30px;\n    }\n\n\n    .rt-main-btn {\n        width: 100%;\n\n        min-height: 64px;\n\n        justify-content: space-between;\n\n        padding:\n            0\n            28px;\n\n        font-size: 15px;\n    }\n\n\n    .rt-demo-link {\n        width: 100%;\n\n        display: block;\n\n        padding:\n            0\n            4px\n            14px;\n\n        font-size: 16px;\n\n        border-bottom:\n            1px solid\n            rgba(255,255,255,.28);\n    }\n\n\n    \/* -------------------------\n       MOBILE MACHINE\n    ------------------------- *\/\n\n    .rt-machine-area {\n        position: relative;\n\n        width: calc(100% + 48px);\n\n        height: 520px;\n\n        min-height: 0;\n\n        margin:\n            12px\n            0\n            0\n            -24px;\n\n        overflow: hidden;\n    }\n\n\n    .rt-machine {\n        position: absolute;\n\n        z-index: 5;\n\n        width: 570px;\n\n        max-width: none;\n\n        height: auto;\n\n        left: 50%;\n\n        top: 5px;\n\n        transform:\n            translateX(-40%);\n\n        animation:\n            rtMachineFloatMobile\n            5s\n            ease-in-out\n            infinite;\n    }\n\n\n    .rt-machine-glow {\n        width: 430px;\n        height: 430px;\n\n        left: 55%;\n        top: 47%;\n    }\n\n\n    .rt-machine-circle {\n        width: 340px;\n        height: 340px;\n\n        left: 55%;\n        top: 50%;\n    }\n\n\n    .rt-machine-shadow {\n        width: 330px;\n\n        left: 55%;\n\n        bottom: 3%;\n    }\n\n\n    .rt-scroll {\n        display: none;\n    }\n\n\n    @keyframes rtMachineFloatMobile {\n\n        0%,\n        100% {\n            transform:\n                translateX(-40%)\n                translateY(0);\n        }\n\n        50% {\n            transform:\n                translateX(-40%)\n                translateY(-8px);\n        }\n    }\n\n}\n\n\n\/* =========================================\n   SMALL PHONES\n========================================= *\/\n\n@media (max-width: 390px) {\n\n    .rt-hero-inner {\n        padding:\n            80px\n            20px\n            0;\n    }\n\n\n    .rt-title {\n        font-size: 46px;\n\n        line-height: .98;\n    }\n\n\n    .rt-description {\n        font-size: 16px;\n    }\n\n\n    .rt-machine-area {\n        width: calc(100% + 40px);\n\n        margin-left: -20px;\n\n        height: 490px;\n    }\n\n\n    .rt-machine {\n        width: 530px;\n    }\n\n}\n\n\n\/* =========================================\n   REDUCED MOTION\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .rt-machine,\n    .rt-machine-glow {\n        animation: none;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"rt-hero-inner\">\n\n    <!-- LEFT CONTENT -->\n\n    <div class=\"rt-copy\">\n\n        <div class=\"rt-kicker\">\n            RITELLO MAXIMUS\n        <\/div>\n\n\n        <h1 class=\"rt-title\">\n            \u041f\u043e\u0432\u0435\u0447\u0435 \u043e\u0442\n            <span>\u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435.<\/span>\n        <\/h1>\n\n\n        <p class=\"rt-description\">\n            \u041f\u0440\u0435\u0447\u0438\u0441\u0442\u0432\u0430 \u0432\u044a\u0437\u0434\u0443\u0445\u0430.\n            \u041f\u043e\u0447\u0438\u0441\u0442\u0432\u0430 \u0432 \u0434\u044a\u043b\u0431\u043e\u0447\u0438\u043d\u0430.\n            \u0421\u044a\u0437\u0434\u0430\u0432\u0430 \u043f\u043e-\u0447\u0438\u0441\u0442\u0430 \u0438 \u043f\u0440\u0438\u044f\u0442\u043d\u0430 \u0441\u0440\u0435\u0434\u0430 \u0432\u044a\u0432 \u0432\u0430\u0448\u0438\u044f \u0434\u043e\u043c.\n        <\/p>\n\n\n        <div class=\"rt-actions\">\n\n            <a\n                href=\"#ritello-benefits\"\n                class=\"rt-main-btn\"\n            >\n                \u041e\u0422\u041a\u0420\u0418\u0419 RITELLO\n\n                <span class=\"rt-arrow\">\n                    \u2193\n                <\/span>\n            <\/a>\n\n\n            <a\n                href=\"#ritello-demo\"\n                class=\"rt-demo-link\"\n            >\n                \u0417\u0430\u043f\u0438\u0448\u0438 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- MACHINE -->\n\n    <div class=\"rt-machine-area\">\n\n        <div class=\"rt-machine-glow\"><\/div>\n\n        <div class=\"rt-machine-circle\"><\/div>\n\n        <div class=\"rt-machine-shadow\"><\/div>\n\n\n        <img decoding=\"async\"\n            class=\"rt-machine\"\n            src=\"https:\/\/ritellobulgaria.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-09_28_37-AM.png\"\n            alt=\"Ritello Maximus\"\n        >\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"rt-scroll\">\n    \u0421\u041a\u0420\u041e\u041b\u041d\u0418 \u041d\u0410\u0414\u041e\u041b\u0423\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================\n     RITELLO HEADER\n========================= -->\n\n<header id=\"ritello-header\">\n\n  <div class=\"rh-inner\">\n\n    <!-- LOGO -->\n    <a href=\"#ritello-home\" class=\"rh-logo\">\n      RITELLO<span>\u2726<\/span>\n    <\/a>\n\n    <!-- DESKTOP \/ MOBILE MENU -->\n    <nav class=\"rh-nav\" id=\"rh-nav\">\n\n      <a href=\"#ritello-home\">\n        \u041d\u0430\u0447\u0430\u043b\u043e\n      <\/a>\n\n      <a href=\"#ritello-benefits\">\n        \u0417\u0430 Ritello\n      <\/a>\n\n      <a href=\"#ritello-tradein\">\n        \u041e\u0442\u0441\u0442\u044a\u043f\u043a\u0430\n      <\/a>\n <a href=\"#ritello-showrooms\">\n\u0428\u043e\u0443\u0440\u0443\u043c\u0438\n<\/a>\n      <a href=\"#ritello-demo\">\n        \u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f\n      <\/a>\n\n    <\/nav>\n\n    <!-- CTA -->\n    <a href=\"#ritello-demo\" class=\"rh-cta\">\n      \u0417\u0410\u041f\u0418\u0428\u0418 \u0414\u0415\u041c\u041e\u041d\u0421\u0422\u0420\u0410\u0426\u0418\u042f\n    <\/a>\n\n    <!-- MOBILE BUTTON -->\n    <button class=\"rh-menu-btn\" id=\"rh-menu-btn\" aria-label=\"\u041e\u0442\u0432\u043e\u0440\u0438 \u043c\u0435\u043d\u044e\" aria-expanded=\"false\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n\n  <\/div>\n\n<\/header>\n\n\n<style>\n\n\/* =========================\n   HEADER\n========================= *\/\n\n#ritello-header{\n  position:fixed;\n  top:0;\n  left:0;\n  right:0;\n\n  width:100%;\n  height:78px;\n\n  z-index:99999;\n\n  font-family:Helvetica,Arial,sans-serif;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(4,16,25,.88),\n      rgba(4,16,25,.58)\n    );\n\n  border-bottom:\n    1px solid rgba(255,255,255,.08);\n\n  backdrop-filter:blur(14px);\n  -webkit-backdrop-filter:blur(14px);\n\n  transition:\n    background .3s ease,\n    box-shadow .3s ease;\n}\n\n\n\/* =========================\n   INNER\n========================= *\/\n\n.rh-inner{\n\n  width:min(1240px,92%);\n\n  height:100%;\n\n  margin:0 auto;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:30px;\n\n}\n\n\n\/* =========================\n   LOGO\n========================= *\/\n\n.rh-logo{\n\n  color:#FFFFFF !important;\n\n  text-decoration:none !important;\n\n  font-size:30px;\n\n  line-height:1;\n\n  font-weight:900;\n\n  font-style:italic;\n\n  letter-spacing:-1.5px;\n\n  white-space:nowrap;\n\n}\n\n.rh-logo span{\n\n  color:#00A6CF;\n\n  margin-left:5px;\n\n}\n\n\n\/* =========================\n   NAVIGATION\n========================= *\/\n\n.rh-nav{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:32px;\n\n  margin-left:auto;\n\n}\n\n.rh-nav a{\n\n  position:relative;\n\n  color:rgba(255,255,255,.86) !important;\n\n  text-decoration:none !important;\n\n  font-size:14px;\n\n  font-weight:600;\n\n  white-space:nowrap;\n\n  transition:\n    color .25s ease;\n\n}\n\n\n\/* LINE UNDER MENU *\/\n\n.rh-nav a::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n\n  bottom:-8px;\n\n  width:0;\n\n  height:2px;\n\n  border-radius:10px;\n\n  background:#00A6CF;\n\n  transition:width .25s ease;\n\n}\n\n.rh-nav a:hover{\n\n  color:#FFFFFF !important;\n\n}\n\n.rh-nav a:hover::after{\n\n  width:100%;\n\n}\n\n\n\/* =========================\n   CTA BUTTON\n========================= *\/\n\n.rh-cta{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  min-height:44px;\n\n  padding:0 21px;\n\n  border-radius:50px;\n\n  color:#FFFFFF !important;\n\n  text-decoration:none !important;\n\n  font-size:13px;\n\n  font-weight:800;\n\n  letter-spacing:.02em;\n\n  border:1px solid #00A6CF;\n\n  background:\n    rgba(0,166,207,.08);\n\n  transition:\n    background .25s ease,\n    transform .25s ease,\n    box-shadow .25s ease;\n\n}\n\n.rh-cta:hover{\n\n  background:#00A6CF;\n\n  transform:translateY(-2px);\n\n  box-shadow:\n    0 10px 30px\n    rgba(0,166,207,.28);\n\n}\n\n\n\/* =========================\n   MOBILE BUTTON\n========================= *\/\n\n.rh-menu-btn{\n\n  display:none;\n\n  width:44px;\n\n  height:44px;\n\n  padding:0;\n\n  border:\n\n    1px solid\n    rgba(255,255,255,.15);\n\n  border-radius:12px;\n\n  background:\n    rgba(255,255,255,.06);\n\n  cursor:pointer;\n\n  align-items:center;\n\n  justify-content:center;\n\n  flex-direction:column;\n\n  gap:5px;\n\n}\n\n.rh-menu-btn span{\n\n  display:block;\n\n  width:20px;\n\n  height:2px;\n\n  border-radius:10px;\n\n  background:#FFFFFF;\n\n  transition:.3s ease;\n\n}\n\n\n\/* =========================\n   HEADER AFTER SCROLL\n========================= *\/\n\n#ritello-header.rh-scrolled{\n\n  background:\n    rgba(4,16,25,.96);\n\n  box-shadow:\n    0 10px 40px\n    rgba(0,0,0,.22);\n\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:900px){\n\n  #ritello-header{\n\n    height:70px;\n\n  }\n\n  .rh-inner{\n\n    width:92%;\n\n  }\n\n  .rh-logo{\n\n    font-size:25px;\n\n  }\n\n  .rh-cta{\n\n    display:none;\n\n  }\n\n  .rh-menu-btn{\n\n    display:flex;\n\n  }\n\n\n  \/* MOBILE MENU *\/\n\n  .rh-nav{\n\n    position:absolute;\n\n    top:78px;\n\n    left:4%;\n\n    right:4%;\n\n    margin:0;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:stretch;\n\n    gap:3px;\n\n    padding:12px;\n\n    border-radius:18px;\n\n    background:\n      rgba(4,16,25,.98);\n\n    border:\n      1px solid\n      rgba(255,255,255,.09);\n\n    box-shadow:\n      0 20px 60px\n      rgba(0,0,0,.35);\n\n    opacity:0;\n\n    visibility:hidden;\n\n    transform:\n      translateY(-12px);\n\n    transition:\n      opacity .25s ease,\n      transform .25s ease,\n      visibility .25s ease;\n\n  }\n\n\n  .rh-nav.rh-open{\n\n    opacity:1;\n\n    visibility:visible;\n\n    transform:\n      translateY(0);\n\n  }\n\n\n  .rh-nav a{\n\n    padding:15px 15px;\n\n    border-radius:11px;\n\n    font-size:15px;\n\n  }\n\n\n  .rh-nav a:hover{\n\n    background:\n      rgba(0,166,207,.10);\n\n  }\n\n\n  .rh-nav a::after{\n\n    display:none;\n\n  }\n\n\n  \/* hamburger \u2192 X *\/\n\n  .rh-menu-btn.rh-active\n  span:nth-child(1){\n\n    transform:\n      translateY(7px)\n      rotate(45deg);\n\n  }\n\n  .rh-menu-btn.rh-active\n  span:nth-child(2){\n\n    opacity:0;\n\n  }\n\n  .rh-menu-btn.rh-active\n  span:nth-child(3){\n\n    transform:\n      translateY(-7px)\n      rotate(-45deg);\n\n  }\n\n}\n\n\n\/* =========================\n   ANCHOR OFFSET\n========================= *\/\n\n#ritello-home,\n#ritello-benefits,\n#ritello-tradein,\n#ritello-demo{\n\n  scroll-margin-top:78px;\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function(){\n\n    const header =\n      document.getElementById(\n        \"ritello-header\"\n      );\n\n    const button =\n      document.getElementById(\n        \"rh-menu-btn\"\n      );\n\n    const menu =\n      document.getElementById(\n        \"rh-nav\"\n      );\n\n\n    \/* =====================\n       MOBILE MENU\n    ===================== *\/\n\n    button.addEventListener(\n      \"click\",\n      function(){\n\n        menu.classList.toggle(\n          \"rh-open\"\n        );\n\n        button.classList.toggle(\n          \"rh-active\"\n        );\n\n        const isOpen =\n          menu.classList.contains(\n            \"rh-open\"\n          );\n\n        button.setAttribute(\n          \"aria-expanded\",\n          isOpen\n        );\n\n      }\n    );\n\n\n    \/* =====================\n       CLOSE AFTER CLICK\n    ===================== *\/\n\n    menu\n      .querySelectorAll(\"a\")\n      .forEach(function(link){\n\n        link.addEventListener(\n          \"click\",\n          function(){\n\n            menu.classList.remove(\n              \"rh-open\"\n            );\n\n            button.classList.remove(\n              \"rh-active\"\n            );\n\n            button.setAttribute(\n              \"aria-expanded\",\n              \"false\"\n            );\n\n          }\n        );\n\n      });\n\n\n    \/* =====================\n       SCROLL EFFECT\n    ===================== *\/\n\n    function checkScroll(){\n\n      if(window.scrollY > 40){\n\n        header.classList.add(\n          \"rh-scrolled\"\n        );\n\n      }else{\n\n        header.classList.remove(\n          \"rh-scrolled\"\n        );\n\n      }\n\n    }\n\n    checkScroll();\n\n    window.addEventListener(\n      \"scroll\",\n      checkScroll\n    );\n\n\n    \/* =====================\n       SMOOTH SCROLL\n    ===================== *\/\n\n    document\n      .querySelectorAll(\n        'a[href^=\"#ritello-\"]'\n      )\n      .forEach(function(link){\n\n        link.addEventListener(\n          \"click\",\n          function(e){\n\n            const id =\n              this.getAttribute(\n                \"href\"\n              );\n\n            const target =\n              document.querySelector(\n                id\n              );\n\n            if(target){\n\n              e.preventDefault();\n\n              target.scrollIntoView({\n                behavior:\"smooth\",\n                block:\"start\"\n              });\n\n            }\n\n          }\n        );\n\n      });\n\n  }\n);\n\n<\/script>\n\n\n\n<section id=\"ritello-benefits\" class=\"rb-section\">\n\n<style>\n\n\/* ==========================================\n   RITELLO BENEFITS\n========================================== *\/\n\n.rb-section,\n.rb-section *{\n    box-sizing:border-box;\n}\n\n.rb-section{\n    position:relative;\n    width:100vw;\n    max-width:100vw;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n\n    overflow:hidden;\n\n    padding:120px 0 130px;\n\n    font-family:Helvetica,Arial,sans-serif;\n\n    color:#fff;\n\n    background:\n        radial-gradient(\n            circle at 10% 20%,\n            rgba(0,166,207,.10),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 90% 80%,\n            rgba(56,112,183,.13),\n            transparent 32%\n        ),\n        linear-gradient(\n            180deg,\n            #041019 0%,\n            #061923 100%\n        );\n}\n\n\n\/* subtle top line *\/\n\n.rb-section::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:50%;\n\n    width:80%;\n    height:1px;\n\n    transform:translateX(-50%);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(0,166,207,.35),\n            transparent\n        );\n}\n\n\n\/* background glow *\/\n\n.rb-section::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:700px;\n    height:700px;\n\n    right:-350px;\n    top:50px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(0,166,207,.08),\n            transparent 68%\n        );\n\n    pointer-events:none;\n}\n\n\n\/* ==========================================\n   CONTAINER\n========================================== *\/\n\n.rb-container{\n    position:relative;\n    z-index:2;\n\n    width:min(1240px,90%);\n\n    margin:0 auto;\n}\n\n\n\/* ==========================================\n   TOP\n========================================== *\/\n\n.rb-top{\n    display:grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    align-items:end;\n\n    gap:80px;\n\n    margin-bottom:65px;\n}\n\n\n\/* kicker *\/\n\n.rb-kicker{\n    display:flex;\n\n    align-items:center;\n\n    gap:15px;\n\n    margin-bottom:22px;\n\n    color:#00A6CF;\n\n    font-size:13px;\n\n    font-weight:800;\n\n    letter-spacing:.18em;\n\n    text-transform:uppercase;\n}\n\n\n.rb-kicker::before{\n    content:\"\";\n\n    display:block;\n\n    width:38px;\n    height:2px;\n\n    background:#00A6CF;\n}\n\n\n\/* title *\/\n\n.rb-title{\n    margin:0;\n\n    color:#fff;\n\n    font-size:\n        clamp(\n            46px,\n            5vw,\n            76px\n        );\n\n    font-weight:800;\n\n    line-height:.95;\n\n    letter-spacing:-.055em;\n}\n\n\n.rb-title span{\n    color:#00A6CF;\n}\n\n\n\/* intro *\/\n\n.rb-intro{\n    max-width:520px;\n\n    margin:\n        0\n        0\n        5px\n        auto;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .63\n        );\n\n    font-size:18px;\n\n    line-height:1.65;\n}\n\n\n\/* ==========================================\n   CARDS\n========================================== *\/\n\n.rb-grid{\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:18px;\n}\n\n\n\/* CARD *\/\n\n.rb-card{\n    position:relative;\n\n    min-height:300px;\n\n    padding:35px 32px;\n\n    overflow:hidden;\n\n    border:\n        1px solid\n        rgba(255,255,255,.08);\n\n    border-radius:22px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.055),\n            rgba(255,255,255,.018)\n        );\n\n    transition:\n        transform .35s ease,\n        border-color .35s ease,\n        background .35s ease,\n        box-shadow .35s ease;\n}\n\n\n\/* cyan glow inside card *\/\n\n.rb-card::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:180px;\n    height:180px;\n\n    right:-90px;\n    bottom:-90px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(0,166,207,.20),\n            transparent 68%\n        );\n\n    opacity:.45;\n\n    transition:\n        opacity .35s ease,\n        transform .35s ease;\n}\n\n\n\/* top accent *\/\n\n.rb-card::after{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:32px;\n\n    width:0;\n    height:2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #3870B7,\n            #00A6CF\n        );\n\n    transition:\n        width .35s ease;\n}\n\n\n.rb-card:hover{\n    transform:\n        translateY(-8px);\n\n    border-color:\n        rgba(0,166,207,.28);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(0,166,207,.075),\n            rgba(255,255,255,.025)\n        );\n\n    box-shadow:\n        0 25px 60px\n        rgba(0,0,0,.22);\n}\n\n\n.rb-card:hover::before{\n    opacity:1;\n\n    transform:\n        scale(1.2);\n}\n\n\n.rb-card:hover::after{\n    width:75px;\n}\n\n\n\/* ==========================================\n   ICON\n========================================== *\/\n\n.rb-icon{\n    position:relative;\n\n    z-index:2;\n\n    width:58px;\n    height:58px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:31px;\n\n    border-radius:17px;\n\n    border:\n        1px solid\n        rgba(0,166,207,.20);\n\n    background:\n        rgba(0,166,207,.07);\n\n    color:#00A6CF;\n\n    transition:\n        transform .35s ease,\n        background .35s ease;\n}\n\n\n.rb-card:hover .rb-icon{\n    transform:\n        translateY(-3px)\n        scale(1.04);\n\n    background:\n        rgba(0,166,207,.13);\n}\n\n\n.rb-icon svg{\n    width:28px;\n    height:28px;\n\n    fill:none;\n\n    stroke:currentColor;\n\n    stroke-width:1.7;\n\n    stroke-linecap:round;\n\n    stroke-linejoin:round;\n}\n\n\n\/* ==========================================\n   CARD TEXT\n========================================== *\/\n\n.rb-card h3{\n    position:relative;\n\n    z-index:2;\n\n    margin:\n        0\n        0\n        14px;\n\n    color:#fff;\n\n    font-size:22px;\n\n    line-height:1.15;\n\n    font-weight:700;\n\n    letter-spacing:-.02em;\n}\n\n\n.rb-card p{\n    position:relative;\n\n    z-index:2;\n\n    margin:0;\n\n    max-width:310px;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .58\n        );\n\n    font-size:15px;\n\n    line-height:1.65;\n}\n\n\n\/* ==========================================\n   NUMBER\n========================================== *\/\n\n.rb-number{\n    position:absolute;\n\n    right:25px;\n    top:23px;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .12\n        );\n\n    font-size:12px;\n\n    font-weight:800;\n\n    letter-spacing:.08em;\n}\n\n\n\/* ==========================================\n   BOTTOM CTA\n========================================== *\/\n\n.rb-bottom{\n    display:flex;\n\n    align-items:center;\n    justify-content:space-between;\n\n    gap:30px;\n\n    margin-top:45px;\n\n    padding-top:35px;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.07);\n}\n\n\n.rb-bottom-text{\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .60\n        );\n\n    font-size:16px;\n}\n\n\n.rb-bottom-text strong{\n    color:#fff;\n}\n\n\n\/* BUTTON *\/\n\n.rb-btn{\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:12px;\n\n    min-height:54px;\n\n    padding:\n        0\n        27px;\n\n    border-radius:100px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #3870B7,\n            #00A6CF\n        );\n\n    color:#fff !important;\n\n    text-decoration:none !important;\n\n    font-size:13px;\n\n    font-weight:800;\n\n    white-space:nowrap;\n\n    box-shadow:\n        0 14px 35px\n        rgba(0,166,207,.20);\n\n    transition:.3s ease;\n}\n\n\n.rb-btn:hover{\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 18px 45px\n        rgba(0,166,207,.35);\n}\n\n\n\/* ==========================================\n   TABLET\n========================================== *\/\n\n@media(max-width:1000px){\n\n    .rb-grid{\n        grid-template-columns:\n            repeat(2,1fr);\n    }\n\n    .rb-top{\n        gap:40px;\n    }\n\n}\n\n\n\/* ==========================================\n   MOBILE\n========================================== *\/\n\n@media(max-width:767px){\n\n    .rb-section{\n        padding:\n            85px\n            0\n            90px;\n    }\n\n\n    .rb-top{\n        display:block;\n\n        margin-bottom:42px;\n\n        text-align:center;\n    }\n\n\n    .rb-kicker{\n        justify-content:center;\n    }\n\n\n    .rb-title{\n        font-size:\n            clamp(\n                42px,\n                12vw,\n                58px\n            );\n    }\n\n\n    .rb-intro{\n        margin:\n            25px\n            auto\n            0;\n\n        font-size:16px;\n    }\n\n\n    .rb-grid{\n        grid-template-columns:1fr;\n\n        gap:14px;\n    }\n\n\n    .rb-card{\n        min-height:0;\n\n        padding:\n            28px\n            26px\n            30px;\n    }\n\n\n    .rb-icon{\n        margin-bottom:24px;\n    }\n\n\n    .rb-bottom{\n        flex-direction:column;\n\n        text-align:center;\n\n        margin-top:35px;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"rb-container\">\n\n\n    <!-- TOP -->\n\n    <div class=\"rb-top\">\n\n        <div>\n\n            <div class=\"rb-kicker\">\n                \u0417\u0410\u0429\u041e RITELLO\n            <\/div>\n\n            <h2 class=\"rb-title\">\n                \u0427\u0438\u0441\u0442\u043e\u0442\u0430,\n                <br>\n                \u043a\u043e\u044f\u0442\u043e <span>\u0443\u0441\u0435\u0449\u0430\u0448.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <p class=\"rb-intro\">\n\n            Ritello Maximus \u0441\u044a\u0447\u0435\u0442\u0430\u0432\u0430 \u0432\u043e\u0434\u043d\u0430\n            \u0444\u0438\u043b\u0442\u0440\u0430\u0446\u0438\u044f \u0438 \u043c\u043e\u0449\u043d\u043e \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435,\n            \u0441\u044a\u0437\u0434\u0430\u0434\u0435\u043d\u0438 \u0437\u0430 \u043f\u043e-\u0447\u0438\u0441\u0442\u0430 \u0438 \u043f\u0440\u0438\u044f\u0442\u043d\u0430\n            \u0434\u043e\u043c\u0430\u0448\u043d\u0430 \u0441\u0440\u0435\u0434\u0430.\n\n        <\/p>\n\n    <\/div>\n\n\n\n    <!-- CARDS -->\n\n    <div class=\"rb-grid\">\n\n\n        <!-- 01 -->\n\n        <article class=\"rb-card\">\n\n            <span class=\"rb-number\">\n                01\n            <\/span>\n\n            <div class=\"rb-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M12 3C12 3 6 9.2 6 14a6 6 0 0 0 12 0c0-4.8-6-11-6-11z\"\/>\n\n                    <path d=\"M9.5 15.5c.6 1.3 1.5 2 2.8 2.2\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>\n                \u0412\u043e\u0434\u043d\u0430 \u0444\u0438\u043b\u0442\u0440\u0430\u0446\u0438\u044f\n            <\/h3>\n\n            <p>\n                \u0412\u043e\u0434\u0430\u0442\u0430 \u0435 \u043a\u043b\u044e\u0447\u043e\u0432\u0430 \u0447\u0430\u0441\u0442 \u043e\u0442\n                \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0430 \u0437\u0430 \u0444\u0438\u043b\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0430\n                Ritello \u0438 \u0437\u0430\u0434\u044a\u0440\u0436\u0430 \u0441\u044a\u0431\u0440\u0430\u043d\u0438\u0442\u0435\n                \u0447\u0430\u0441\u0442\u0438\u0446\u0438 \u043f\u043e \u0432\u0440\u0435\u043c\u0435 \u043d\u0430 \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435.\n            <\/p>\n\n        <\/article>\n\n\n\n        <!-- 02 -->\n\n        <article class=\"rb-card\">\n\n            <span class=\"rb-number\">\n                02\n            <\/span>\n\n            <div class=\"rb-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M3 12h12\"\/>\n\n                    <path d=\"M11 8l4 4-4 4\"\/>\n\n                    <path d=\"M5 7c1.5-2 3.5-3 6-3\"\/>\n\n                    <path d=\"M5 17c1.5 2 3.5 3 6 3\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>\n                \u0421\u0432\u0435\u0436 \u0432\u044a\u0437\u0434\u0443\u0445\n            <\/h3>\n\n            <p>\n                \u0421\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0430 \u043f\u0440\u0435\u043c\u0438\u043d\u0430\u0432\u0430 \u0432\u044a\u0437\u0434\u0443\u0445\u0430\n                \u043f\u0440\u0435\u0437 \u0432\u043e\u0434\u043d\u0438\u044f \u0440\u0435\u0437\u0435\u0440\u0432\u043e\u0430\u0440 \u043a\u0430\u0442\u043e\n                \u0447\u0430\u0441\u0442 \u043e\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0430 \u043d\u0430\n                \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435.\n            <\/p>\n\n        <\/article>\n\n\n\n        <!-- 03 -->\n\n        <article class=\"rb-card\">\n\n            <span class=\"rb-number\">\n                03\n            <\/span>\n\n            <div class=\"rb-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M4 17l4-4 3 3 6-7\"\/>\n\n                    <path d=\"M15 9h2v2\"\/>\n\n                    <path d=\"M4 20h16\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>\n                \u0414\u044a\u043b\u0431\u043e\u043a\u043e \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435\n            <\/h3>\n\n            <p>\n                \u0421\u044a\u0437\u0434\u0430\u0434\u0435\u043d \u0437\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\n                \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435 \u043d\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u0438\n                \u043f\u043e\u0432\u044a\u0440\u0445\u043d\u043e\u0441\u0442\u0438 \u0438 \u0442\u0440\u0443\u0434\u043d\u043e\u0434\u043e\u0441\u0442\u044a\u043f\u043d\u0438\n                \u043c\u0435\u0441\u0442\u0430 \u0432 \u0434\u043e\u043c\u0430.\n            <\/p>\n\n        <\/article>\n\n\n\n        <!-- 04 -->\n\n        <article class=\"rb-card\">\n\n            <span class=\"rb-number\">\n                04\n            <\/span>\n\n            <div class=\"rb-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M4 11l8-7 8 7\"\/>\n\n                    <path d=\"M6 10v10h12V10\"\/>\n\n                    <path d=\"M9 20v-6h6v6\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>\n                \u0417\u0430 \u0446\u0435\u043b\u0438\u044f \u0434\u043e\u043c\n            <\/h3>\n\n            <p>\n                \u041f\u043e\u0434\u0445\u043e\u0434\u044f\u0449 \u0437\u0430 \u043f\u043e\u0434\u043e\u0432\u0435,\n                \u043a\u0438\u043b\u0438\u043c\u0438, \u043c\u0435\u043a\u0430 \u043c\u0435\u0431\u0435\u043b \u0438\n                \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u0438 \u0437\u043e\u043d\u0438 \u043e\u0442\n                \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0442\u043e \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435.\n            <\/p>\n\n        <\/article>\n\n\n\n        <!-- 05 -->\n\n        <article class=\"rb-card\">\n\n            <span class=\"rb-number\">\n                05\n            <\/span>\n\n            <div class=\"rb-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\n\n                    <path d=\"M12 8v4l3 2\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>\n                \u041b\u0435\u0441\u0435\u043d \u0437\u0430 \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043d\u0435\n            <\/h3>\n\n            <p>\n                \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430,\n                \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0430\u043d\u0430 \u0437\u0430 \u0443\u0434\u043e\u0431\u043d\u043e\n                \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u0438\n                \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u0440\u0438 \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435\u0442\u043e.\n            <\/p>\n\n        <\/article>\n\n\n\n        <!-- 06 -->\n\n        <article class=\"rb-card\">\n\n            <span class=\"rb-number\">\n                06\n            <\/span>\n\n            <div class=\"rb-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M12 3l2.2 4.8L19 10l-4.8 2.2L12 17l-2.2-4.8L5 10l4.8-2.2L12 3z\"\/>\n\n                    <path d=\"M19 16l.8 1.8L22 19l-2.2 1.2L19 22l-.8-1.8L16 19l2.2-1.2L19 16z\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>\n                \u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0438\u0437\u0436\u0438\u0432\u044f\u0432\u0430\u043d\u0435\n            <\/h3>\n\n            <p>\n                \u041c\u043e\u0434\u0435\u0440\u0435\u043d \u0434\u0438\u0437\u0430\u0439\u043d,\n                \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u0438 \u043f\u0440\u0438\u0441\u0442\u0430\u0432\u043a\u0438\n                \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430, \u043a\u043e\u044f\u0442\u043e \u043c\u043e\u0436\u0435\u0448\n                \u0434\u0430 \u0432\u0438\u0434\u0438\u0448 \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0443 \u0434\u043e\u043c\u0430.\n            <\/p>\n\n        <\/article>\n\n\n    <\/div>\n\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"rb-bottom\">\n\n        <div class=\"rb-bottom-text\">\n\n            \u041d\u0430\u0439-\u0434\u043e\u0431\u0440\u0438\u044f\u0442 \u043d\u0430\u0447\u0438\u043d \u0434\u0430 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u0448 Ritello?\n            <strong>\n                \u0412\u0438\u0436 \u0433\u043e \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435.\n            <\/strong>\n\n        <\/div>\n\n\n        <a\n            href=\"#ritello-demo\"\n            class=\"rb-btn\"\n        >\n\n            \u0417\u0410\u041f\u0418\u0428\u0418 \u0414\u0415\u041c\u041e\u041d\u0421\u0422\u0420\u0410\u0426\u0418\u042f\n\n            <span>\u2192<\/span>\n\n        <\/a>\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<section id=\"ritello-how\" class=\"rhow-section\">\n\n<style>\n\n\/* ==========================================\n   RITELLO \u2014 HOW IT WORKS\n========================================== *\/\n\n.rhow-section,\n.rhow-section *{\n    box-sizing:border-box;\n}\n\n.rhow-section{\n    position:relative;\n\n    width:100vw;\n    max-width:100vw;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n\n    overflow:hidden;\n\n    padding:130px 0;\n\n    font-family:Helvetica,Arial,sans-serif;\n    color:#fff;\n\n    background:\n        radial-gradient(\n            circle at 18% 50%,\n            rgba(0,166,207,.16),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 85% 20%,\n            rgba(56,112,183,.12),\n            transparent 28%\n        ),\n        linear-gradient(\n            120deg,\n            #061923 0%,\n            #041019 55%,\n            #051722 100%\n        );\n}\n\n\n\/* TOP LINE *\/\n\n.rhow-section::before{\n    content:\"\";\n\n    position:absolute;\n    top:0;\n    left:50%;\n\n    width:80%;\n    height:1px;\n\n    transform:translateX(-50%);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(0,166,207,.25),\n            transparent\n        );\n}\n\n\n\/* ==========================================\n   CONTAINER\n========================================== *\/\n\n.rhow-container{\n    position:relative;\n    z-index:2;\n\n    width:min(1240px,90%);\n\n    margin:0 auto;\n\n    display:grid;\n\n    grid-template-columns:\n        52% 48%;\n\n    align-items:center;\n\n    gap:70px;\n}\n\n\n\/* ==========================================\n   PRODUCT SIDE\n========================================== *\/\n\n.rhow-product{\n    position:relative;\n\n    min-height:650px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n\n\/* BIG BACKGROUND WORD *\/\n\n.rhow-word{\n    position:absolute;\n\n    left:-20px;\n    top:50%;\n\n    transform:\n        translateY(-50%)\n        rotate(-90deg);\n\n    color:\n        rgba(255,255,255,.025);\n\n    font-size:120px;\n\n    font-weight:900;\n\n    letter-spacing:-.07em;\n\n    white-space:nowrap;\n\n    pointer-events:none;\n}\n\n\n\/* GLOW *\/\n\n.rhow-glow{\n    position:absolute;\n\n    width:570px;\n    height:570px;\n\n    left:50%;\n    top:50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(0,166,207,.24) 0%,\n            rgba(0,166,207,.08) 40%,\n            transparent 68%\n        );\n\n    filter:blur(12px);\n\n    animation:\n        rhowGlow 5s\n        ease-in-out\n        infinite;\n}\n\n\n\/* CIRCLES *\/\n\n.rhow-circle-one{\n    position:absolute;\n\n    width:480px;\n    height:480px;\n\n    left:50%;\n    top:50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    border-radius:50%;\n\n    border:\n        1px solid\n        rgba(0,166,207,.15);\n}\n\n\n.rhow-circle-two{\n    position:absolute;\n\n    width:380px;\n    height:380px;\n\n    left:50%;\n    top:50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    border-radius:50%;\n\n    border:\n        1px dashed\n        rgba(255,255,255,.08);\n}\n\n\n\/* MACHINE *\/\n\n.rhow-machine{\n    position:relative;\n\n    z-index:4;\n\n    display:block;\n\n    width:680px;\n    max-width:115%;\n\n    height:auto;\n\n    object-fit:contain;\n\n    filter:\n        drop-shadow(\n            0 45px 45px\n            rgba(0,0,0,.48)\n        );\n\n    animation:\n        rhowFloat\n        5s\n        ease-in-out\n        infinite;\n}\n\n\n\/* SHADOW *\/\n\n.rhow-shadow{\n    position:absolute;\n\n    z-index:1;\n\n    left:50%;\n    bottom:10%;\n\n    transform:translateX(-50%);\n\n    width:420px;\n    height:45px;\n\n    border-radius:50%;\n\n    background:\n        rgba(0,0,0,.50);\n\n    filter:blur(25px);\n}\n\n\n\/* PRODUCT BADGE *\/\n\n.rhow-badge{\n    position:absolute;\n\n    z-index:6;\n\n    right:25px;\n    bottom:60px;\n\n    width:135px;\n    height:135px;\n\n    display:flex;\n    flex-direction:column;\n\n    align-items:center;\n    justify-content:center;\n\n    text-align:center;\n\n    border-radius:50%;\n\n    border:\n        1px solid\n        rgba(0,166,207,.32);\n\n    background:\n        rgba(4,16,25,.72);\n\n    backdrop-filter:blur(12px);\n    -webkit-backdrop-filter:blur(12px);\n\n    box-shadow:\n        0 20px 50px\n        rgba(0,0,0,.25);\n}\n\n\n.rhow-badge strong{\n    color:#00A6CF;\n\n    font-size:25px;\n\n    line-height:1;\n}\n\n\n.rhow-badge span{\n    margin-top:8px;\n\n    color:\n        rgba(255,255,255,.70);\n\n    font-size:10px;\n\n    font-weight:800;\n\n    line-height:1.35;\n\n    letter-spacing:.10em;\n}\n\n\n\/* ==========================================\n   RIGHT CONTENT\n========================================== *\/\n\n.rhow-content{\n    position:relative;\n    z-index:5;\n}\n\n\n\/* KICKER *\/\n\n.rhow-kicker{\n    display:flex;\n\n    align-items:center;\n\n    gap:15px;\n\n    margin-bottom:22px;\n\n    color:#00A6CF;\n\n    font-size:13px;\n\n    font-weight:800;\n\n    letter-spacing:.18em;\n}\n\n\n.rhow-kicker::before{\n    content:\"\";\n\n    width:38px;\n    height:2px;\n\n    background:#00A6CF;\n}\n\n\n\/* TITLE *\/\n\n.rhow-title{\n    max-width:600px;\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:\n        clamp(\n            48px,\n            4.7vw,\n            72px\n        );\n\n    line-height:.95;\n\n    font-weight:800;\n\n    letter-spacing:-.055em;\n}\n\n\n.rhow-title span{\n    color:#00A6CF;\n}\n\n\n\/* INTRO *\/\n\n.rhow-intro{\n    max-width:530px;\n\n    margin:\n        27px\n        0\n        45px;\n\n    color:\n        rgba(255,255,255,.60);\n\n    font-size:17px;\n\n    line-height:1.65;\n}\n\n\n\/* ==========================================\n   STEPS\n========================================== *\/\n\n.rhow-steps{\n    position:relative;\n}\n\n\n\/* vertical line *\/\n\n.rhow-steps::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:27px;\n    top:30px;\n\n    width:1px;\n    height:\n        calc(100% - 60px);\n\n    background:\n        linear-gradient(\n            180deg,\n            #00A6CF,\n            rgba(0,166,207,.10)\n        );\n}\n\n\n\/* STEP *\/\n\n.rhow-step{\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:\n        56px 1fr;\n\n    gap:24px;\n\n    padding-bottom:35px;\n}\n\n\n.rhow-step:last-child{\n    padding-bottom:0;\n}\n\n\n\/* NUMBER *\/\n\n.rhow-number{\n    position:relative;\n\n    z-index:2;\n\n    width:56px;\n    height:56px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    border:\n        1px solid\n        rgba(0,166,207,.28);\n\n    background:#071b26;\n\n    color:#00A6CF;\n\n    font-size:12px;\n\n    font-weight:900;\n\n    letter-spacing:.08em;\n\n    box-shadow:\n        0 0 30px\n        rgba(0,166,207,.08);\n\n    transition:.3s ease;\n}\n\n\n.rhow-step:hover\n.rhow-number{\n    background:\n        rgba(0,166,207,.15);\n\n    transform:scale(1.08);\n\n    box-shadow:\n        0 0 35px\n        rgba(0,166,207,.18);\n}\n\n\n\/* STEP CONTENT *\/\n\n.rhow-step-content{\n    padding-top:3px;\n}\n\n\n.rhow-step h3{\n    margin:\n        0\n        0\n        8px;\n\n    color:#fff;\n\n    font-size:21px;\n\n    font-weight:700;\n\n    letter-spacing:-.02em;\n}\n\n\n.rhow-step p{\n    max-width:450px;\n\n    margin:0;\n\n    color:\n        rgba(255,255,255,.54);\n\n    font-size:15px;\n\n    line-height:1.6;\n}\n\n\n\/* ==========================================\n   CTA\n========================================== *\/\n\n.rhow-actions{\n    display:flex;\n\n    align-items:center;\n\n    gap:22px;\n\n    flex-wrap:wrap;\n\n    margin-top:48px;\n}\n\n\n.rhow-btn{\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:12px;\n\n    min-height:55px;\n\n    padding:\n        0\n        28px;\n\n    border-radius:100px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #3870B7,\n            #00A6CF\n        );\n\n    color:#fff !important;\n\n    text-decoration:none !important;\n\n    font-size:13px;\n\n    font-weight:800;\n\n    letter-spacing:.03em;\n\n    box-shadow:\n        0 14px 38px\n        rgba(0,166,207,.20);\n\n    transition:.3s ease;\n}\n\n\n.rhow-btn:hover{\n    transform:translateY(-3px);\n\n    box-shadow:\n        0 18px 45px\n        rgba(0,166,207,.35);\n}\n\n\n.rhow-more{\n    color:\n        rgba(255,255,255,.68)\n        !important;\n\n    text-decoration:none\n        !important;\n\n    font-size:14px;\n\n    font-weight:700;\n\n    border-bottom:\n        1px solid\n        rgba(255,255,255,.25);\n\n    padding-bottom:5px;\n}\n\n\n.rhow-more:hover{\n    color:#00A6CF !important;\n\n    border-color:#00A6CF;\n}\n\n\n\/* ==========================================\n   ANIMATIONS\n========================================== *\/\n\n@keyframes rhowFloat{\n\n    0%,\n    100%{\n        transform:\n            translateY(0);\n    }\n\n    50%{\n        transform:\n            translateY(-10px);\n    }\n}\n\n\n@keyframes rhowGlow{\n\n    0%,\n    100%{\n        opacity:.65;\n\n        transform:\n            translate(-50%,-50%)\n            scale(.95);\n    }\n\n    50%{\n        opacity:1;\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.05);\n    }\n}\n\n\n\/* ==========================================\n   TABLET\n========================================== *\/\n\n@media(max-width:1050px){\n\n    .rhow-container{\n        grid-template-columns:\n            48% 52%;\n\n        gap:35px;\n    }\n\n\n    .rhow-product{\n        min-height:570px;\n    }\n\n\n    .rhow-machine{\n        width:590px;\n    }\n\n\n    .rhow-circle-one{\n        width:400px;\n        height:400px;\n    }\n\n\n    .rhow-circle-two{\n        width:310px;\n        height:310px;\n    }\n\n\n    .rhow-glow{\n        width:470px;\n        height:470px;\n    }\n\n\n    .rhow-badge{\n        width:115px;\n        height:115px;\n\n        right:0;\n    }\n\n}\n\n\n\/* ==========================================\n   MOBILE\n========================================== *\/\n\n@media(max-width:767px){\n\n    .rhow-section{\n        padding:\n            85px\n            0\n            90px;\n    }\n\n\n    .rhow-container{\n        display:flex;\n\n        flex-direction:column;\n\n        gap:45px;\n    }\n\n\n    .rhow-content{\n        order:1;\n\n        width:100%;\n\n        text-align:center;\n    }\n\n\n    .rhow-product{\n        order:2;\n\n        width:100%;\n\n        min-height:400px;\n    }\n\n\n    .rhow-kicker{\n        justify-content:center;\n    }\n\n\n    .rhow-title{\n        font-size:\n            clamp(\n                42px,\n                12vw,\n                58px\n            );\n    }\n\n\n    .rhow-intro{\n        margin:\n            22px\n            auto\n            38px;\n\n        font-size:16px;\n    }\n\n\n    .rhow-steps{\n        max-width:500px;\n\n        margin:0 auto;\n\n        text-align:left;\n    }\n\n\n    .rhow-step{\n        grid-template-columns:\n            50px 1fr;\n\n        gap:18px;\n    }\n\n\n    .rhow-number{\n        width:50px;\n        height:50px;\n    }\n\n\n    .rhow-steps::before{\n        left:24px;\n    }\n\n\n    .rhow-actions{\n        justify-content:center;\n\n        margin-top:38px;\n    }\n\n\n    .rhow-machine{\n        width:520px;\n\n        max-width:120%;\n    }\n\n\n    .rhow-circle-one{\n        width:320px;\n        height:320px;\n    }\n\n\n    .rhow-circle-two{\n        width:250px;\n        height:250px;\n    }\n\n\n    .rhow-glow{\n        width:370px;\n        height:370px;\n    }\n\n\n    .rhow-shadow{\n        width:290px;\n    }\n\n\n    .rhow-badge{\n        width:100px;\n        height:100px;\n\n        right:5px;\n        bottom:25px;\n    }\n\n\n    .rhow-badge strong{\n        font-size:20px;\n    }\n\n\n    .rhow-word{\n        display:none;\n    }\n\n}\n\n\n@media(prefers-reduced-motion:reduce){\n\n    .rhow-machine,\n    .rhow-glow{\n        animation:none;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"rhow-container\">\n\n\n    <!-- =========================\n         PRODUCT\n    ========================== -->\n\n    <div class=\"rhow-product\">\n\n        <div class=\"rhow-word\">\n            MAXIMUS\n        <\/div>\n\n        <div class=\"rhow-glow\"><\/div>\n\n        <div class=\"rhow-circle-one\"><\/div>\n\n        <div class=\"rhow-circle-two\"><\/div>\n\n        <div class=\"rhow-shadow\"><\/div>\n\n\n        <img decoding=\"async\"\n            class=\"rhow-machine\"\n            src=\"https:\/\/ritellobulgaria.com\/wp-content\/uploads\/2026\/09\/Machine-Accessories-scaled.jpg\"\n            alt=\"Ritello Maximus\"\n        >\n\n\n        <div class=\"rhow-badge\">\n\n            <strong>\n                H\u2082O\n            <\/strong>\n\n            <span>\n                \u0412\u041e\u0414\u041d\u0410\n                <br>\n                \u0424\u0418\u041b\u0422\u0420\u0410\u0426\u0418\u042f\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =========================\n         CONTENT\n    ========================== -->\n\n    <div class=\"rhow-content\">\n\n\n        <div class=\"rhow-kicker\">\n            \u041a\u0410\u041a \u0420\u0410\u0411\u041e\u0422\u0418\n        <\/div>\n\n\n        <h2 class=\"rhow-title\">\n\n            \u0421\u0438\u043b\u0430\u0442\u0430 \u043d\u0430\n            <br>\n\n            <span>\n                \u0432\u043e\u0434\u0430\u0442\u0430.\n            <\/span>\n\n        <\/h2>\n\n\n        <p class=\"rhow-intro\">\n\n            Ritello \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430 \u0432\u043e\u0434\u0430 \u043a\u0430\u0442\u043e \u0447\u0430\u0441\u0442\n            \u043e\u0442 \u0441\u0432\u043e\u044f\u0442\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430 \u0444\u0438\u043b\u0442\u0440\u0430\u0446\u0438\u044f,\n            \u0434\u043e\u043a\u0430\u0442\u043e \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u0438\n            \u043f\u043e\u0432\u044a\u0440\u0445\u043d\u043e\u0441\u0442\u0438 \u0432\u044a\u0432 \u0432\u0430\u0448\u0438\u044f \u0434\u043e\u043c.\n\n        <\/p>\n\n\n\n        <!-- STEPS -->\n\n        <div class=\"rhow-steps\">\n\n\n            <!-- STEP 1 -->\n\n            <div class=\"rhow-step\">\n\n                <div class=\"rhow-number\">\n                    01\n                <\/div>\n\n                <div class=\"rhow-step-content\">\n\n                    <h3>\n                        \u0414\u043e\u0431\u0430\u0432\u044f\u0442\u0435 \u0432\u043e\u0434\u0430\n                    <\/h3>\n\n                    <p>\n                        \u0420\u0435\u0437\u0435\u0440\u0432\u043e\u0430\u0440\u044a\u0442 \u0441\u0435 \u043f\u043e\u0434\u0433\u043e\u0442\u0432\u044f\n                        \u0441 \u0432\u043e\u0434\u0430 \u043f\u0440\u0435\u0434\u0438 \u0437\u0430\u043f\u043e\u0447\u0432\u0430\u043d\u0435\n                        \u043d\u0430 \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435\u0442\u043e.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- STEP 2 -->\n\n            <div class=\"rhow-step\">\n\n                <div class=\"rhow-number\">\n                    02\n                <\/div>\n\n                <div class=\"rhow-step-content\">\n\n                    <h3>\n                        Ritello \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\n                    <\/h3>\n\n                    <p>\n                        \u0421\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0430 \u0441\u044a\u0431\u0438\u0440\u0430\n                        \u0437\u0430\u043c\u044a\u0440\u0441\u044f\u0432\u0430\u043d\u0438\u044f\u0442\u0430 \u043f\u0440\u0438\n                        \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435 \u043d\u0430 \u043f\u043e\u0434\u043e\u0432\u0435,\n                        \u043a\u0438\u043b\u0438\u043c\u0438, \u043c\u0435\u0431\u0435\u043b\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\n                        \u043f\u043e\u0432\u044a\u0440\u0445\u043d\u043e\u0441\u0442\u0438.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- STEP 3 -->\n\n            <div class=\"rhow-step\">\n\n                <div class=\"rhow-number\">\n                    03\n                <\/div>\n\n                <div class=\"rhow-step-content\">\n\n                    <h3>\n                        \u0418\u0437\u0445\u0432\u044a\u0440\u043b\u044f\u0442\u0435 \u0432\u043e\u0434\u0430\u0442\u0430\n                    <\/h3>\n\n                    <p>\n                        \u0421\u043b\u0435\u0434 \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435\n                        \u0437\u0430\u043c\u044a\u0440\u0441\u0435\u043d\u0430\u0442\u0430 \u0432\u043e\u0434\u0430 \u0441\u0435\n                        \u0438\u0437\u0445\u0432\u044a\u0440\u043b\u044f \u0438 \u0440\u0435\u0437\u0435\u0440\u0432\u043e\u0430\u0440\u044a\u0442\n                        \u0441\u0435 \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- CTA -->\n\n        <div class=\"rhow-actions\">\n\n            <a\n                href=\"#ritello-demo\"\n                class=\"rhow-btn\"\n            >\n                \u0412\u0418\u0416 \u0413\u041e \u041d\u0410 \u0416\u0418\u0412\u041e\n                <span>\u2192<\/span>\n            <\/a>\n\n\n            <a\n                href=\"#ritello-tradein\"\n                class=\"rhow-more\"\n            >\n                \u0412\u0438\u0436 \u0430\u043a\u0442\u0443\u0430\u043b\u043d\u0430\u0442\u0430 \u043e\u0444\u0435\u0440\u0442\u0430\n            <\/a>\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<section id=\"ritello-tradein\" class=\"rti-section\">\n\n<style>\n\n\/* ==========================================\n   RITELLO TRADE-IN\n========================================== *\/\n\n.rti-section,\n.rti-section *{\n    box-sizing:border-box;\n}\n\n.rti-section{\n    position:relative;\n\n    width:100vw;\n    max-width:100vw;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n\n    overflow:hidden;\n\n    padding:130px 0;\n\n    font-family:Helvetica,Arial,sans-serif;\n    color:#fff;\n\n    background:\n        radial-gradient(\n            circle at 80% 45%,\n            rgba(0,166,207,.20),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 15% 80%,\n            rgba(56,112,183,.13),\n            transparent 32%\n        ),\n        linear-gradient(\n            125deg,\n            #041019 0%,\n            #071c28 55%,\n            #053346 100%\n        );\n}\n\n\n\/* TOP BORDER *\/\n\n.rti-section::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:50%;\n\n    width:80%;\n    height:1px;\n\n    transform:translateX(-50%);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(0,166,207,.40),\n            transparent\n        );\n}\n\n\n\/* BIG BACKGROUND TEXT *\/\n\n.rti-bg-word{\n    position:absolute;\n\n    right:-20px;\n    top:20px;\n\n    color:rgba(255,255,255,.025);\n\n    font-size:clamp(100px,15vw,230px);\n\n    line-height:1;\n\n    font-weight:900;\n\n    letter-spacing:-.08em;\n\n    pointer-events:none;\n\n    white-space:nowrap;\n}\n\n\n\/* ==========================================\n   CONTAINER\n========================================== *\/\n\n.rti-container{\n    position:relative;\n\n    z-index:3;\n\n    width:min(1240px,90%);\n\n    margin:0 auto;\n\n    display:grid;\n\n    grid-template-columns:48% 52%;\n\n    align-items:center;\n\n    gap:80px;\n}\n\n\n\/* ==========================================\n   LEFT CONTENT\n========================================== *\/\n\n.rti-content{\n    position:relative;\n\n    z-index:5;\n}\n\n\n\/* KICKER *\/\n\n.rti-kicker{\n    display:flex;\n\n    align-items:center;\n\n    gap:15px;\n\n    margin-bottom:22px;\n\n    color:#00A6CF;\n\n    font-size:13px;\n\n    font-weight:800;\n\n    letter-spacing:.18em;\n}\n\n.rti-kicker::before{\n    content:\"\";\n\n    width:38px;\n    height:2px;\n\n    background:#00A6CF;\n}\n\n\n\/* OFFER BADGE *\/\n\n.rti-offer{\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    margin-bottom:24px;\n\n    padding:9px 14px;\n\n    border:\n        1px solid\n        rgba(0,166,207,.25);\n\n    border-radius:100px;\n\n    background:\n        rgba(0,166,207,.08);\n\n    color:#8eeaff;\n\n    font-size:11px;\n\n    font-weight:800;\n\n    letter-spacing:.10em;\n}\n\n.rti-offer-dot{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:#00A6CF;\n\n    box-shadow:\n        0 0 14px\n        rgba(0,166,207,.8);\n}\n\n\n\/* TITLE *\/\n\n.rti-title{\n    max-width:680px;\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:\n        clamp(\n            52px,\n            5.3vw,\n            82px\n        );\n\n    line-height:.91;\n\n    font-weight:800;\n\n    letter-spacing:-.06em;\n}\n\n.rti-title span{\n    display:block;\n\n    color:#00A6CF;\n}\n\n\n\/* DESCRIPTION *\/\n\n.rti-description{\n    max-width:530px;\n\n    margin:\n        30px\n        0\n        0;\n\n    color:\n        rgba(255,255,255,.64);\n\n    font-size:18px;\n\n    line-height:1.65;\n}\n\n.rti-description strong{\n    color:#fff;\n}\n\n\n\/* ==========================================\n   STEPS\n========================================== *\/\n\n.rti-steps{\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:10px;\n\n    margin-top:38px;\n}\n\n.rti-step{\n    position:relative;\n\n    min-height:120px;\n\n    padding:\n        20px\n        17px;\n\n    border-radius:15px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.08);\n\n    background:\n        rgba(255,255,255,.035);\n\n    transition:.3s ease;\n}\n\n.rti-step:hover{\n    transform:\n        translateY(-4px);\n\n    border-color:\n        rgba(0,166,207,.30);\n\n    background:\n        rgba(0,166,207,.07);\n}\n\n.rti-step-number{\n    display:block;\n\n    margin-bottom:12px;\n\n    color:#00A6CF;\n\n    font-size:11px;\n\n    font-weight:900;\n\n    letter-spacing:.10em;\n}\n\n.rti-step strong{\n    display:block;\n\n    margin-bottom:5px;\n\n    color:#fff;\n\n    font-size:14px;\n}\n\n.rti-step p{\n    margin:0;\n\n    color:\n        rgba(255,255,255,.50);\n\n    font-size:12px;\n\n    line-height:1.45;\n}\n\n\n\/* ==========================================\n   CTA\n========================================== *\/\n\n.rti-actions{\n    display:flex;\n\n    align-items:center;\n\n    gap:20px;\n\n    flex-wrap:wrap;\n\n    margin-top:35px;\n}\n\n.rti-btn{\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:12px;\n\n    min-height:57px;\n\n    padding:\n        0\n        30px;\n\n    border-radius:100px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #3870B7,\n            #00A6CF\n        );\n\n    color:#fff !important;\n\n    text-decoration:none !important;\n\n    font-size:13px;\n\n    font-weight:800;\n\n    letter-spacing:.03em;\n\n    box-shadow:\n        0 16px 40px\n        rgba(0,166,207,.25);\n\n    transition:.3s ease;\n}\n\n.rti-btn:hover{\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 20px 50px\n        rgba(0,166,207,.40);\n}\n\n.rti-small{\n    color:\n        rgba(255,255,255,.42);\n\n    font-size:11px;\n\n    line-height:1.45;\n}\n\n\n\/* ==========================================\n   RIGHT VISUAL\n========================================== *\/\n\n.rti-visual{\n    position:relative;\n\n    min-height:650px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n}\n\n\n\/* GLOW *\/\n\n.rti-glow{\n    position:absolute;\n\n    width:600px;\n    height:600px;\n\n    left:50%;\n    top:50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(0,166,207,.28),\n            rgba(56,112,183,.09) 43%,\n            transparent 70%\n        );\n\n    filter:blur(15px);\n\n    animation:\n        rtiGlow\n        5s\n        ease-in-out\n        infinite;\n}\n\n\n\/* CIRCLES *\/\n\n.rti-circle{\n    position:absolute;\n\n    width:500px;\n    height:500px;\n\n    left:50%;\n    top:50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    border-radius:50%;\n\n    border:\n        1px solid\n        rgba(0,166,207,.17);\n}\n\n.rti-circle::after{\n    content:\"\";\n\n    position:absolute;\n\n    inset:55px;\n\n    border-radius:50%;\n\n    border:\n        1px dashed\n        rgba(255,255,255,.08);\n}\n\n\n\/* PRODUCT *\/\n\n.rti-machine{\n    position:relative;\n\n    z-index:4;\n\n    display:block;\n\n    width:700px;\n\n    max-width:118%;\n\n    height:auto;\n\n    object-fit:contain;\n\n    filter:\n        drop-shadow(\n            0 45px 45px\n            rgba(0,0,0,.50)\n        );\n\n    animation:\n        rtiFloat\n        5s\n        ease-in-out\n        infinite;\n}\n\n\n\/* SHADOW *\/\n\n.rti-shadow{\n    position:absolute;\n\n    z-index:1;\n\n    width:420px;\n    height:50px;\n\n    left:50%;\n    bottom:9%;\n\n    transform:\n        translateX(-50%);\n\n    border-radius:50%;\n\n    background:\n        rgba(0,0,0,.55);\n\n    filter:blur(25px);\n}\n\n\n\/* ==========================================\n   TRADE-IN BADGE\n========================================== *\/\n\n.rti-badge{\n    position:absolute;\n\n    z-index:8;\n\n    top:70px;\n    right:0;\n\n    width:165px;\n    height:165px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:center;\n    justify-content:center;\n\n    text-align:center;\n\n    border-radius:50%;\n\n    border:\n        1px solid\n        rgba(0,166,207,.38);\n\n    background:\n        rgba(4,16,25,.80);\n\n    backdrop-filter:blur(15px);\n    -webkit-backdrop-filter:blur(15px);\n\n    box-shadow:\n        0 25px 60px\n        rgba(0,0,0,.30);\n}\n\n.rti-badge-small{\n    color:\n        rgba(255,255,255,.55);\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:.15em;\n}\n\n.rti-badge strong{\n    display:block;\n\n    margin:5px 0;\n\n    color:#00A6CF;\n\n    font-size:27px;\n\n    line-height:1;\n}\n\n.rti-badge-bottom{\n    color:#fff;\n\n    font-size:11px;\n\n    font-weight:800;\n\n    line-height:1.3;\n}\n\n\n\/* ==========================================\n   OLD VACUUM CARD\n========================================== *\/\n\n.rti-old{\n    position:absolute;\n\n    z-index:7;\n\n    left:-20px;\n    bottom:65px;\n\n    width:195px;\n\n    padding:20px;\n\n    border-radius:18px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.10);\n\n    background:\n        rgba(4,16,25,.82);\n\n    backdrop-filter:blur(15px);\n    -webkit-backdrop-filter:blur(15px);\n\n    box-shadow:\n        0 20px 50px\n        rgba(0,0,0,.28);\n}\n\n.rti-old-top{\n    display:flex;\n\n    align-items:center;\n\n    gap:12px;\n\n    margin-bottom:13px;\n}\n\n.rti-old-icon{\n    width:42px;\n    height:42px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    flex-shrink:0;\n\n    border-radius:12px;\n\n    background:\n        rgba(255,255,255,.06);\n\n    color:\n        rgba(255,255,255,.60);\n}\n\n.rti-old-icon svg{\n    width:24px;\n    height:24px;\n\n    fill:none;\n\n    stroke:currentColor;\n\n    stroke-width:1.6;\n\n    stroke-linecap:round;\n\n    stroke-linejoin:round;\n}\n\n.rti-old strong{\n    color:#fff;\n\n    font-size:13px;\n}\n\n.rti-old p{\n    margin:0;\n\n    color:\n        rgba(255,255,255,.48);\n\n    font-size:11px;\n\n    line-height:1.45;\n}\n\n.rti-arrow{\n    position:absolute;\n\n    z-index:8;\n\n    left:160px;\n    bottom:170px;\n\n    color:#00A6CF;\n\n    font-size:35px;\n\n    transform:\n        rotate(-18deg);\n}\n\n\n\/* ==========================================\n   ANIMATIONS\n========================================== *\/\n\n@keyframes rtiFloat{\n\n    0%,\n    100%{\n        transform:\n            translateY(0);\n    }\n\n    50%{\n        transform:\n            translateY(-10px);\n    }\n}\n\n@keyframes rtiGlow{\n\n    0%,\n    100%{\n        opacity:.65;\n\n        transform:\n            translate(-50%,-50%)\n            scale(.95);\n    }\n\n    50%{\n        opacity:1;\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.05);\n    }\n}\n\n\n\/* ==========================================\n   TABLET\n   ONLY 768px - 1050px\n========================================== *\/\n\n@media(max-width:1050px) and (min-width:768px){\n\n    .rti-section{\n        padding:\n            90px\n            0\n            80px;\n    }\n\n\n    .rti-container{\n        width:88%;\n\n        display:flex;\n\n        flex-direction:column;\n\n        align-items:stretch;\n\n        gap:35px;\n    }\n\n\n    \/* TEXT *\/\n\n    .rti-content{\n        width:100%;\n\n        text-align:left;\n    }\n\n\n    .rti-title{\n        width:100%;\n        max-width:760px;\n\n        font-size:\n            clamp(\n                55px,\n                7.5vw,\n                74px\n            );\n\n        line-height:.92;\n\n        word-break:normal;\n\n        overflow-wrap:normal;\n    }\n\n\n    .rti-description{\n        max-width:650px;\n\n        font-size:17px;\n    }\n\n\n    \/* STEPS *\/\n\n    .rti-steps{\n        width:100%;\n\n        grid-template-columns:\n            repeat(3,1fr);\n\n        gap:14px;\n    }\n\n\n    .rti-step{\n        min-height:140px;\n\n        padding:\n            22px\n            20px;\n    }\n\n\n    .rti-step strong{\n        font-size:16px;\n    }\n\n\n    .rti-step p{\n        font-size:13px;\n    }\n\n\n    \/* CTA *\/\n\n    .rti-actions{\n        margin-top:30px;\n    }\n\n\n    \/* PRODUCT *\/\n\n    .rti-visual{\n        width:100%;\n\n        min-height:500px;\n\n        margin-top:0;\n    }\n\n\n    .rti-machine{\n        width:570px;\n\n        max-width:75%;\n    }\n\n\n    .rti-circle{\n        width:420px;\n        height:420px;\n    }\n\n\n    .rti-glow{\n        width:480px;\n        height:480px;\n    }\n\n\n    .rti-shadow{\n        width:330px;\n\n        bottom:4%;\n    }\n\n\n    \/* BADGE *\/\n\n    .rti-badge{\n        top:40px;\n        right:7%;\n\n        width:140px;\n        height:140px;\n    }\n\n\n    .rti-badge strong{\n        font-size:22px;\n    }\n\n\n    \/* OLD VACUUM *\/\n\n    .rti-old{\n        left:7%;\n        bottom:40px;\n\n        width:180px;\n    }\n\n\n    .rti-arrow{\n        left:27%;\n        bottom:140px;\n    }\n}\n\n\n\/* ==========================================\n   MOBILE\n   0 - 767px\n========================================== *\/\n\n@media(max-width:767px){\n\n    .rti-section{\n        padding:\n            70px\n            0\n            60px;\n    }\n\n\n    \/* BACKGROUND *\/\n\n    .rti-bg-word{\n        top:25px;\n        right:-25px;\n\n        font-size:80px;\n    }\n\n\n    \/* LAYOUT *\/\n\n    .rti-container{\n        width:90%;\n\n        display:flex;\n\n        flex-direction:column;\n\n        gap:28px;\n    }\n\n\n    \/* CONTENT *\/\n\n    .rti-content{\n        width:100%;\n\n        text-align:left;\n    }\n\n\n    \/* KICKER *\/\n\n    .rti-kicker{\n        justify-content:flex-start;\n\n        gap:10px;\n\n        margin-bottom:16px;\n\n        font-size:10px;\n\n        letter-spacing:.14em;\n    }\n\n\n    .rti-kicker::before{\n        width:25px;\n    }\n\n\n    \/* OFFER *\/\n\n    .rti-offer{\n        margin:\n            0\n            0\n            18px;\n\n        padding:\n            8px\n            12px;\n\n        font-size:9px;\n    }\n\n\n    \/* TITLE *\/\n\n    .rti-title{\n        width:100%;\n        max-width:100%;\n\n        margin:0;\n\n        font-size:\n            clamp(\n                42px,\n                12vw,\n                55px\n            );\n\n        line-height:.94;\n\n        letter-spacing:-.055em;\n\n        word-break:normal;\n\n        overflow-wrap:normal;\n    }\n\n\n    \/* DESCRIPTION *\/\n\n    .rti-description{\n        width:100%;\n        max-width:100%;\n\n        margin:\n            23px\n            0\n            0;\n\n        font-size:15px;\n\n        line-height:1.6;\n    }\n\n\n    \/* STEPS *\/\n\n    .rti-steps{\n        width:100%;\n        max-width:none;\n\n        grid-template-columns:1fr;\n\n        gap:10px;\n\n        margin:\n            27px\n            0\n            0;\n\n        text-align:left;\n    }\n\n\n    .rti-step{\n        min-height:0;\n\n        padding:\n            18px\n            20px;\n\n        border-radius:16px;\n    }\n\n\n    .rti-step-number{\n        margin-bottom:7px;\n    }\n\n\n    .rti-step strong{\n        margin-bottom:4px;\n\n        font-size:15px;\n    }\n\n\n    .rti-step p{\n        font-size:12px;\n    }\n\n\n    \/* CTA *\/\n\n    .rti-actions{\n        width:100%;\n\n        display:block;\n\n        margin-top:25px;\n    }\n\n\n    .rti-btn{\n        width:100%;\n\n        min-height:56px;\n\n        padding:\n            0\n            20px;\n    }\n\n\n    .rti-small{\n        width:100%;\n\n        margin-top:13px;\n\n        text-align:center;\n    }\n\n\n    \/* ======================================\n       MOBILE PRODUCT\n    ====================================== *\/\n\n    .rti-visual{\n        position:relative;\n\n        width:100%;\n\n        min-height:380px;\n        height:380px;\n\n        margin-top:0;\n\n        overflow:hidden;\n    }\n\n\n    .rti-machine{\n        position:absolute;\n\n        width:420px;\n\n        max-width:none;\n\n        height:auto;\n\n        left:50%;\n        bottom:0;\n\n        transform:\n            translateX(-43%);\n\n        animation:none;\n    }\n\n\n    .rti-glow{\n        width:340px;\n        height:340px;\n\n        left:50%;\n        top:52%;\n    }\n\n\n    .rti-circle{\n        width:290px;\n        height:290px;\n\n        left:50%;\n        top:52%;\n    }\n\n\n    .rti-circle::after{\n        inset:38px;\n    }\n\n\n    .rti-shadow{\n        width:240px;\n\n        bottom:1%;\n    }\n\n\n    \/* BADGE *\/\n\n    .rti-badge{\n        top:12px;\n        right:0;\n\n        width:110px;\n        height:110px;\n\n        padding:8px;\n    }\n\n\n    .rti-badge-small{\n        font-size:7px;\n    }\n\n\n    .rti-badge strong{\n        margin:\n            4px\n            0;\n\n        font-size:18px;\n    }\n\n\n    .rti-badge-bottom{\n        font-size:9px;\n    }\n\n\n    \/* OLD VACUUM *\/\n\n    .rti-old{\n        left:0;\n        bottom:14px;\n\n        width:145px;\n\n        padding:14px;\n\n        border-radius:15px;\n    }\n\n\n    .rti-old-top{\n        gap:8px;\n\n        margin-bottom:8px;\n    }\n\n\n    .rti-old-icon{\n        width:34px;\n        height:34px;\n\n        border-radius:9px;\n    }\n\n\n    .rti-old-icon svg{\n        width:20px;\n        height:20px;\n    }\n\n\n    .rti-old strong{\n        font-size:11px;\n\n        line-height:1.2;\n    }\n\n\n    .rti-old p{\n        font-size:9px;\n\n        line-height:1.4;\n    }\n\n\n    \/* ARROW *\/\n\n    .rti-arrow{\n        left:125px;\n        bottom:105px;\n\n        font-size:25px;\n    }\n}\n\n\n\/* ==========================================\n   SMALL PHONES\n========================================== *\/\n\n@media(max-width:430px){\n\n    .rti-section{\n        padding-top:62px;\n    }\n\n\n    .rti-container{\n        width:91%;\n    }\n\n\n    .rti-title{\n        font-size:\n            clamp(\n                39px,\n                11.8vw,\n                48px\n            );\n    }\n\n\n    .rti-description{\n        font-size:15px;\n    }\n\n\n    .rti-visual{\n        height:330px;\n\n        min-height:330px;\n    }\n\n\n    .rti-machine{\n        width:365px;\n\n        transform:\n            translateX(-42%);\n    }\n\n\n    .rti-circle{\n        width:250px;\n        height:250px;\n    }\n\n\n    .rti-glow{\n        width:290px;\n        height:290px;\n    }\n\n\n    .rti-badge{\n        width:96px;\n        height:96px;\n\n        top:5px;\n    }\n\n\n    .rti-badge strong{\n        font-size:16px;\n    }\n\n\n    .rti-old{\n        width:125px;\n\n        padding:11px;\n    }\n\n\n    .rti-old p{\n        display:none;\n    }\n\n\n    .rti-arrow{\n        left:105px;\n\n        bottom:80px;\n    }\n}\n\n\n\/* REDUCED MOTION *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .rti-machine,\n    .rti-glow{\n        animation:none;\n    }\n}\n\n<\/style>\n\n\n<!-- BACKGROUND WORD -->\n\n<div class=\"rti-bg-word\">\n    TRADE-IN\n<\/div>\n\n\n<div class=\"rti-container\">\n\n\n    <!-- ==================================\n         LEFT CONTENT\n    =================================== -->\n\n    <div class=\"rti-content\">\n\n\n        <div class=\"rti-kicker\">\n            TRADE-IN \u041f\u0420\u041e\u0413\u0420\u0410\u041c\u0410\n        <\/div>\n\n\n        <div class=\"rti-offer\">\n\n            <span class=\"rti-offer-dot\"><\/span>\n\n            \u0421\u041f\u0415\u0426\u0418\u0410\u041b\u041d\u0410 \u041e\u0424\u0415\u0420\u0422\u0410\n\n        <\/div>\n\n\n        <h2 class=\"rti-title\">\n\n            \u0421\u0442\u0430\u0440\u0430\u0442\u0430 \u0442\u0438\n            \u043f\u0440\u0430\u0445\u043e\u0441\u043c\u0443\u043a\u0430\u0447\u043a\u0430\n\n            <span>\n                \u0432\u0435\u0447\u0435 \u0441\u0442\u0440\u0443\u0432\u0430 \u043f\u043e\u0432\u0435\u0447\u0435.\n            <\/span>\n\n        <\/h2>\n\n\n        <p class=\"rti-description\">\n\n            \u0414\u043e\u043d\u0435\u0441\u0438 \u0441\u0442\u0430\u0440\u0430\u0442\u0430 \u0441\u0438 \u043f\u0440\u0430\u0445\u043e\u0441\u043c\u0443\u043a\u0430\u0447\u043a\u0430,\n            \u043d\u0438\u0435 \u0449\u0435 \u044f <strong>\u043e\u0446\u0435\u043d\u0438\u043c<\/strong> \u0438\n            \u0449\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0448 \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430 \u043f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0430\n            \u043d\u0430 Ritello Maximus.\n\n        <\/p>\n\n\n        <!-- STEPS -->\n\n        <div class=\"rti-steps\">\n\n\n            <div class=\"rti-step\">\n\n                <span class=\"rti-step-number\">\n                    01\n                <\/span>\n\n                <strong>\n                    \u041f\u043e\u043a\u0430\u0436\u0438 \u043d\u0438 \u044f\n                <\/strong>\n\n                <p>\n                    \u041a\u0430\u0436\u0438 \u043d\u0438 \u043a\u0430\u043a\u044a\u0432 \u043c\u043e\u0434\u0435\u043b\n                    \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0448 \u0432 \u043c\u043e\u043c\u0435\u043d\u0442\u0430.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"rti-step\">\n\n                <span class=\"rti-step-number\">\n                    02\n                <\/span>\n\n                <strong>\n                    \u041f\u043e\u043b\u0443\u0447\u0438 \u043e\u0446\u0435\u043d\u043a\u0430\n                <\/strong>\n\n                <p>\n                    \u0429\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0441\u0442\u043e\u0439\u043d\u043e\u0441\u0442\u0442\u0430\n                    \u0441\u043f\u043e\u0440\u0435\u0434 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0442\u0430 \u043d\u0430 \u043e\u0444\u0435\u0440\u0442\u0430\u0442\u0430.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"rti-step\">\n\n                <span class=\"rti-step-number\">\n                    03\n                <\/span>\n\n                <strong>\n                    \u0412\u0437\u0435\u043c\u0438 \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430\n                <\/strong>\n\n                <p>\n                    \u0418\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0439 \u043e\u0446\u0435\u043d\u043a\u0430\u0442\u0430\n                    \u043f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0430 \u043d\u0430 Ritello.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- CTA -->\n\n        <div class=\"rti-actions\">\n\n            <a\n                href=\"#ritello-demo\"\n                class=\"rti-btn\"\n            >\n\n                \u041f\u041e\u041b\u0423\u0427\u0418 \u041e\u0426\u0415\u041d\u041a\u0410\n\n                <span>\u2192<\/span>\n\n            <\/a>\n\n\n            <div class=\"rti-small\">\n\n                \u041e\u0446\u0435\u043d\u043a\u0430\u0442\u0430 \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u044a\u0442 \u043d\u0430 \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430\u0442\u0430\n                \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0442\u0430 \u043d\u0430 \u043e\u0444\u0435\u0440\u0442\u0430\u0442\u0430.\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <!-- ==================================\n         RIGHT VISUAL\n    =================================== -->\n\n    <div class=\"rti-visual\">\n\n\n        <div class=\"rti-glow\"><\/div>\n\n        <div class=\"rti-circle\"><\/div>\n\n        <div class=\"rti-shadow\"><\/div>\n\n\n        <!-- RITELLO -->\n\n        <img decoding=\"async\"\n            class=\"rti-machine\"\n            src=\"https:\/\/ritellobulgaria.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-09_28_37-AM.png\"\n            alt=\"Ritello Maximus\"\n        >\n\n\n        <!-- TRADE-IN BADGE -->\n\n        <div class=\"rti-badge\">\n\n            <span class=\"rti-badge-small\">\n                \u0422\u0412\u041e\u042f\u0422\u0410 \u0421\u0422\u0410\u0420\u0410\n            <\/span>\n\n            <strong>\n                = \u041e\u0422\u0421\u0422\u042a\u041f\u041a\u0410\n            <\/strong>\n\n            <span class=\"rti-badge-bottom\">\n                \u0417\u0410 \u041d\u041e\u0412\n                <br>\n                RITELLO\n            <\/span>\n\n        <\/div>\n\n\n        <!-- OLD VACUUM -->\n\n        <div class=\"rti-old\">\n\n            <div class=\"rti-old-top\">\n\n\n                <div class=\"rti-old-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <circle\n                            cx=\"14\"\n                            cy=\"14\"\n                            r=\"5\">\n                        <\/circle>\n\n                        <path\n                            d=\"M9 14H6c-2 0-3-1-3-3s1-3 3-3h2\">\n                        <\/path>\n\n                        <path\n                            d=\"M14 9V5\">\n                        <\/path>\n\n                        <path\n                            d=\"M12 19h6\">\n                        <\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <strong>\n                    \u0421\u0442\u0430\u0440\u0430\u0442\u0430 \u0442\u0438\n                    \u043f\u0440\u0430\u0445\u043e\u0441\u043c\u0443\u043a\u0430\u0447\u043a\u0430\n                <\/strong>\n\n\n            <\/div>\n\n\n            <p>\n                \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u0434\u0430\u043b\u0438 \u0435 \u043f\u043e-\u0441\u0442\u0430\u0440\n                \u0438\u043b\u0438 \u043f\u043e-\u043d\u043e\u0432 \u043c\u043e\u0434\u0435\u043b \u2014 \u043f\u043e\u043f\u0438\u0442\u0430\u0439\n                \u043d\u0438 \u0437\u0430 \u043e\u0446\u0435\u043d\u043a\u0430.\n            <\/p>\n\n\n        <\/div>\n\n\n        <div class=\"rti-arrow\">\n            \u2197\n        <\/div>\n\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<div id=\"ritello-demo\" class=\"ritello-demo-anchor\"><\/div>\n\n<style>\n.ritello-demo-anchor{\n    height:0;\n    scroll-margin-top:78px;\n}\n<\/style>\n\n\n\n<style data-wp-block-html=\"css\">\n<style>\n\n\/* ==========================================\n   RITELLO STYLE FOR WPFORMS #30\n========================================== *\/\n\n#wpforms-30{\n    width:min(636px,90%);\n\n    margin:\n        -35px\n        calc(5% + 0px)\n        0\n        auto;\n\n    padding:\n        35px 45px 45px;\n\n    border-radius:\n        0 0 28px 28px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.11);\n\n    border-top:0;\n\n    background:#071c28;\n\n    font-family:\n        Helvetica,\n        Arial,\n        sans-serif;\n}\n\n\n\/* labels *\/\n\n#wpforms-30\n.wpforms-field-label{\n    margin-bottom:8px !important;\n\n    color:\n        rgba(255,255,255,.70)\n        !important;\n\n    font-size:11px !important;\n\n    font-weight:700 !important;\n\n    letter-spacing:.04em;\n}\n\n\n\/* required star *\/\n\n#wpforms-30\n.wpforms-required-label{\n    color:#00A6CF !important;\n}\n\n\n\/* inputs *\/\n\n#wpforms-30\ninput[type=\"text\"],\n\n#wpforms-30\ninput[type=\"email\"],\n\n#wpforms-30\ninput[type=\"tel\"],\n\n#wpforms-30\ninput[type=\"number\"],\n\n#wpforms-30\nselect,\n\n#wpforms-30\ntextarea{\n\n    width:100% !important;\n\n    max-width:100% !important;\n\n    border:\n        1px solid\n        rgba(255,255,255,.11)\n        !important;\n\n    border-radius:13px !important;\n\n    background:\n        rgba(4,16,25,.72)\n        !important;\n\n    color:#fff !important;\n\n    box-shadow:none !important;\n\n    font-family:\n        Helvetica,\n        Arial,\n        sans-serif !important;\n\n    font-size:14px !important;\n}\n\n\n#wpforms-30\ninput[type=\"text\"],\n\n#wpforms-30\ninput[type=\"email\"],\n\n#wpforms-30\ninput[type=\"tel\"],\n\n#wpforms-30\ninput[type=\"number\"],\n\n#wpforms-30\nselect{\n\n    min-height:55px !important;\n\n    padding:\n        0 16px\n        !important;\n}\n\n\n#wpforms-30\ntextarea{\n\n    min-height:110px !important;\n\n    padding:\n        15px 16px\n        !important;\n}\n\n\n\/* focus *\/\n\n#wpforms-30\ninput:focus,\n\n#wpforms-30\nselect:focus,\n\n#wpforms-30\ntextarea:focus{\n\n    border-color:\n        #00A6CF\n        !important;\n\n    box-shadow:\n        0 0 0 3px\n        rgba(0,166,207,.10)\n        !important;\n}\n\n\n\/* spacing *\/\n\n#wpforms-30\n.wpforms-field{\n\n    padding:\n        8px 0\n        !important;\n}\n\n\n\/* dropdown *\/\n\n#wpforms-30 select{\n    color:\n        rgba(255,255,255,.80)\n        !important;\n}\n\n\n\/* GDPR *\/\n\n#wpforms-30\n.wpforms-field-gdpr-checkbox{\n\n    margin-top:8px;\n}\n\n\n#wpforms-30\n.wpforms-field-gdpr-checkbox\nli{\n\n    color:\n        rgba(255,255,255,.52)\n        !important;\n\n    font-size:11px !important;\n\n    line-height:1.55 !important;\n}\n\n\n#wpforms-30\n.wpforms-field-gdpr-checkbox\ninput{\n\n    accent-color:#00A6CF;\n}\n\n\n\/* hide GDPR heading if desired *\/\n\n#wpforms-30\n.wpforms-field-gdpr-checkbox\n.wpforms-field-label{\n\n    color:\n        rgba(255,255,255,.75)\n        !important;\n}\n\n\n\/* submit *\/\n\n#wpforms-30\nbutton[type=\"submit\"]{\n\n    width:100% !important;\n\n    min-height:58px !important;\n\n    margin-top:12px !important;\n\n    border:0 !important;\n\n    border-radius:100px !important;\n\n    background:\n        linear-gradient(\n            135deg,\n            #3870B7,\n            #00A6CF\n        )\n        !important;\n\n    color:#fff !important;\n\n    font-family:\n        Helvetica,\n        Arial,\n        sans-serif\n        !important;\n\n    font-size:13px !important;\n\n    font-weight:900 !important;\n\n    letter-spacing:.04em;\n\n    box-shadow:\n        0 16px 40px\n        rgba(0,166,207,.24)\n        !important;\n\n    transition:.3s ease;\n}\n\n\n#wpforms-30\nbutton[type=\"submit\"]:hover{\n\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 20px 50px\n        rgba(0,166,207,.38)\n        !important;\n}\n\n\n\/* errors *\/\n\n#wpforms-30\n.wpforms-error{\n\n    color:#fff !important;\n\n    font-size:11px !important;\n}\n\n\n\/* confirmation *\/\n\n#wpforms-confirmation-30{\n\n    width:min(636px,90%);\n\n    margin:\n        0\n        5%\n        0\n        auto;\n\n    padding:35px;\n\n    border:\n        1px solid\n        rgba(0,166,207,.25);\n\n    border-radius:20px;\n\n    background:\n        rgba(0,166,207,.08);\n\n    color:#fff;\n\n    font-family:\n        Helvetica,\n        Arial,\n        sans-serif;\n\n    text-align:center;\n}\n\n\n#wpforms-confirmation-30 p{\n    color:#fff !important;\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n    #wpforms-30{\n\n        width:90%;\n\n        margin:\n            -30px\n            auto\n            0;\n\n        padding:\n            30px 22px;\n\n        border-radius:\n            0 0 22px 22px;\n    }\n\n\n    #wpforms-confirmation-30{\n\n        width:90%;\n\n        margin:\n            0 auto;\n\n    }\n\n}\n\n<\/style>\n<\/style>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\"><style id=\"wpforms-css-vars-30-block-0aa46fbd-221c-45b2-86f8-cc78c9e41ed7\">\n\t\t\t\t#wpforms-30.wpforms-block-0aa46fbd-221c-45b2-86f8-cc78c9e41ed7 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-block wpforms-block-0aa46fbd-221c-45b2-86f8-cc78c9e41ed7 wpforms-render-modern\" id=\"wpforms-30\"><form id=\"wpforms-form-30\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"30\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F6\" data-token=\"af04751d1e38e6c02f72e1cc2beb6d7d\" data-token-time=\"1793451880\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-30-field_8-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"8\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-30-field_8\" >\u043b\u0438 Trade-In? \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-30-field_8\" class=\"wpforms-field-medium\" name=\"wpforms[fields][8]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-30-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">\u0418\u043c\u0435 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-30-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-30-field_1-error\" required><label for=\"wpforms-30-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-30-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-30-field_1-last-error\" required><label for=\"wpforms-30-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-30-field_2-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-30-field_2\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-30-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" aria-errormessage=\"wpforms-30-field_2-error\" aria-describedby=\"wpforms-30-field_2-description\" required><div id=\"wpforms-30-field_2-description\" class=\"wpforms-field-description\">08&#8230;.<\/div><\/div><div id=\"wpforms-30-field_3-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-30-field_3\">\u0413\u0440\u0430\u0434 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-30-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-30-field_3-error\" aria-describedby=\"wpforms-30-field_3-description\" required><div id=\"wpforms-30-field_3-description\" class=\"wpforms-field-description\">\u0412\u0430\u0448\u0438\u044f\u0442 \u0433\u0440\u0430\u0434<\/div><\/div><div id=\"wpforms-30-field_4-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-30-field_4\">\u0423\u0434\u043e\u0431\u043d\u043e \u0432\u0440\u0435\u043c\u0435<\/label><select id=\"wpforms-30-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\"><option value=\"\u0421\u0443\u0442\u0440\u0438\u043d\"  class=\"choice-1 depth-1\"  >\u0421\u0443\u0442\u0440\u0438\u043d<\/option><option value=\"\u0421\u043b\u0435\u0434\u043e\u0431\u0435\u0434\"  class=\"choice-2 depth-1\"  >\u0421\u043b\u0435\u0434\u043e\u0431\u0435\u0434<\/option><option value=\"\u0412\u0435\u0447\u0435\u0440\"  class=\"choice-3 depth-1\"  >\u0412\u0435\u0447\u0435\u0440<\/option><\/select><\/div><div id=\"wpforms-30-field_5-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-30-field_5\">\u0418\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0432\u0430 \u043b\u0438 \u0432\u0438 Trade-In?<\/label><select id=\"wpforms-30-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\"><option value=\"\u0414\u0430, \u0438\u0441\u043a\u0430\u043c \u043e\u0446\u0435\u043d\u043a\u0430\"  class=\"choice-1 depth-1\"  >\u0414\u0430, \u0438\u0441\u043a\u0430\u043c \u043e\u0446\u0435\u043d\u043a\u0430<\/option><option value=\"\u041d\u0435, \u0441\u0430\u043c\u043e \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f\"  class=\"choice-2 depth-1\"  >\u041d\u0435, \u0441\u0430\u043c\u043e \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/option><option value=\"\u0418\u0441\u043a\u0430\u043c \u043f\u043e\u0432\u0435\u0447\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f\"  class=\"choice-3 depth-1\"  >\u0418\u0441\u043a\u0430\u043c \u043f\u043e\u0432\u0435\u0447\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/option><\/select><\/div><div id=\"wpforms-30-field_6-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-30-field_6\">\u0421\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/label><textarea id=\"wpforms-30-field_6\" class=\"wpforms-field-medium\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-30-field_6-error\" ><\/textarea><\/div><div id=\"wpforms-30-field_7-container\" class=\"wpforms-field wpforms-field-gdpr-checkbox\" data-field-id=\"7\"><label class=\"wpforms-field-label\">\u0421\u044a\u0433\u043b\u0430\u0441\u0438\u0435 \u0437\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u0430 \u043b\u0438\u0447\u043d\u0438 \u0434\u0430\u043d\u043d\u0438 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><ul id=\"wpforms-30-field_7\" class=\"wpforms-field-required\"><li class=\"choice-1\"><input type=\"checkbox\" id=\"wpforms-30-field_7_1\" name=\"wpforms[fields][7][]\" value=\"\u0421\u044a\u0433\u043b\u0430\u0441\u0435\u043d\/\u043d\u0430 \u0441\u044a\u043c \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0435\u043d\u0438\u0442\u0435 \u043e\u0442 \u043c\u0435\u043d \u0434\u0430\u043d\u043d\u0438 \u0434\u0430 \u0431\u044a\u0434\u0430\u0442 \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043d\u0438 \u0437\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0432\u044a\u0432 \u0432\u0440\u044a\u0437\u043a\u0430 \u0441\u044a\u0441 \u0437\u0430\u044f\u0432\u043a\u0430\u0442\u0430 \u043c\u0438 \u0437\u0430 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0430 Ritello.\" aria-errormessage=\"wpforms-30-field_7_1-error\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-30-field_7_1\">\u0421\u044a\u0433\u043b\u0430\u0441\u0435\u043d\/\u043d\u0430 \u0441\u044a\u043c \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0435\u043d\u0438\u0442\u0435 \u043e\u0442 \u043c\u0435\u043d \u0434\u0430\u043d\u043d\u0438 \u0434\u0430 \u0431\u044a\u0434\u0430\u0442 \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043d\u0438 \u0437\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0432\u044a\u0432 \u0432\u0440\u044a\u0437\u043a\u0430 \u0441\u044a\u0441 \u0437\u0430\u044f\u0432\u043a\u0430\u0442\u0430 \u043c\u0438 \u0437\u0430 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0430 Ritello.<\/label><\/li><\/ul><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-30-field_8-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-30-field_8-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-30-field_8-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"30\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/ritellobulgaria.com\/index.php?rest_route=\/wp\/v2\/pages\/6\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-30\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"\u0418\u0437\u043f\u0440\u0430\u0442\u0438\" aria-live=\"assertive\" value=\"wpforms-submit\">\u0418\u0437\u043f\u0440\u0430\u0442\u0438<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ritellobulgaria.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container --><\/div>\n\n\n\n<section id=\"ritello-showrooms\" class=\"rs-showrooms\">\n\n<style>\n\n\/* ==========================================\n   RITELLO SHOWROOMS\n========================================== *\/\n\n.rs-showrooms,\n.rs-showrooms *{\n    box-sizing:border-box;\n}\n\n.rs-showrooms{\n    position:relative;\n\n    width:100vw;\n    max-width:100vw;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n\n    padding:110px 0 120px;\n\n    overflow:hidden;\n\n    font-family:Helvetica,Arial,sans-serif;\n\n    color:#fff;\n\n    background:\n        radial-gradient(\n            circle at 10% 20%,\n            rgba(0,166,207,.10),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 90% 80%,\n            rgba(56,112,183,.12),\n            transparent 30%\n        ),\n        linear-gradient(\n            180deg,\n            #041019 0%,\n            #061923 100%\n        );\n}\n\n\n\/* top separator *\/\n\n.rs-showrooms::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:50%;\n\n    width:80%;\n    height:1px;\n\n    transform:translateX(-50%);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(0,166,207,.40),\n            transparent\n        );\n}\n\n\n\/* glow *\/\n\n.rs-showrooms::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:600px;\n    height:600px;\n\n    right:-300px;\n    top:50px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(0,166,207,.08),\n            transparent 68%\n        );\n\n    pointer-events:none;\n}\n\n\n.rs-container{\n    position:relative;\n    z-index:2;\n\n    width:min(1240px,90%);\n\n    margin:0 auto;\n}\n\n\n\/* ==========================================\n   HEADING\n========================================== *\/\n\n.rs-heading{\n    display:flex;\n\n    align-items:flex-end;\n    justify-content:space-between;\n\n    gap:60px;\n\n    margin-bottom:55px;\n}\n\n\n.rs-kicker{\n    display:flex;\n\n    align-items:center;\n\n    gap:14px;\n\n    margin-bottom:20px;\n\n    color:#00A6CF;\n\n    font-size:13px;\n    font-weight:800;\n\n    letter-spacing:.18em;\n\n    text-transform:uppercase;\n}\n\n\n.rs-kicker::before{\n    content:\"\";\n\n    width:38px;\n    height:2px;\n\n    background:#00A6CF;\n}\n\n\n.rs-title{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(48px,5vw,74px);\n\n    line-height:.95;\n\n    font-weight:800;\n\n    letter-spacing:-.055em;\n}\n\n\n.rs-title span{\n    color:#00A6CF;\n}\n\n\n.rs-intro{\n    max-width:430px;\n\n    margin:0 0 5px;\n\n    color:rgba(255,255,255,.55);\n\n    font-size:16px;\n\n    line-height:1.65;\n}\n\n\n\/* ==========================================\n   CARDS\n========================================== *\/\n\n.rs-grid{\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:18px;\n}\n\n\n.rs-card{\n    position:relative;\n\n    min-height:330px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    padding:34px;\n\n    overflow:hidden;\n\n    border:\n        1px solid\n        rgba(255,255,255,.09);\n\n    border-radius:24px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.055),\n            rgba(255,255,255,.018)\n        );\n\n    transition:\n        transform .35s ease,\n        border-color .35s ease,\n        box-shadow .35s ease;\n}\n\n\n.rs-card:hover{\n    transform:translateY(-7px);\n\n    border-color:\n        rgba(0,166,207,.30);\n\n    box-shadow:\n        0 25px 60px\n        rgba(0,0,0,.25);\n}\n\n\n\/* card glow *\/\n\n.rs-card::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:230px;\n    height:230px;\n\n    right:-120px;\n    top:-120px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(0,166,207,.17),\n            transparent 68%\n        );\n\n    transition:\n        transform .4s ease,\n        opacity .4s ease;\n}\n\n\n.rs-card:hover::before{\n    transform:scale(1.25);\n}\n\n\n\/* number *\/\n\n.rs-number{\n    position:absolute;\n\n    right:28px;\n    top:27px;\n\n    color:\n        rgba(255,255,255,.12);\n\n    font-size:12px;\n\n    font-weight:800;\n\n    letter-spacing:.10em;\n}\n\n\n\/* pin icon *\/\n\n.rs-icon{\n    width:54px;\n    height:54px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:32px;\n\n    border-radius:16px;\n\n    border:\n        1px solid\n        rgba(0,166,207,.25);\n\n    background:\n        rgba(0,166,207,.08);\n\n    color:#00A6CF;\n}\n\n\n.rs-icon svg{\n    width:25px;\n    height:25px;\n\n    fill:none;\n\n    stroke:currentColor;\n\n    stroke-width:1.7;\n\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n\n\/* city *\/\n\n.rs-city{\n    margin:0 0 13px;\n\n    color:#fff;\n\n    font-size:27px;\n\n    line-height:1;\n\n    font-weight:800;\n\n    letter-spacing:-.035em;\n}\n\n\n\/* address *\/\n\n.rs-address{\n    margin:0;\n\n    max-width:280px;\n\n    color:\n        rgba(255,255,255,.56);\n\n    font-size:15px;\n\n    line-height:1.6;\n}\n\n\n\/* button *\/\n\n.rs-map{\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:10px;\n\n    width:max-content;\n\n    margin-top:auto;\n    padding-top:30px;\n\n    color:#00A6CF !important;\n\n    text-decoration:none !important;\n\n    font-size:12px;\n\n    font-weight:900;\n\n    letter-spacing:.09em;\n\n    transition:\n        color .25s ease,\n        gap .25s ease;\n}\n\n\n.rs-map span{\n    font-size:17px;\n\n    transition:\n        transform .25s ease;\n}\n\n\n.rs-map:hover{\n    color:#fff !important;\n\n    gap:14px;\n}\n\n\n.rs-map:hover span{\n    transform:translateX(3px);\n}\n\n\n\/* ==========================================\n   MOBILE\n========================================== *\/\n\n@media(max-width:900px){\n\n    .rs-heading{\n        display:block;\n    }\n\n    .rs-intro{\n        margin-top:25px;\n    }\n\n    .rs-grid{\n        grid-template-columns:1fr;\n    }\n\n    .rs-card{\n        min-height:270px;\n    }\n\n}\n\n\n@media(max-width:767px){\n\n    .rs-showrooms{\n        padding:\n            80px 0 85px;\n    }\n\n    .rs-heading{\n        margin-bottom:38px;\n\n        text-align:center;\n    }\n\n    .rs-kicker{\n        justify-content:center;\n    }\n\n    .rs-title{\n        font-size:\n            clamp(43px,12vw,58px);\n    }\n\n    .rs-intro{\n        margin:\n            22px auto 0;\n    }\n\n    .rs-card{\n        padding:28px;\n\n        min-height:255px;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"rs-container\">\n\n\n    <!-- HEADER -->\n\n    <div class=\"rs-heading\">\n\n        <div>\n\n            <div class=\"rs-kicker\">\n                \u041d\u0410\u041c\u0415\u0420\u0418 \u041d\u0418\n            <\/div>\n\n            <h2 class=\"rs-title\">\n                \u041f\u043e\u0441\u0435\u0442\u0438 Ritello<br>\n                <span>\u043d\u0430 \u0436\u0438\u0432\u043e.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <p class=\"rs-intro\">\n\n            \u041f\u043e\u0441\u0435\u0442\u0438 \u043d\u0430\u0439-\u0431\u043b\u0438\u0437\u043a\u0438\u044f Ritello \u0448\u043e\u0443\u0440\u0443\u043c\n            \u0438 \u0441\u0435 \u0437\u0430\u043f\u043e\u0437\u043d\u0430\u0439 \u0441\u044a\u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0430\n            \u043e\u0442\u0431\u043b\u0438\u0437\u043e.\n\n        <\/p>\n\n    <\/div>\n\n\n\n    <!-- SHOWROOMS -->\n\n    <div class=\"rs-grid\">\n\n\n        <!-- SOFIA -->\n\n        <article class=\"rs-card\">\n\n            <span class=\"rs-number\">\n                01\n            <\/span>\n\n            <div class=\"rs-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path\n                        d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12z\"\n                    \/>\n\n                    <circle\n                        cx=\"12\"\n                        cy=\"9\"\n                        r=\"2.4\"\n                    \/>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <h3 class=\"rs-city\">\n                \u0421\u043e\u0444\u0438\u044f\n            <\/h3>\n\n\n            <p class=\"rs-address\">\n                \u0443\u043b. \u041c\u043e\u043d\u0442\u0435\u0432\u0438\u0434\u0435\u043e 63,\n                \u0435\u0442. 2\n            <\/p>\n\n\n            <a\n                class=\"rs-map\"\n                href=\"https:\/\/maps.app.goo.gl\/YFxRj4jEHazhBrBg7\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n                \u0412\u0418\u0416 \u041d\u0410 \u041a\u0410\u0420\u0422\u0410\u0422\u0410\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/article>\n\n\n\n        <!-- VARNA -->\n\n        <article class=\"rs-card\">\n\n            <span class=\"rs-number\">\n                02\n            <\/span>\n\n            <div class=\"rs-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path\n                        d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12z\"\n                    \/>\n\n                    <circle\n                        cx=\"12\"\n                        cy=\"9\"\n                        r=\"2.4\"\n                    \/>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <h3 class=\"rs-city\">\n                \u0412\u0430\u0440\u043d\u0430\n            <\/h3>\n\n\n            <p class=\"rs-address\">\n                \u0443\u043b. \u0428\u0438\u043f\u043a\u0430 2\n            <\/p>\n\n\n            <a\n                class=\"rs-map\"\n                href=\"https:\/\/maps.app.goo.gl\/htJegZp4WG65kN129\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n                \u0412\u0418\u0416 \u041d\u0410 \u041a\u0410\u0420\u0422\u0410\u0422\u0410\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/article>\n\n\n\n        <!-- PLOVDIV -->\n\n        <article class=\"rs-card\">\n\n            <span class=\"rs-number\">\n                03\n            <\/span>\n\n            <div class=\"rs-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path\n                        d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12z\"\n                    \/>\n\n                    <circle\n                        cx=\"12\"\n                        cy=\"9\"\n                        r=\"2.4\"\n                    \/>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <h3 class=\"rs-city\">\n                \u041f\u043b\u043e\u0432\u0434\u0438\u0432\n            <\/h3>\n\n\n            <p class=\"rs-address\">\n                \u041f\u0435\u0448\u0435\u0445\u043e\u0434\u0435\u043d \u043c\u043e\u0441\u0442 \u201e\u0421\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435\u201c,\n                \u043c\u0430\u0433\u0430\u0437\u0438\u043d \u211626\n            <\/p>\n\n\n            <a\n                class=\"rs-map\"\n                href=\"https:\/\/maps.app.goo.gl\/EFZ9kpz5PZt2oMni9\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n                \u0412\u0418\u0416 \u041d\u0410 \u041a\u0410\u0420\u0422\u0410\u0422\u0410\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/article>\n\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<footer class=\"ritello-footer\">\n\n<style>\n.ritello-footer,\n.ritello-footer *{\n    box-sizing:border-box;\n}\n\n.ritello-footer{\n    width:100vw;\n    max-width:100vw;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n\n    padding:65px 0 30px;\n\n    font-family:Helvetica,Arial,sans-serif;\n\n    color:#fff;\n    background:#020b11;\n\n    border-top:1px solid rgba(255,255,255,.07);\n}\n\n.rf-container{\n    width:min(1240px,90%);\n    margin:0 auto;\n}\n\n\n\/* TOP *\/\n\n.rf-top{\n    display:grid;\n    grid-template-columns:1.4fr 1fr 1fr;\n    gap:60px;\n\n    padding-bottom:55px;\n}\n\n\n\/* BRAND *\/\n\n.rf-logo{\n    display:inline-block;\n\n    margin-bottom:18px;\n\n    color:#fff !important;\n\n    text-decoration:none !important;\n\n    font-size:27px;\n    font-weight:900;\n    font-style:italic;\n\n    letter-spacing:-.05em;\n}\n\n.rf-logo span{\n    color:#00A6CF;\n}\n\n.rf-description{\n    max-width:390px;\n\n    margin:0;\n\n    color:rgba(255,255,255,.45);\n\n    font-size:14px;\n    line-height:1.7;\n}\n\n\n\/* COLUMNS *\/\n\n.rf-title{\n    margin:0 0 20px;\n\n    color:rgba(255,255,255,.35);\n\n    font-size:11px;\n    font-weight:800;\n\n    letter-spacing:.16em;\n    text-transform:uppercase;\n}\n\n.rf-links{\n    display:flex;\n    flex-direction:column;\n    align-items:flex-start;\n    gap:13px;\n}\n\n.rf-links a{\n    color:rgba(255,255,255,.72) !important;\n\n    text-decoration:none !important;\n\n    font-size:14px;\n    font-weight:600;\n\n    transition:\n        color .25s ease,\n        transform .25s ease;\n}\n\n.rf-links a:hover{\n    color:#00A6CF !important;\n    transform:translateX(3px);\n}\n\n\n\/* PHONE *\/\n\n.rf-phone{\n    display:inline-flex !important;\n\n    align-items:center;\n    gap:11px;\n\n    color:#fff !important;\n\n    font-size:19px !important;\n    font-weight:800 !important;\n}\n\n.rf-phone-icon{\n    width:36px;\n    height:36px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:10px;\n\n    color:#00A6CF;\n\n    background:rgba(0,166,207,.10);\n\n    border:1px solid rgba(0,166,207,.18);\n}\n\n.rf-phone-icon svg{\n    width:17px;\n    height:17px;\n\n    fill:none;\n    stroke:currentColor;\n\n    stroke-width:1.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n\n\/* BOTTOM *\/\n\n.rf-bottom{\n    display:flex;\n\n    align-items:center;\n    justify-content:space-between;\n\n    gap:30px;\n\n    padding-top:27px;\n\n    border-top:1px solid rgba(255,255,255,.07);\n}\n\n.rf-copy{\n    margin:0;\n\n    color:rgba(255,255,255,.28);\n\n    font-size:12px;\n}\n\n.rf-bottom-links{\n    display:flex;\n    gap:24px;\n}\n\n.rf-bottom-links a{\n    color:rgba(255,255,255,.35) !important;\n\n    text-decoration:none !important;\n\n    font-size:12px;\n\n    transition:color .25s ease;\n}\n\n.rf-bottom-links a:hover{\n    color:#00A6CF !important;\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:800px){\n\n    .ritello-footer{\n        padding-top:55px;\n    }\n\n    .rf-top{\n        grid-template-columns:1fr;\n        gap:40px;\n\n        padding-bottom:45px;\n    }\n\n    .rf-bottom{\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:17px;\n    }\n\n    .rf-bottom-links{\n        flex-wrap:wrap;\n        gap:12px 20px;\n    }\n\n}\n<\/style>\n\n\n<div class=\"rf-container\">\n\n    <div class=\"rf-top\">\n\n\n        <!-- BRAND -->\n\n        <div>\n\n            <a href=\"#ritello-home\" class=\"rf-logo\">\n                RITELLO<span>\u2726<\/span>\n            <\/a>\n\n            <p class=\"rf-description\">\n                Ritello Maximus \u2014 \u043c\u043e\u0434\u0435\u0440\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430\n                \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435 \u0438 \u0441\u0432\u0435\u0436 \u0432\u044a\u0437\u0434\u0443\u0445 \u0443 \u0434\u043e\u043c\u0430.\n                \u0417\u0430\u043f\u0430\u0437\u0438 \u0431\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0438\n                \u043e\u0442\u043a\u0440\u0438\u0439 Ritello \u043d\u0430 \u0436\u0438\u0432\u043e.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- NAVIGATION -->\n\n        <div>\n\n            <h3 class=\"rf-title\">\n                \u041d\u0410\u0412\u0418\u0413\u0410\u0426\u0418\u042f\n            <\/h3>\n\n            <div class=\"rf-links\">\n\n                <a href=\"#ritello-home\">\n                    \u041d\u0430\u0447\u0430\u043b\u043e\n                <\/a>\n\n                <a href=\"#ritello-benefits\">\n                    \u0417\u0430 Ritello\n                <\/a>\n\n                <a href=\"#ritello-tradein\">\n                    Trade-In\n                <\/a>\n\n                <a href=\"#ritello-demo\">\n                    \u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f\n                <\/a>\n\n                <a href=\"#ritello-showrooms\">\n                    \u0428\u043e\u0443\u0440\u0443\u043c\u0438\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- CONTACT -->\n\n        <div>\n\n            <h3 class=\"rf-title\">\n                \u0421\u0412\u042a\u0420\u0416\u0418 \u0421\u0415 \u0421 \u041d\u0410\u0421\n            <\/h3>\n\n            <div class=\"rf-links\">\n\n                <a href=\"tel:+359897333385\" class=\"rf-phone\">\n\n                    <span class=\"rf-phone-icon\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2\n                            19.79 19.79 0 0 1-8.63-3.07\n                            19.5 19.5 0 0 1-6-6\n                            19.79 19.79 0 0 1-3.07-8.67\n                            A2 2 0 0 1 4.11 2h3\n                            a2 2 0 0 1 2 1.72\n                            12.84 12.84 0 0 0 .7 2.81\n                            2 2 0 0 1-.45 2.11L8.09 9.91\n                            a16 16 0 0 0 6 6l1.27-1.27\n                            a2 2 0 0 1 2.11-.45\n                            12.84 12.84 0 0 0 2.81.7\n                            A2 2 0 0 1 22 16.92z\"><\/path>\n                        <\/svg>\n\n                    <\/span>\n\n                    +359 897 333 385\n\n                <\/a>\n\n                <a href=\"#ritello-showrooms\">\n                    \u0421\u043e\u0444\u0438\u044f \u00b7 \u0412\u0430\u0440\u043d\u0430 \u00b7 \u041f\u043b\u043e\u0432\u0434\u0438\u0432\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"rf-bottom\">\n\n        <p class=\"rf-copy\">\n            \u00a9 2026 Ritello Bulgaria. \u0412\u0441\u0438\u0447\u043a\u0438 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u043f\u0430\u0437\u0435\u043d\u0438.\n        <\/p>\n<p class=\"rf-copy\">\n    Design &amp; Development:\n    <a href=\"https:\/\/newyouonline.eu\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:inherit; text-decoration:none;\">\n        NewYouOnline\n    <\/a>\n<\/p>\n\n\n        <div class=\"rf-bottom-links\">\n\n            <a href=\"https:\/\/ritellobulgaria.com\/?page_id=3\">\n                \u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u0437\u0430 \u043f\u043e\u0432\u0435\u0440\u0438\u0442\u0435\u043b\u043d\u043e\u0441\u0442\n            <\/a>\n\n            <a href=\"https:\/\/ritellobulgaria.com\/?page_id=54\">\n                \u041e\u0431\u0449\u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/footer>\n\n\n\n<!-- =========================================\nRITELLO TRADE-IN POPUP\n========================================= -->\n\n<div class=\"rtp-overlay rtp-show\" id=\"rtp-popup\" aria-hidden=\"false\">\n\n<div class=\"rtp-popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"rtp-title\">\n\n<!-- CLOSE -->\n\n<button class=\"rtp-close\" type=\"button\" aria-label=\"\u0417\u0430\u0442\u0432\u043e\u0440\u0438\" onclick=\"document.getElementById('rtp-popup').style.display='none';\">\n\u00d7\n<\/button>\n\n\n<!-- DECORATIVE GLOW -->\n\n<div class=\"rtp-glow\"><\/div>\n\n\n<!-- LEFT CONTENT -->\n\n<div class=\"rtp-content\">\n\n<div class=\"rtp-kicker\">\nTRADE-IN \u041f\u0420\u041e\u0413\u0420\u0410\u041c\u0410\n<\/div>\n\n\n<h2 id=\"rtp-title\">\n\u0421\u0442\u0430\u0440\u0430\u0442\u0430 \u0442\u0438<br>\n\u043f\u0440\u0430\u0445\u043e\u0441\u043c\u0443\u043a\u0430\u0447\u043a\u0430<br>\n<span>\u0432\u0435\u0447\u0435 \u0441\u0442\u0440\u0443\u0432\u0430 \u043f\u043e\u0432\u0435\u0447\u0435.<\/span>\n<\/h2>\n\n\n<p class=\"rtp-text\">\n\u0414\u043e\u043d\u0435\u0441\u0438 \u0441\u0442\u0430\u0440\u0430\u0442\u0430 \u0441\u0438 \u043f\u0440\u0430\u0445\u043e\u0441\u043c\u0443\u043a\u0430\u0447\u043a\u0430\n\u0438 \u043f\u043e\u043b\u0443\u0447\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u043d\u0430 \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430\n\u043f\u0440\u0438 \u0437\u0430\u043c\u044f\u043d\u0430.\n<\/p>\n\n\n<a href=\"#ritello-demo\" class=\"rtp-btn\" onclick=\"document.getElementById('rtp-popup').style.display='none';\">\n\u0412\u0417\u0415\u041c\u0418 \u0421\u0412\u041e\u042f\u0422\u0410 \u041e\u0422\u0421\u0422\u042a\u041f\u041a\u0410\n<span>\u2192<\/span>\n<\/a>\n\n\n<div class=\"rtp-note\">\n\u0423\u0441\u043b\u043e\u0432\u0438\u044f\u0442\u0430 \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u044a\u0442 \u043d\u0430 \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430\u0442\u0430\n\u0441\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442 \u0441\u043b\u0435\u0434 \u043e\u0446\u0435\u043d\u043a\u0430.\n<\/div>\n\n<\/div>\n\n\n<!-- RIGHT VISUAL -->\n\n<div class=\"rtp-visual\">\n\n<div class=\"rtp-product-glow\"><\/div>\n\n<img decoding=\"async\" class=\"rtp-product\" src=\"https:\/\/ritellobulgaria.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-09_28_37-AM.png\" alt=\"Ritello Maximus\">\n\n<div class=\"rtp-discount\">\n\u0414\u041e\u041d\u0415\u0421\u0418 \u0421\u0422\u0410\u0420\u0410\u0422\u0410 \u0421\u0418 \u041f\u0420\u0410\u0425\u041e\u0421\u041c\u0423\u041a\u0410\u0427\u041a\u0410\n<strong>\u041f\u041e\u041b\u0423\u0427\u0418 \u041e\u0422\u0421\u0422\u042a\u041f\u041a\u0410<\/strong>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================\nRITELLO TRADE-IN POPUP\n========================================= *\/\n\n.rtp-overlay,\n.rtp-overlay *{\nbox-sizing:border-box;\n}\n\n\n\/* OVERLAY *\/\n\n.rtp-overlay{\nposition:fixed;\n\ninset:0;\n\nz-index:999999;\n\ndisplay:flex;\n\nalign-items:center;\njustify-content:center;\n\npadding:25px;\n\nbackground:rgba(1,8,13,.80);\n\nbackdrop-filter:blur(10px);\n-webkit-backdrop-filter:blur(10px);\n\nopacity:0;\nvisibility:hidden;\n\npointer-events:none;\n\ntransition:\nopacity .4s ease,\nvisibility .4s ease;\n}\n\n\n.rtp-overlay.rtp-show{\nopacity:1;\nvisibility:visible;\n\npointer-events:auto;\n}\n\n\n\/* =========================================\nPOPUP\n========================================= *\/\n\n.rtp-popup{\nposition:relative;\n\nwidth:min(920px,94vw);\nmin-height:510px;\n\ndisplay:grid;\n\ngrid-template-columns:\n1.25fr .75fr;\n\noverflow:hidden;\n\nborder:\n1px solid\nrgba(255,255,255,.12);\n\nborder-radius:32px;\n\nbackground:\nradial-gradient(\ncircle at 88% 15%,\nrgba(0,166,207,.22),\ntransparent 30%\n),\nradial-gradient(\ncircle at 10% 100%,\nrgba(56,112,183,.13),\ntransparent 35%\n),\nlinear-gradient(\n135deg,\n#041019 0%,\n#061d29 55%,\n#043142 100%\n);\n\nbox-shadow:\n0 50px 130px\nrgba(0,0,0,.58);\n\ntransform:\ntranslateY(30px)\nscale(.97);\n\ntransition:\ntransform .45s\ncubic-bezier(.2,.8,.2,1);\n\nfont-family:\nHelvetica,\nArial,\nsans-serif;\n}\n\n\n.rtp-show .rtp-popup{\ntransform:\ntranslateY(0)\nscale(1);\n}\n\n\n\/* =========================================\nCLOSE BUTTON\n========================================= *\/\n\n.rtp-close{\nposition:absolute;\n\ntop:20px;\nright:20px;\n\nz-index:20;\n\nwidth:42px;\nheight:42px;\n\ndisplay:flex;\n\nalign-items:center;\njustify-content:center;\n\npadding:0;\n\nborder:\n1px solid\nrgba(255,255,255,.13);\n\nborder-radius:50%;\n\nbackground:\nrgba(255,255,255,.05);\n\ncolor:\nrgba(255,255,255,.72);\n\nfont-family:\nArial,\nsans-serif;\n\nfont-size:27px;\nfont-weight:300;\n\nline-height:1;\n\ncursor:pointer;\n\ntransition:\nbackground .25s ease,\ncolor .25s ease,\ntransform .25s ease;\n}\n\n\n.rtp-close:hover{\ncolor:#fff;\n\nbackground:\nrgba(0,166,207,.18);\n\ntransform:rotate(90deg);\n}\n\n\n\/* =========================================\nLEFT CONTENT\n========================================= *\/\n\n.rtp-content{\nposition:relative;\n\nz-index:5;\n\ndisplay:flex;\n\nflex-direction:column;\n\njustify-content:center;\n\npadding:\n65px\n20px\n65px\n65px;\n\ncolor:#fff;\n}\n\n\n\/* KICKER *\/\n\n.rtp-kicker{\ndisplay:flex;\n\nalign-items:center;\n\ngap:12px;\n\nmargin-bottom:21px;\n\ncolor:#00A6CF;\n\nfont-size:12px;\nfont-weight:900;\n\nletter-spacing:.18em;\n\ntext-transform:uppercase;\n}\n\n\n.rtp-kicker::before{\ncontent:\"\";\n\nwidth:34px;\nheight:2px;\n\nbackground:#00A6CF;\n}\n\n\n\/* TITLE *\/\n\n.rtp-content h2{\nmargin:\n0\n0\n26px;\n\ncolor:#fff;\n\nfont-size:\nclamp(43px,5vw,63px);\n\nline-height:.94;\n\nfont-weight:900;\n\nletter-spacing:-.055em;\n}\n\n\n.rtp-content h2 span{\ncolor:#00A6CF;\n}\n\n\n\/* TEXT *\/\n\n.rtp-text{\nmax-width:445px;\n\nmargin:\n0\n0\n32px;\n\ncolor:\nrgba(255,255,255,.64);\n\nfont-size:17px;\n\nline-height:1.6;\n}\n\n\n\/* =========================================\nCTA BUTTON\n========================================= *\/\n\n.rtp-btn{\ndisplay:inline-flex;\n\nalign-items:center;\njustify-content:center;\n\ngap:14px;\n\nwidth:max-content;\n\nmin-height:54px;\n\npadding:\n0\n27px;\n\nborder-radius:12px;\n\nbackground:#00A6CF;\n\ncolor:#fff !important;\n\ntext-decoration:none !important;\n\nfont-size:12px;\n\nfont-weight:900;\n\nletter-spacing:.075em;\n\nbox-shadow:\n0 14px 35px\nrgba(0,166,207,.20);\n\ntransition:\ntransform .25s ease,\nbackground .25s ease,\nbox-shadow .25s ease;\n}\n\n\n.rtp-btn:hover{\ntransform:\ntranslateY(-3px);\n\nbackground:#08b9e4;\n\nbox-shadow:\n0 18px 45px\nrgba(0,166,207,.30);\n}\n\n\n.rtp-btn span{\nfont-size:18px;\n\ntransition:\ntransform .25s ease;\n}\n\n\n.rtp-btn:hover span{\ntransform:\ntranslateX(4px);\n}\n\n\n\/* NOTE *\/\n\n.rtp-note{\nmax-width:400px;\n\nmargin-top:18px;\n\ncolor:\nrgba(255,255,255,.32);\n\nfont-size:11px;\n\nline-height:1.5;\n}\n\n\n\/* =========================================\nRIGHT VISUAL\n========================================= *\/\n\n.rtp-visual{\nposition:relative;\n\ndisplay:flex;\n\nalign-items:center;\njustify-content:center;\n\noverflow:hidden;\n}\n\n\n\/* GLOW *\/\n\n.rtp-glow{\nposition:absolute;\n\nwidth:520px;\nheight:520px;\n\nright:-250px;\ntop:-250px;\n\nborder-radius:50%;\n\nbackground:\nrgba(0,166,207,.11);\n\nfilter:blur(20px);\n\npointer-events:none;\n}\n\n\n\/* RINGS *\/\n\n.rtp-ring{\nposition:absolute;\n\nborder:\n1px solid\nrgba(0,166,207,.10);\n\nborder-radius:50%;\n}\n\n\n.rtp-ring-one{\nwidth:340px;\nheight:340px;\n}\n\n\n.rtp-ring-two{\nwidth:290px;\nheight:290px;\n\nborder-style:dashed;\n}\n\n\n\/* TRADE-IN CIRCLE *\/\n\n.rtp-circle{\nposition:relative;\n\nz-index:3;\n\nwidth:220px;\nheight:220px;\n\ndisplay:flex;\n\nflex-direction:column;\n\nalign-items:center;\njustify-content:center;\n\nborder:\n1px solid\nrgba(0,166,207,.32);\n\nborder-radius:50%;\n\nbackground:\nrgba(0,166,207,.06);\n\nbox-shadow:\n0 0 90px\nrgba(0,166,207,.13);\n\ncolor:#fff;\n}\n\n\n.rtp-circle::before{\ncontent:\"\";\n\nposition:absolute;\n\ninset:15px;\n\nborder:\n1px dashed\nrgba(255,255,255,.12);\n\nborder-radius:50%;\n}\n\n\n.rtp-circle span{\nposition:relative;\n\nz-index:2;\n\ncolor:\nrgba(255,255,255,.46);\n\nfont-size:12px;\n\nfont-weight:800;\n\nletter-spacing:.20em;\n}\n\n\n.rtp-circle strong{\nposition:relative;\n\nz-index:2;\n\nmargin-top:2px;\n\ncolor:#00A6CF;\n\nfont-size:63px;\n\nline-height:1;\n\nfont-weight:900;\n\nletter-spacing:-.07em;\n}\n\n\n\/* DISCOUNT BADGE *\/\n\n.rtp-discount{\nposition:absolute;\n\nz-index:5;\n\nright:27px;\nbottom:45px;\n\npadding:\n13px\n17px;\n\nborder:\n1px solid\nrgba(255,255,255,.12);\n\nborder-radius:12px;\n\nbackground:\nrgba(4,16,25,.78);\n\ncolor:\nrgba(255,255,255,.45);\n\nfont-size:9px;\n\nfont-weight:700;\n\nline-height:1.45;\n\nletter-spacing:.10em;\n\nbackdrop-filter:blur(10px);\n-webkit-backdrop-filter:blur(10px);\n}\n\n\n.rtp-discount strong{\ndisplay:block;\n\nmargin-top:2px;\n\ncolor:#fff;\n\nfont-size:12px;\n\nfont-weight:900;\n}\n\n\n\/* =========================================\nMOBILE\n========================================= *\/\n\n@media(max-width:750px){\n\n.rtp-overlay{\npadding:16px;\n}\n\n\n.rtp-popup{\nwidth:100%;\n\nmin-height:auto;\n\ndisplay:block;\n\nborder-radius:25px;\n}\n\n\n.rtp-content{\npadding:\n60px\n27px\n36px;\n}\n\n\n.rtp-kicker{\nmargin-bottom:18px;\n\nfont-size:10px;\n}\n\n\n.rtp-content h2{\nfont-size:\nclamp(39px,11vw,52px);\n\nmargin-bottom:21px;\n}\n\n\n.rtp-text{\nmargin-bottom:27px;\n\nfont-size:15px;\n}\n\n\n.rtp-visual{\ndisplay:none;\n}\n\n\n.rtp-btn{\nwidth:100%;\n\npadding:\n0\n18px;\n\nfont-size:11px;\n}\n\n\n.rtp-close{\ntop:14px;\nright:14px;\n\nwidth:38px;\nheight:38px;\n}\n\n\n.rtp-note{\ntext-align:center;\n}\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\n\"DOMContentLoaded\",\nfunction(){\n\nconst popup =\ndocument.getElementById(\n\"rtp-popup\"\n);\n\nconst closeButton =\ndocument.getElementById(\n\"rtp-close\"\n);\n\nconst actionButton =\ndocument.getElementById(\n\"rtp-action\"\n);\n\n\nif(\n!popup ||\n!closeButton ||\n!actionButton\n){\nreturn;\n}\n\n\n\/*\n* \u0421\u043b\u0435\u0434 \u0437\u0430\u0442\u0432\u0430\u0440\u044f\u043d\u0435 popup-\u044a\u0442\n* \u043d\u044f\u043c\u0430 \u0434\u0430 \u0441\u0435 \u043f\u043e\u043a\u0430\u0437\u0432\u0430 \u043e\u0442\u043d\u043e\u0432\u043e\n* \u043d\u0430 \u0441\u044a\u0449\u0438\u044f \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b 24 \u0447\u0430\u0441\u0430.\n*\/\n\nconst storageKey =\n\"ritelloTradePopupClosed\";\n\nconst oneDay =\n24 * 60 * 60 * 1000;\n\n\nlet lastClosed =\nlocalStorage.getItem(\nstorageKey\n);\n\nlet canShow = true;\n\n\nif(lastClosed){\n\nconst elapsed =\nDate.now() -\nparseInt(\nlastClosed,\n10\n);\n\nif(elapsed < oneDay){\ncanShow = false;\n}\n\n}\n\n\n\/* SHOW POPUP AFTER 2 SEC *\/\n\nif(canShow){\n\nsetTimeout(\nfunction(){\n\npopup.classList.add(\n\"rtp-show\"\n);\n\npopup.setAttribute(\n\"aria-hidden\",\n\"false\"\n);\n\n},\n2000\n);\n\n}\n\n\n\/* CLOSE *\/\n\nfunction closePopup(\nrememberClose\n){\n\npopup.classList.remove(\n\"rtp-show\"\n);\n\npopup.setAttribute(\n\"aria-hidden\",\n\"true\"\n);\n\n\nif(rememberClose){\n\nlocalStorage.setItem(\nstorageKey,\nDate.now().toString()\n);\n\n}\n\n}\n\n\n\/* X BUTTON *\/\n\ncloseButton.addEventListener(\n\"click\",\nfunction(){\n\nclosePopup(true);\n\n}\n);\n\n\n\/* CLICK OUTSIDE POPUP *\/\n\npopup.addEventListener(\n\"click\",\nfunction(event){\n\nif(\nevent.target === popup\n){\nclosePopup(true);\n}\n\n}\n);\n\n\n\/* ESC KEY *\/\n\ndocument.addEventListener(\n\"keydown\",\nfunction(event){\n\nif(\nevent.key ===\n\"Escape\" &#038;&#038;\npopup.classList.contains(\n\"rtp-show\"\n)\n){\n\nclosePopup(true);\n\n}\n\n}\n);\n\n\n\/*\n* CTA:\n* \u0437\u0430\u0442\u0432\u0430\u0440\u044f\u043c\u0435 popup-\u0430,\n* \u043d\u043e \u041d\u0415 \u0433\u043e \u0431\u043b\u043e\u043a\u0438\u0440\u0430\u043c\u0435 \u0437\u0430 24 \u0447\u0430\u0441\u0430.\n* \u0421\u043b\u0435\u0434 \u0442\u043e\u0432\u0430 \u0431\u0440\u0430\u0443\u0437\u044a\u0440\u044a\u0442 \u0441\u043a\u0440\u043e\u043b\u0432\u0430\n* \u043a\u044a\u043c #ritello-demo.\n*\/\n\nactionButton.addEventListener(\n\"click\",\nfunction(){\n\nclosePopup(false);\n\n}\n);\n\n}\n);\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>RITELLO MAXIMUS \u041f\u043e\u0432\u0435\u0447\u0435 \u043e\u0442 \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435. \u041f\u0440\u0435\u0447\u0438\u0441\u0442\u0432\u0430 \u0432\u044a\u0437\u0434\u0443\u0445\u0430. \u041f\u043e\u0447\u0438\u0441\u0442\u0432\u0430 \u0432 \u0434\u044a\u043b\u0431\u043e\u0447\u0438\u043d\u0430. \u0421\u044a\u0437\u0434\u0430\u0432\u0430 \u043f\u043e-\u0447\u0438\u0441\u0442\u0430 \u0438 \u043f\u0440\u0438\u044f\u0442\u043d\u0430 \u0441\u0440\u0435\u0434\u0430 \u0432\u044a\u0432 \u0432\u0430\u0448\u0438\u044f \u0434\u043e\u043c. \u041e\u0422\u041a\u0420\u0418\u0419 RITELLO \u2193 \u0417\u0430\u043f\u0438\u0448\u0438 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0421\u041a\u0420\u041e\u041b\u041d\u0418 \u041d\u0410\u0414\u041e\u041b\u0423 RITELLO\u2726 \u041d\u0430\u0447\u0430\u043b\u043e \u0417\u0430 Ritello \u041e\u0442\u0441\u0442\u044a\u043f\u043a\u0430 \u0428\u043e\u0443\u0440\u0443\u043c\u0438 \u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0417\u0410\u041f\u0418\u0428\u0418 \u0414\u0415\u041c\u041e\u041d\u0421\u0422\u0420\u0410\u0426\u0418\u042f \u0417\u0410\u0429\u041e RITELLO \u0427\u0438\u0441\u0442\u043e\u0442\u0430, \u043a\u043e\u044f\u0442\u043e \u0443\u0441\u0435\u0449\u0430\u0448. Ritello Maximus \u0441\u044a\u0447\u0435\u0442\u0430\u0432\u0430 \u0432\u043e\u0434\u043d\u0430 \u0444\u0438\u043b\u0442\u0440\u0430\u0446\u0438\u044f \u0438 \u043c\u043e\u0449\u043d\u043e \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435, \u0441\u044a\u0437\u0434\u0430\u0434\u0435\u043d\u0438 \u0437\u0430 \u043f\u043e-\u0447\u0438\u0441\u0442\u0430 \u0438 \u043f\u0440\u0438\u044f\u0442\u043d\u0430 \u0434\u043e\u043c\u0430\u0448\u043d\u0430 \u0441\u0440\u0435\u0434\u0430. 01 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ritellobulgaria.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ritellobulgaria.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ritellobulgaria.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ritellobulgaria.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ritellobulgaria.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":29,"href":"https:\/\/ritellobulgaria.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/ritellobulgaria.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/ritellobulgaria.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}