{"id":2694,"date":"2024-02-29T09:22:35","date_gmt":"2024-02-29T09:22:35","guid":{"rendered":"https:\/\/qnpqroup.yourweb.kz\/?page_id=2694"},"modified":"2026-08-25T02:35:02","modified_gmt":"2026-08-25T07:35:02","slug":"%d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b9-%d0%bf%d1%80%d0%be%d0%b5%d0%ba%d1%82-aulafit","status":"publish","type":"page","link":"https:\/\/qnp.kz\/kz\/%d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b9-%d0%bf%d1%80%d0%be%d0%b5%d0%ba%d1%82-aulafit\/","title":{"rendered":"\u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 Aulafit"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2694\" class=\"elementor elementor-2694\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c82ca69 e-con-full e-flex e-con e-parent\" data-id=\"c82ca69\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b7cf1a elementor-widget elementor-widget-html\" data-id=\"9b7cf1a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\r\n     QNP \u2014 \u0421\u041e\u0426\u0418\u0410\u041b\u042c\u041d\u042b\u0419 \u041f\u0420\u041e\u0415\u041a\u0422 AULAFIT\r\n     \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u0432 HTML-\u0432\u0438\u0434\u0436\u0435\u0442 Elementor\r\n========================================================== -->\r\n\r\n<style>\r\n.qnp-aulafit,\r\n.qnp-aulafit * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.qnp-aulafit {\r\n    --aula-green: #b7d63d;\r\n    --aula-green-light: #d9ef80;\r\n    --aula-green-dark: #6e8d16;\r\n    --aula-gold: #c7a978;\r\n    --aula-dark: #07120f;\r\n    --aula-dark-green: #102b22;\r\n    --aula-text: #101713;\r\n    --aula-muted: #69736d;\r\n    --aula-soft: #f4f7f3;\r\n    --aula-line: #dfe6df;\r\n    --aula-white: #fff;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n    color: var(--aula-text);\r\n    font-family: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\r\n    line-height: 1.55;\r\n}\r\n\r\n.qnp-aulafit h1,\r\n.qnp-aulafit h2,\r\n.qnp-aulafit h3,\r\n.qnp-aulafit p {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.qnp-aulafit img,\r\n.qnp-aulafit video {\r\n    display: block;\r\n    max-width: 100%;\r\n}\r\n\r\n.qnp-aulafit a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n}\r\n\r\n.aula-wrap {\r\n    width: min(1240px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n}\r\n\r\n.aula-section {\r\n    position: relative;\r\n    padding: 110px 0;\r\n}\r\n\r\n.aula-section--soft {\r\n    background: var(--aula-soft);\r\n}\r\n\r\n.aula-section--dark {\r\n    color: var(--aula-white);\r\n    background:\r\n        radial-gradient(\r\n            700px 430px at 92% 18%,\r\n            rgba(183, 214, 61, 0.16),\r\n            transparent 65%\r\n        ),\r\n        linear-gradient(135deg, #102b22, #07120f 68%);\r\n}\r\n\r\n.aula-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: var(--aula-green-dark);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aula-section--dark .aula-eyebrow,\r\n.aula-hero .aula-eyebrow,\r\n.aula-final .aula-eyebrow {\r\n    color: var(--aula-green-light);\r\n}\r\n\r\n.aula-eyebrow::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 1px;\r\n    flex: 0 0 28px;\r\n    background: currentColor;\r\n}\r\n\r\n.aula-h1 {\r\n    color: var(--aula-white);\r\n    font-size: clamp(55px, 10vw, 126px);\r\n    font-weight: 900;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.075em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aula-h2 {\r\n    font-size: clamp(31px, 4.4vw, 54px);\r\n    font-weight: 850;\r\n    line-height: 1.07;\r\n    letter-spacing: -0.04em;\r\n}\r\n\r\n.aula-h3 {\r\n    font-size: clamp(21px, 2.5vw, 30px);\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\n.aula-lead {\r\n    max-width: 850px;\r\n    color: #465049;\r\n    font-size: clamp(17px, 1.7vw, 20px);\r\n    line-height: 1.75;\r\n}\r\n\r\n.aula-section-head {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n    max-width: 870px;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n\r\n\/* ===================== HERO ===================== *\/\r\n\r\n.aula-hero {\r\n    position: relative;\r\n    min-height: 850px;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    padding: 220px 0 105px;\r\n    overflow: hidden;\r\n    color: var(--aula-white);\r\n    background: var(--aula-dark);\r\n}\r\n\r\n.aula-hero__poster,\r\n.aula-hero__video {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.aula-hero__poster {\r\n    background-image:\r\n        url(\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-2.jpg\");\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n}\r\n\r\n.aula-hero__video {\r\n    z-index: 1;\r\n}\r\n\r\n.aula-hero__overlay {\r\n    position: absolute;\r\n    z-index: 2;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(4, 13, 10, 0.97) 0%,\r\n            rgba(4, 13, 10, 0.78) 48%,\r\n            rgba(4, 13, 10, 0.22) 100%\r\n        ),\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(4, 13, 10, 0.92) 0%,\r\n            rgba(4, 13, 10, 0.03) 68%\r\n        );\r\n}\r\n\r\n.aula-hero__glow {\r\n    position: absolute;\r\n    z-index: 3;\r\n    right: -240px;\r\n    bottom: -360px;\r\n    width: 850px;\r\n    height: 850px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(183, 214, 61, 0.25),\r\n        transparent 67%\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n.aula-hero__content {\r\n    position: relative;\r\n    z-index: 4;\r\n}\r\n\r\n.aula-hero__top {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.aula-hero__badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 9px 15px;\r\n    border: 1px solid rgba(255,255,255,.2);\r\n    border-radius: 100px;\r\n    color: rgba(255,255,255,.82);\r\n    background: rgba(255,255,255,.08);\r\n    backdrop-filter: blur(12px);\r\n    font-size: 12px;\r\n    font-weight: 750;\r\n    letter-spacing: .1em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aula-hero__badge::before {\r\n    content: \"\";\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--aula-green);\r\n    box-shadow: 0 0 0 5px rgba(183,214,61,.15);\r\n}\r\n\r\n.aula-hero__accent {\r\n    color: var(--aula-green-light);\r\n}\r\n\r\n.aula-hero__bottom {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 55px;\r\n    align-items: end;\r\n    margin-top: 40px;\r\n}\r\n\r\n.aula-hero__description {\r\n    max-width: 710px;\r\n    color: rgba(255,255,255,.75);\r\n    font-size: clamp(16px, 1.6vw, 19px);\r\n    line-height: 1.75;\r\n}\r\n\r\n.aula-hero__stats {\r\n    display: flex;\r\n    gap: 15px;\r\n}\r\n\r\n.aula-hero__stat {\r\n    min-width: 135px;\r\n    padding: 22px;\r\n    border: 1px solid rgba(255,255,255,.15);\r\n    border-radius: 18px;\r\n    background: rgba(255,255,255,.08);\r\n    backdrop-filter: blur(14px);\r\n}\r\n\r\n.aula-hero__stat strong {\r\n    display: block;\r\n    color: var(--aula-white);\r\n    font-size: 36px;\r\n    font-weight: 850;\r\n    line-height: 1;\r\n    letter-spacing: -.045em;\r\n}\r\n\r\n.aula-hero__stat strong span {\r\n    color: var(--aula-green-light);\r\n}\r\n\r\n.aula-hero__stat small {\r\n    display: block;\r\n    margin-top: 8px;\r\n    color: rgba(255,255,255,.6);\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* ===================== \u0418\u0414\u0415\u042f \u041f\u0420\u041e\u0415\u041a\u0422\u0410 ===================== *\/\r\n\r\n.aula-about {\r\n    display: grid;\r\n    grid-template-columns: .78fr 1.22fr;\r\n    gap: 85px;\r\n    align-items: start;\r\n}\r\n\r\n.aula-about__sticky {\r\n    position: sticky;\r\n    top: 110px;\r\n}\r\n\r\n.aula-about__year {\r\n    display: block;\r\n    margin-top: 30px;\r\n    color: var(--aula-green-dark);\r\n    font-size: clamp(72px, 10vw, 130px);\r\n    font-weight: 900;\r\n    line-height: .9;\r\n    letter-spacing: -.075em;\r\n}\r\n\r\n.aula-about__caption {\r\n    display: block;\r\n    margin-top: 12px;\r\n    color: var(--aula-muted);\r\n    font-size: 14px;\r\n}\r\n\r\n.aula-about__content {\r\n    padding-left: 42px;\r\n    border-left: 1px solid var(--aula-line);\r\n}\r\n\r\n.aula-about__intro {\r\n    color: var(--aula-text);\r\n    font-size: clamp(21px, 2.2vw, 28px);\r\n    font-weight: 650;\r\n    line-height: 1.55;\r\n}\r\n\r\n.aula-about__content p:not(.aula-about__intro) {\r\n    margin-top: 25px;\r\n    color: #4c5650;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.aula-about__quote {\r\n    position: relative;\r\n    margin-top: 38px;\r\n    padding: 30px 32px;\r\n    overflow: hidden;\r\n    border-radius: 20px;\r\n    color: var(--aula-white);\r\n    background:\r\n        radial-gradient(\r\n            350px 200px at 90% 20%,\r\n            rgba(183,214,61,.18),\r\n            transparent 65%\r\n        ),\r\n        linear-gradient(135deg, var(--aula-dark-green), var(--aula-dark));\r\n}\r\n\r\n.aula-about__quote::before {\r\n    content: \"\u201c\";\r\n    position: absolute;\r\n    top: -28px;\r\n    right: 22px;\r\n    color: rgba(183,214,61,.2);\r\n    font-size: 150px;\r\n    font-family: Georgia, serif;\r\n    line-height: 1;\r\n}\r\n\r\n.aula-about__quote p {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin: 0 !important;\r\n    color: rgba(255,255,255,.87) !important;\r\n    font-size: 17px !important;\r\n    line-height: 1.7 !important;\r\n}\r\n\r\n\r\n\/* ===================== \u041f\u0420\u0418\u041d\u0426\u0418\u041f\u042b ===================== *\/\r\n\r\n.aula-principles {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.aula-principle {\r\n    position: relative;\r\n    min-height: 285px;\r\n    padding: 29px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--aula-line);\r\n    border-radius: 21px;\r\n    background: var(--aula-white);\r\n    transition:\r\n        transform .4s ease,\r\n        border-color .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.aula-principle:hover {\r\n    transform: translateY(-6px);\r\n    border-color: var(--aula-green);\r\n    box-shadow: 0 26px 55px -38px rgba(16,43,34,.6);\r\n}\r\n\r\n.aula-principle__number {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 14px;\r\n    color: var(--aula-dark);\r\n    background: linear-gradient(\r\n        135deg,\r\n        var(--aula-green-light),\r\n        var(--aula-green)\r\n    );\r\n    font-size: 13px;\r\n    font-weight: 850;\r\n}\r\n\r\n.aula-principle h3 {\r\n    margin-top: 25px;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n}\r\n\r\n.aula-principle p {\r\n    margin-top: 13px;\r\n    color: var(--aula-muted);\r\n    font-size: 14.5px;\r\n    line-height: 1.68;\r\n}\r\n\r\n\r\n\/* ===================== \u041f\u041e\u041a\u0410\u0417\u0410\u0422\u0415\u041b\u0418 ===================== *\/\r\n\r\n.aula-impact-head {\r\n    display: grid;\r\n    grid-template-columns: 1fr .9fr;\r\n    gap: 70px;\r\n    align-items: end;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n.aula-impact-head p {\r\n    color: rgba(255,255,255,.65);\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n}\r\n\r\n.aula-impact {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 16px;\r\n}\r\n\r\n.aula-impact__item {\r\n    min-height: 210px;\r\n    padding: 28px;\r\n    border: 1px solid rgba(255,255,255,.13);\r\n    border-radius: 20px;\r\n    background: rgba(255,255,255,.055);\r\n    transition:\r\n        transform .4s ease,\r\n        border-color .4s ease,\r\n        background .4s ease;\r\n}\r\n\r\n.aula-impact__item:hover {\r\n    transform: translateY(-5px);\r\n    border-color: var(--aula-green);\r\n    background: rgba(183,214,61,.09);\r\n}\r\n\r\n.aula-impact__value {\r\n    display: block;\r\n    color: var(--aula-green-light);\r\n    font-size: clamp(47px, 6vw, 74px);\r\n    font-weight: 900;\r\n    line-height: .95;\r\n    letter-spacing: -.065em;\r\n}\r\n\r\n.aula-impact__label {\r\n    display: block;\r\n    margin-top: 20px;\r\n    color: rgba(255,255,255,.75);\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n\/* ===================== \u0410\u0412\u0422\u041e\u0420 \u0418 \u041f\u041e\u0414\u0414\u0415\u0420\u0416\u041a\u0410 ===================== *\/\r\n\r\n.aula-support {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.aula-support__card {\r\n    position: relative;\r\n    min-height: 390px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    padding: 42px;\r\n    overflow: hidden;\r\n    border-radius: 26px;\r\n    color: var(--aula-white);\r\n    background:\r\n        radial-gradient(\r\n            450px 270px at 90% 10%,\r\n            rgba(183,214,61,.2),\r\n            transparent 65%\r\n        ),\r\n        linear-gradient(135deg, #15382c, #07120f);\r\n}\r\n\r\n.aula-support__card--light {\r\n    color: var(--aula-text);\r\n    border: 1px solid var(--aula-line);\r\n    background:\r\n        radial-gradient(\r\n            400px 250px at 90% 10%,\r\n            rgba(183,214,61,.22),\r\n            transparent 65%\r\n        ),\r\n        var(--aula-white);\r\n}\r\n\r\n.aula-support__index {\r\n    position: absolute;\r\n    top: 26px;\r\n    right: 30px;\r\n    color: rgba(255,255,255,.1);\r\n    font-size: 75px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -.06em;\r\n}\r\n\r\n.aula-support__card--light .aula-support__index {\r\n    color: rgba(16,43,34,.08);\r\n}\r\n\r\n.aula-support__label {\r\n    display: block;\r\n    margin-bottom: 13px;\r\n    color: var(--aula-green-light);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: .12em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aula-support__card--light .aula-support__label {\r\n    color: var(--aula-green-dark);\r\n}\r\n\r\n.aula-support__card h3 {\r\n    font-size: clamp(28px, 3.6vw, 43px);\r\n    font-weight: 850;\r\n    line-height: 1.08;\r\n    letter-spacing: -.035em;\r\n}\r\n\r\n.aula-support__card p {\r\n    max-width: 520px;\r\n    margin-top: 18px;\r\n    color: rgba(255,255,255,.7);\r\n    font-size: 15.5px;\r\n    line-height: 1.75;\r\n}\r\n\r\n.aula-support__card--light p {\r\n    color: var(--aula-muted);\r\n}\r\n\r\n\r\n\/* ===================== \u0413\u0410\u041b\u0415\u0420\u0415\u042f ===================== *\/\r\n\r\n.aula-gallery {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    grid-auto-rows: 180px;\r\n    gap: 16px;\r\n}\r\n\r\n.aula-gallery__item {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 20px;\r\n    background: #dbe2da;\r\n    cursor: zoom-in;\r\n}\r\n\r\n.aula-gallery__item:nth-child(1) {\r\n    grid-column: span 7;\r\n    grid-row: span 3;\r\n}\r\n\r\n.aula-gallery__item:nth-child(2) {\r\n    grid-column: span 5;\r\n    grid-row: span 2;\r\n}\r\n\r\n.aula-gallery__item:nth-child(3) {\r\n    grid-column: span 5;\r\n    grid-row: span 2;\r\n}\r\n\r\n.aula-gallery__item:nth-child(4),\r\n.aula-gallery__item:nth-child(5) {\r\n    grid-column: span 6;\r\n    grid-row: span 2;\r\n}\r\n\r\n.aula-gallery__item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.aula-gallery__item:hover img {\r\n    transform: scale(1.045);\r\n}\r\n\r\n.aula-gallery__item::after {\r\n    content: \"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u2197\";\r\n    position: absolute;\r\n    right: 18px;\r\n    bottom: 18px;\r\n    padding: 8px 12px;\r\n    border-radius: 100px;\r\n    color: var(--aula-white);\r\n    background: rgba(7,18,15,.75);\r\n    backdrop-filter: blur(10px);\r\n    font-size: 11px;\r\n    font-weight: 750;\r\n    opacity: 0;\r\n    transform: translateY(8px);\r\n    transition:\r\n        opacity .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.aula-gallery__item:hover::after {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* ===================== \u041d\u041e\u0412\u041e\u0421\u0422\u0418 ===================== *\/\r\n\r\n.aula-news {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.aula-news-card {\r\n    overflow: hidden;\r\n    border: 1px solid var(--aula-line);\r\n    border-radius: 24px;\r\n    background: var(--aula-white);\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.aula-news-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 30px 65px -40px rgba(16,43,34,.65);\r\n}\r\n\r\n.aula-news-card__image {\r\n    position: relative;\r\n    height: 340px;\r\n    overflow: hidden;\r\n    background: #dce2db;\r\n}\r\n\r\n.aula-news-card__image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.aula-news-card:hover .aula-news-card__image img {\r\n    transform: scale(1.045);\r\n}\r\n\r\n.aula-news-card__date {\r\n    position: absolute;\r\n    left: 20px;\r\n    bottom: 20px;\r\n    padding: 8px 13px;\r\n    border-radius: 100px;\r\n    color: var(--aula-white);\r\n    background: rgba(7,18,15,.78);\r\n    backdrop-filter: blur(10px);\r\n    font-size: 11px;\r\n    font-weight: 750;\r\n    letter-spacing: .08em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aula-news-card__content {\r\n    padding: 30px;\r\n}\r\n\r\n.aula-news-card__content h3 {\r\n    font-size: clamp(21px, 2.5vw, 28px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n}\r\n\r\n.aula-news-card__content p {\r\n    margin-top: 15px;\r\n    color: var(--aula-muted);\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* ===================== \u0424\u0418\u041d\u0410\u041b\u042c\u041d\u042b\u0419 \u0411\u041b\u041e\u041a ===================== *\/\r\n\r\n.aula-final {\r\n    padding: 0 0 110px;\r\n    background: var(--aula-soft);\r\n}\r\n\r\n.aula-final__box {\r\n    position: relative;\r\n    padding: 82px 56px;\r\n    overflow: hidden;\r\n    border-radius: 32px;\r\n    color: var(--aula-white);\r\n    background:\r\n        radial-gradient(\r\n            620px 380px at 88% 15%,\r\n            rgba(183,214,61,.24),\r\n            transparent 65%\r\n        ),\r\n        linear-gradient(135deg, #15382c, #07120f 70%);\r\n}\r\n\r\n.aula-final__box::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -170px;\r\n    bottom: -310px;\r\n    width: 620px;\r\n    height: 620px;\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n.aula-final__content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 840px;\r\n}\r\n\r\n.aula-final__content h2 {\r\n    margin-top: 18px;\r\n}\r\n\r\n.aula-final__content p {\r\n    max-width: 720px;\r\n    margin-top: 21px;\r\n    color: rgba(255,255,255,.7);\r\n    font-size: 17px;\r\n    line-height: 1.75;\r\n}\r\n\r\n.aula-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    width: max-content;\r\n    min-height: 52px;\r\n    margin-top: 29px;\r\n    padding: 14px 23px;\r\n    border: 1px solid var(--aula-dark);\r\n    border-radius: 100px;\r\n    color: var(--aula-white) !important;\r\n    background: var(--aula-dark);\r\n    font-size: 14px;\r\n    font-weight: 750;\r\n    transition:\r\n        transform .3s ease,\r\n        color .3s ease,\r\n        background .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n.aula-button:hover {\r\n    transform: translateY(-2px);\r\n    color: var(--aula-dark) !important;\r\n    border-color: var(--aula-green);\r\n    background: var(--aula-green);\r\n}\r\n\r\n.aula-button--green {\r\n    color: var(--aula-dark) !important;\r\n    border-color: var(--aula-green);\r\n    background: var(--aula-green);\r\n}\r\n\r\n.aula-button--green:hover {\r\n    border-color: var(--aula-green-light);\r\n    background: var(--aula-green-light);\r\n}\r\n\r\n.aula-button__arrow {\r\n    font-size: 19px;\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.aula-button:hover .aula-button__arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* ===================== LIGHTBOX ===================== *\/\r\n\r\n.aula-lightbox {\r\n    position: fixed;\r\n    z-index: 999999;\r\n    inset: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 35px;\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    background: rgba(3,9,7,.94);\r\n    transition:\r\n        opacity .3s ease,\r\n        visibility .3s ease;\r\n}\r\n\r\n.aula-lightbox.aula-lightbox--open {\r\n    visibility: visible;\r\n    opacity: 1;\r\n}\r\n\r\n.aula-lightbox__image {\r\n    max-width: min(1200px, 94vw);\r\n    max-height: 88vh;\r\n    object-fit: contain;\r\n    border-radius: 12px;\r\n    box-shadow: 0 25px 80px rgba(0,0,0,.5);\r\n}\r\n\r\n.aula-lightbox__close {\r\n    position: absolute;\r\n    top: 22px;\r\n    right: 25px;\r\n    width: 46px;\r\n    height: 46px;\r\n    padding: 0;\r\n    border: 1px solid rgba(255,255,255,.25);\r\n    border-radius: 50%;\r\n    color: var(--aula-white);\r\n    background: rgba(255,255,255,.1);\r\n    font-size: 25px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n\/* ===================== \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u0418 ===================== *\/\r\n\r\n.aula-reveal {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition:\r\n        opacity .8s ease,\r\n        transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.aula-reveal.aula-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.aula-delay-1 {\r\n    transition-delay: .1s;\r\n}\r\n\r\n.aula-delay-2 {\r\n    transition-delay: .2s;\r\n}\r\n\r\n.aula-delay-3 {\r\n    transition-delay: .3s;\r\n}\r\n\r\n\r\n\/* ===================== \u041f\u041b\u0410\u041d\u0428\u0415\u0422 ===================== *\/\r\n\r\n@media (max-width: 1000px) {\r\n    .aula-hero {\r\n        min-height: 760px;\r\n        padding: 180px 0 85px;\r\n    }\r\n\r\n    .aula-hero__bottom {\r\n        grid-template-columns: 1fr;\r\n        gap: 35px;\r\n    }\r\n\r\n    .aula-hero__stats {\r\n        max-width: 500px;\r\n    }\r\n\r\n    .aula-about {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n    }\r\n\r\n    .aula-about__sticky {\r\n        position: static;\r\n    }\r\n\r\n    .aula-principles,\r\n    .aula-impact {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .aula-impact-head {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .aula-gallery {\r\n        grid-auto-rows: 150px;\r\n    }\r\n\r\n    .aula-gallery__item:nth-child(1) {\r\n        grid-column: span 12;\r\n        grid-row: span 3;\r\n    }\r\n\r\n    .aula-gallery__item:nth-child(2),\r\n    .aula-gallery__item:nth-child(3),\r\n    .aula-gallery__item:nth-child(4),\r\n    .aula-gallery__item:nth-child(5) {\r\n        grid-column: span 6;\r\n        grid-row: span 2;\r\n    }\r\n}\r\n\r\n\r\n\/* ===================== \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u0412\u0415\u0420\u0421\u0418\u042f ===================== *\/\r\n\r\n@media (max-width: 650px) {\r\n    .aula-wrap {\r\n        width: min(100% - 32px, 1240px);\r\n    }\r\n\r\n    .aula-section {\r\n        padding: 76px 0;\r\n    }\r\n\r\n    .aula-hero {\r\n        min-height: 720px;\r\n        padding: 145px 0 65px;\r\n    }\r\n\r\n    .aula-hero__video {\r\n        display: none;\r\n    }\r\n\r\n    .aula-hero__poster {\r\n        background-position: 58% center;\r\n    }\r\n\r\n    .aula-hero__top {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .aula-h1 {\r\n        font-size: clamp(50px, 17.5vw, 76px);\r\n    }\r\n\r\n    .aula-hero__bottom {\r\n        margin-top: 28px;\r\n    }\r\n\r\n    .aula-hero__stats {\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .aula-hero__stat {\r\n        min-width: 0;\r\n        padding: 18px;\r\n    }\r\n\r\n    .aula-hero__stat strong {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .aula-about__year {\r\n        font-size: 80px;\r\n    }\r\n\r\n    .aula-about__content {\r\n        padding-left: 22px;\r\n    }\r\n\r\n    .aula-about__quote {\r\n        padding: 25px;\r\n    }\r\n\r\n    .aula-principles,\r\n    .aula-impact,\r\n    .aula-support,\r\n    .aula-news {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .aula-principle,\r\n    .aula-impact__item {\r\n        min-height: auto;\r\n    }\r\n\r\n    .aula-support__card {\r\n        min-height: 350px;\r\n        padding: 30px;\r\n        border-radius: 21px;\r\n    }\r\n\r\n    .aula-gallery {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        grid-auto-rows: 270px;\r\n    }\r\n\r\n    .aula-gallery__item:nth-child(n) {\r\n        grid-column: auto;\r\n        grid-row: auto;\r\n    }\r\n\r\n    .aula-news-card__image {\r\n        height: 270px;\r\n    }\r\n\r\n    .aula-final {\r\n        padding-bottom: 76px;\r\n    }\r\n\r\n    .aula-final__box {\r\n        padding: 52px 25px;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .aula-final .aula-button {\r\n        width: 100%;\r\n        margin-left: 0 !important;\r\n    }\r\n\r\n    .aula-lightbox {\r\n        padding: 15px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .aula-reveal {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n    }\r\n\r\n    .aula-gallery__item img,\r\n    .aula-news-card,\r\n    .aula-news-card img {\r\n        transition: none;\r\n    }\r\n}\r\n\r\n<\/style>\r\n<style>\r\n\/* =========================================================\r\n   AULAFIT \u2014 \u041a\u041e\u0420\u0420\u0415\u041a\u0426\u0418\u042f \u0426\u0412\u0415\u0422\u041e\u0412 \u041f\u041e\u0414 \u041e\u0411\u0429\u0418\u0419 \u0421\u0422\u0418\u041b\u042c QNP\r\n========================================================= *\/\r\n\r\n.qnp-aulafit {\r\n    --aula-green: #c7a978;\r\n    --aula-green-light: #dfc89f;\r\n    --aula-green-dark: #98794b;\r\n    --aula-gold: #c7a978;\r\n\r\n    --aula-dark: #0a1633;\r\n    --aula-dark-green: #122837;\r\n\r\n    --aula-text: #0a0a0a;\r\n    --aula-muted: #6b7280;\r\n    --aula-soft: #f6f8fb;\r\n    --aula-line: #e6e8ec;\r\n    --aula-white: #ffffff;\r\n}\r\n\r\n\r\n\/* \u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u2014 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u044b\u0439 \u0441\u0438\u043d\u0438\u0439 \u0432\u043c\u0435\u0441\u0442\u043e \u0447\u0451\u0440\u043d\u043e-\u0437\u0435\u043b\u0451\u043d\u043e\u0433\u043e *\/\r\n\r\n.aula-hero {\r\n    background: #0a1633;\r\n}\r\n\r\n.aula-hero__overlay {\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(10, 22, 51, 0.94) 0%,\r\n            rgba(18, 40, 55, 0.76) 48%,\r\n            rgba(18, 40, 55, 0.24) 100%\r\n        ),\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(10, 22, 51, 0.78) 0%,\r\n            rgba(10, 22, 51, 0) 62%\r\n        );\r\n}\r\n\r\n.aula-hero__glow {\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(199, 169, 120, 0.27),\r\n        rgba(199, 169, 120, 0) 68%\r\n    );\r\n}\r\n\r\n.aula-hero__badge::before {\r\n    background: #c7a978;\r\n    box-shadow: 0 0 0 5px rgba(199, 169, 120, 0.15);\r\n}\r\n\r\n\r\n\/* \u0426\u0438\u0442\u0430\u0442\u0430 *\/\r\n\r\n.aula-about__quote {\r\n    background:\r\n        radial-gradient(\r\n            350px 200px at 90% 20%,\r\n            rgba(199, 169, 120, 0.16),\r\n            transparent 65%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #122837 0%,\r\n            #0a1633 100%\r\n        );\r\n}\r\n\r\n.aula-about__quote::before {\r\n    color: rgba(199, 169, 120, 0.2);\r\n}\r\n\r\n\r\n\/* \u0422\u0451\u043c\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044f\u043c\u0438 *\/\r\n\r\n.aula-section--dark {\r\n    background:\r\n        radial-gradient(\r\n            700px 430px at 92% 18%,\r\n            rgba(199, 169, 120, 0.16),\r\n            transparent 65%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #122837 0%,\r\n            #0a1633 58%,\r\n            #102536 100%\r\n        );\r\n}\r\n\r\n.aula-impact__item:hover {\r\n    border-color: #c7a978;\r\n    background: rgba(199, 169, 120, 0.09);\r\n}\r\n\r\n\r\n\/* \u0410\u0432\u0442\u043e\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 *\/\r\n\r\n.aula-support__card {\r\n    background:\r\n        radial-gradient(\r\n            450px 270px at 90% 10%,\r\n            rgba(199, 169, 120, 0.2),\r\n            transparent 65%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #122837 0%,\r\n            #0a1633 100%\r\n        );\r\n}\r\n\r\n.aula-support__card--light {\r\n    color: #0a0a0a;\r\n    border-color: #e6e8ec;\r\n    background:\r\n        radial-gradient(\r\n            400px 250px at 90% 10%,\r\n            rgba(199, 169, 120, 0.16),\r\n            transparent 65%\r\n        ),\r\n        #ffffff;\r\n}\r\n\r\n\r\n\/* \u0424\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0431\u043b\u043e\u043a *\/\r\n\r\n.aula-final__box {\r\n    background:\r\n        radial-gradient(\r\n            620px 380px at 88% 15%,\r\n            rgba(199, 169, 120, 0.23),\r\n            transparent 65%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #122837 0%,\r\n            #0a1633 55%,\r\n            #102536 100%\r\n        );\r\n}\r\n\r\n\r\n\/* \u041a\u043d\u043e\u043f\u043a\u0438 *\/\r\n\r\n.aula-button--green {\r\n    color: #0a1633 !important;\r\n    border-color: #c7a978;\r\n    background: #c7a978;\r\n}\r\n\r\n.aula-button--green:hover {\r\n    color: #0a1633 !important;\r\n    border-color: #dfc89f;\r\n    background: #dfc89f;\r\n}\r\n\r\n.aula-button:hover {\r\n    color: #0a1633 !important;\r\n    border-color: #c7a978;\r\n    background: #c7a978;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0423\u0411\u0418\u0420\u0410\u0415\u041c \u0427\u0401\u0420\u041d\u042b\u0419 \u0424\u041e\u041d \u041f\u041e\u0414 \u0424\u041e\u0422\u041e\u0413\u0420\u0410\u0424\u0418\u042f\u041c\u0418\r\n========================================================= *\/\r\n\r\n.qnp-aulafit .aula-gallery__item {\r\n    display: block;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0 !important;\r\n\r\n    border: 0 !important;\r\n    border-radius: 20px;\r\n\r\n    color: transparent !important;\r\n    background: #e6e8ec !important;\r\n    box-shadow: none !important;\r\n\r\n    font: inherit;\r\n    line-height: 0;\r\n\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n\r\n    cursor: zoom-in;\r\n}\r\n\r\n.qnp-aulafit .aula-gallery__item:hover,\r\n.qnp-aulafit .aula-gallery__item:focus,\r\n.qnp-aulafit .aula-gallery__item:active {\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    color: transparent !important;\r\n    background: #e6e8ec !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.qnp-aulafit .aula-gallery__item:focus-visible {\r\n    outline: 2px solid #c7a978;\r\n    outline-offset: 4px;\r\n}\r\n\r\n.qnp-aulafit .aula-gallery__item img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0;\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* \u041d\u0430\u0434\u043f\u0438\u0441\u044c \u043f\u043e\u0432\u0435\u0440\u0445 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 *\/\r\n\r\n.qnp-aulafit .aula-gallery__item::after {\r\n    color: #ffffff;\r\n    background: rgba(10, 22, 51, 0.82);\r\n}\r\n\r\n\r\n\/* \u0424\u043e\u043d lightbox *\/\r\n\r\n.aula-lightbox {\r\n    background: rgba(10, 22, 51, 0.96);\r\n}\r\n\r\n.aula-lightbox__close {\r\n    color: #ffffff;\r\n    border-color: rgba(255, 255, 255, 0.25);\r\n    background: rgba(18, 40, 55, 0.85);\r\n}\r\n\r\n\r\n\/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439 *\/\r\n\r\n.aula-news-card__date {\r\n    color: #ffffff;\r\n    background: rgba(10, 22, 51, 0.84);\r\n}\r\n\r\n\r\n\/* \u041d\u043e\u043c\u0435\u0440 2020 \u0438 \u0430\u043a\u0446\u0435\u043d\u0442\u044b *\/\r\n\r\n.aula-about__year,\r\n.aula-eyebrow {\r\n    color: #98794b;\r\n}\r\n\r\n.aula-section--dark .aula-eyebrow,\r\n.aula-hero .aula-eyebrow,\r\n.aula-final .aula-eyebrow {\r\n    color: #dfc89f;\r\n}\r\n\r\n.aula-principle__number {\r\n    color: #0a1633;\r\n    background: linear-gradient(\r\n        135deg,\r\n        #dfc89f,\r\n        #c7a978\r\n    );\r\n}\r\n\r\n.aula-principle:hover {\r\n    border-color: #c7a978;\r\n}\r\n\r\n.aula-impact__value {\r\n    color: #dfc89f;\r\n}\r\n\r\n.aula-support__label {\r\n    color: #dfc89f;\r\n}\r\n\r\n.aula-support__card--light .aula-support__label {\r\n    color: #98794b;\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"qnp-aulafit\" id=\"qnp-aulafit\">\r\n\r\n    <!-- HERO -->\r\n    <header class=\"aula-hero\">\r\n\r\n        <div class=\"aula-hero__poster\"><\/div>\r\n\r\n        <video\r\n            class=\"aula-hero__video\"\r\n            autoplay\r\n muted\r\n loop\r\n playsinline\r\n preload=\"metadata\"\r\n            poster=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-2.jpg\"\r\n        >\r\n            <source\r\n                src=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1138213.mp4\"\r\n                type=\"video\/mp4\"\r\n            >\r\n        <\/video>\r\n\r\n        <div class=\"aula-hero__overlay\"><\/div>\r\n        <div class=\"aula-hero__glow\"><\/div>\r\n\r\n        <div class=\"aula-wrap aula-hero__content\">\r\n\r\n            <div class=\"aula-hero__top aula-reveal\">\r\n                <span class=\"aula-eyebrow\">\r\n                    \u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 QNP\r\n                <\/span>\r\n\r\n                <span class=\"aula-hero__badge\">\r\n                    \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0441\u043f\u043e\u0440\u0442\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"aula-h1 aula-reveal aula-delay-1\">\r\n                Aulafit \r\n            <\/h1>\r\n\r\n            <div class=\"aula-hero__bottom\">\r\n\r\n                <p class=\"aula-hero__description aula-reveal aula-delay-2\">\r\n                    \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u0437\u0430\u043d\u044f\u0442\u0438\u044f \u0441\u043f\u043e\u0440\u0442\u043e\u043c \u0432 \u0448\u0430\u0433\u043e\u0432\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u2014\r\n                    \u043f\u0440\u044f\u043c\u043e \u0432\u043e \u0434\u0432\u043e\u0440\u0430\u0445 \u0438 \u0441\u043a\u0432\u0435\u0440\u0430\u0445 \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u043c \u043e\u043f\u044b\u0442\u043d\u044b\u0445\r\n                    \u0442\u0440\u0435\u043d\u0435\u0440\u043e\u0432 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0438\u043d\u0432\u0435\u043d\u0442\u0430\u0440\u044f.\r\n                <\/p>\r\n\r\n                <div class=\"aula-hero__stats aula-reveal aula-delay-3\">\r\n\r\n                    <div class=\"aula-hero__stat\">\r\n                        <strong>2020<\/strong>\r\n                        <small>\u0433\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/small>\r\n                    <\/div>\r\n\r\n                    <div class=\"aula-hero__stat\">\r\n                        <strong>3\u201370<span>+<\/span><\/strong>\r\n                        <small>\u0432\u043e\u0437\u0440\u0430\u0441\u0442 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432<\/small>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n\r\n    <!-- \u0418\u0414\u0415\u042f \u041f\u0420\u041e\u0415\u041a\u0422\u0410 -->\r\n    <section class=\"aula-section\">\r\n        <div class=\"aula-wrap\">\r\n\r\n            <div class=\"aula-about\">\r\n\r\n                <div class=\"aula-about__sticky aula-reveal\">\r\n                    <span class=\"aula-eyebrow\">\r\n                        \u0418\u0434\u0435\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430\r\n                    <\/span>\r\n\r\n                    <h2 class=\"aula-h2\" style=\"margin-top:18px;\">\r\n                        \u0421\u043f\u043e\u0440\u0442 \u0440\u044f\u0434\u043e\u043c<br>\u0441 \u0434\u043e\u043c\u043e\u043c\r\n                    <\/h2>\r\n\r\n                    <span class=\"aula-about__year\">2020<\/span>\r\n\r\n                    <span class=\"aula-about__caption\">\r\n                        \u0421\u0442\u0430\u0440\u0442 \u043f\u0438\u043b\u043e\u0442\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <div class=\"aula-about__content aula-reveal aula-delay-1\">\r\n\r\n                    <p class=\"aula-about__intro\">\r\n                        \u0412 \u043c\u0430\u0435 2020 \u0433\u043e\u0434\u0430 \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435 \u0432 \u043f\u0438\u043b\u043e\u0442\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435\r\n                        \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u043b \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 AULAFIT.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        \u0415\u0433\u043e \u0438\u0434\u0435\u044f \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u0436\u0438\u0442\u0435\u043b\u0438 \u0430\u0443\u043b\u043e\u0432,\r\n                        \u0440\u0430\u0439\u043e\u043d\u043e\u0432 \u0438 \u0433\u043e\u0440\u043e\u0434\u043e\u0432 \u0432\u0441\u0435\u0433\u043e \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430 \u043c\u043e\u0433\u043b\u0438 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\r\n                        \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0441\u043f\u043e\u0440\u0442\u043e\u043c \u0432 \u0448\u0430\u0433\u043e\u0432\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u2014 \u043f\u0440\u044f\u043c\u043e\r\n                        \u0443 \u0441\u0435\u0431\u044f \u0432\u043e \u0434\u0432\u043e\u0440\u0430\u0445 \u0438 \u0441\u043a\u0432\u0435\u0440\u0430\u0445.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        \u0417\u0430\u043d\u044f\u0442\u0438\u044f \u043f\u0440\u043e\u0432\u043e\u0434\u044f\u0442\u0441\u044f \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u043c \u043e\u043f\u044b\u0442\u043d\u044b\u0445 \u0442\u0440\u0435\u043d\u0435\u0440\u043e\u0432\r\n                        \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0433\u043e \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0438\u043d\u0432\u0435\u043d\u0442\u0430\u0440\u044f.\r\n                        \u0423\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u0436\u0438\u0442\u0435\u043b\u0438 \u0432 \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u0435\r\n                        \u043e\u0442 3 \u0434\u043e 70 \u043b\u0435\u0442 \u0438 \u0441\u0442\u0430\u0440\u0448\u0435.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        \u0417\u0430\u043d\u044f\u0442\u0438\u044f \u043d\u0430 \u0441\u0432\u0435\u0436\u0435\u043c \u0432\u043e\u0437\u0434\u0443\u0445\u0435 \u0432\u043e \u0434\u0432\u043e\u0440\u0435 \u0434\u043e\u043c\u0430 \u0438\u043b\u0438 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u043c\r\n                        \u0441\u043a\u0432\u0435\u0440\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043e\u0431\u0440\u0430\u0437 \u0436\u0438\u0437\u043d\u0438\r\n                        \u0438 \u0441\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0442 \u043e\u0437\u0434\u043e\u0440\u043e\u0432\u043b\u0435\u043d\u0438\u044e \u043d\u0430\u0446\u0438\u0438.\r\n                    <\/p>\r\n\r\n                    <div class=\"aula-about__quote\">\r\n                        <p>\r\n                            \u0421\u043f\u043e\u0440\u0442 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0443 \u2014\r\n                            \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u0430 \u0438 \u043c\u0435\u0441\u0442\u0430 \u043f\u0440\u043e\u0436\u0438\u0432\u0430\u043d\u0438\u044f.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- \u041f\u0420\u0418\u041d\u0426\u0418\u041f\u042b -->\r\n    <section class=\"aula-section aula-section--soft\">\r\n        <div class=\"aula-wrap\">\r\n\r\n            <div class=\"aula-section-head aula-reveal\">\r\n                <span class=\"aula-eyebrow\">\r\n                    \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\r\n                <\/span>\r\n\r\n                <h2 class=\"aula-h2\">\r\n                    \u041f\u0440\u043e\u0441\u0442\u0430\u044f \u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c\r\n                <\/h2>\r\n\r\n                <p class=\"aula-lead\">\r\n                    AULAFIT \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0443\u0441\u043b\u043e\u0432\u0438\u044f, \u043f\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u0430\u044f\r\n                    \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439\r\n                    \u0436\u0438\u0437\u043d\u0438 \u0436\u0438\u0442\u0435\u043b\u0435\u0439.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"aula-principles\">\r\n\r\n                <article class=\"aula-principle aula-reveal\">\r\n                    <span class=\"aula-principle__number\">01<\/span>\r\n                    <h3>\u0420\u044f\u0434\u043e\u043c \u0441 \u0434\u043e\u043c\u043e\u043c<\/h3>\r\n                    <p>\r\n                        \u0417\u0430\u043d\u044f\u0442\u0438\u044f \u043f\u0440\u043e\u0445\u043e\u0434\u044f\u0442 \u0432\u043e \u0434\u0432\u043e\u0440\u0430\u0445 \u0438 \u0441\u043a\u0432\u0435\u0440\u0430\u0445,\r\n                        \u0432 \u0448\u0430\u0433\u043e\u0432\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0436\u0438\u0442\u0435\u043b\u0435\u0439.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <article class=\"aula-principle aula-reveal aula-delay-1\">\r\n                    <span class=\"aula-principle__number\">02<\/span>\r\n                    <h3>\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/h3>\r\n                    <p>\r\n                        \u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430\u043c \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u0430\u0431\u043e\u043d\u0435\u043c\u0435\u043d\u0442\r\n                        \u0438\u043b\u0438 \u043e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0442\u0440\u0435\u043d\u0435\u0440\u0430.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <article class=\"aula-principle aula-reveal aula-delay-2\">\r\n                    <span class=\"aula-principle__number\">03<\/span>\r\n                    <h3>\u0421 \u0442\u0440\u0435\u043d\u0435\u0440\u043e\u043c<\/h3>\r\n                    <p>\r\n                        \u041e\u043f\u044b\u0442\u043d\u044b\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f\r\n                        \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <article class=\"aula-principle aula-reveal aula-delay-3\">\r\n                    <span class=\"aula-principle__number\">04<\/span>\r\n                    <h3>\u0414\u043b\u044f \u0432\u0441\u0435\u0445 \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u043e\u0432<\/h3>\r\n                    <p>\r\n                        \u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430\u043c\u0438 \u043c\u043e\u0433\u0443\u0442 \u0441\u0442\u0430\u0442\u044c \u0434\u0435\u0442\u0438, \u043c\u043e\u043b\u043e\u0434\u0451\u0436\u044c,\r\n                        \u0432\u0437\u0440\u043e\u0441\u043b\u044b\u0435 \u0438 \u043b\u044e\u0434\u0438 \u0441\u0442\u0430\u0440\u0448\u0435\u0433\u043e \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u0430.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- \u041f\u041e\u041a\u0410\u0417\u0410\u0422\u0415\u041b\u0418 -->\r\n    <section class=\"aula-section aula-section--dark\">\r\n        <div class=\"aula-wrap\">\r\n\r\n            <div class=\"aula-impact-head\">\r\n\r\n                <div class=\"aula-reveal\">\r\n                    <span class=\"aula-eyebrow\">\r\n                        \u041c\u0430\u0441\u0448\u0442\u0430\u0431 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\r\n                    <\/span>\r\n\r\n                    <h2 class=\"aula-h2\" style=\"margin-top:18px;color:#fff\">\r\n                        AULAFIT \u0432 \u0446\u0438\u0444\u0440\u0430\u0445\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <p class=\"aula-reveal aula-delay-1\">\r\n                    \u041f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0438 \u0431\u044b\u043b \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\r\n                    \u0432 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u0445 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430. \u0412 \u0441\u0442\u043e\u043b\u0438\u0446\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\r\n                    \u043e\u0445\u0432\u0430\u0442\u0438\u043b\u0430 \u0434\u0432\u043e\u0440\u044b \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0440\u0430\u0439\u043e\u043d\u0430\u0445 \u0433\u043e\u0440\u043e\u0434\u0430.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"aula-impact\">\r\n\r\n                <article class=\"aula-impact__item aula-reveal\">\r\n                    <span class=\"aula-impact__value\">2020<\/span>\r\n                    <span class=\"aula-impact__label\">\r\n                        \u0433\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043f\u0438\u043b\u043e\u0442\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 AULAFIT\r\n                    <\/span>\r\n                <\/article>\r\n\r\n                <article class=\"aula-impact__item aula-reveal aula-delay-1\">\r\n                    <span class=\"aula-impact__value\">3\u201370+<\/span>\r\n                    <span class=\"aula-impact__label\">\r\n                        \u0432\u043e\u0437\u0440\u0430\u0441\u0442 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0445 \u0437\u0430\u043d\u044f\u0442\u0438\u0439\r\n                    <\/span>\r\n                <\/article>\r\n\r\n                <article class=\"aula-impact__item aula-reveal aula-delay-2\">\r\n                    <span class=\"aula-impact__value\">5<\/span>\r\n                    <span class=\"aula-impact__label\">\r\n                        \u0440\u0430\u0439\u043e\u043d\u043e\u0432 \u0410\u0441\u0442\u0430\u043d\u044b \u043e\u0445\u0432\u0430\u0442\u0438\u043b \u043f\u0440\u043e\u0435\u043a\u0442 \u043b\u0435\u0442\u043e\u043c 2023 \u0433\u043e\u0434\u0430\r\n                    <\/span>\r\n                <\/article>\r\n\r\n                <article class=\"aula-impact__item aula-reveal aula-delay-3\">\r\n                    <span class=\"aula-impact__value\">30<\/span>\r\n                    <span class=\"aula-impact__label\">\r\n                        \u0434\u0432\u043e\u0440\u043e\u0432 \u0433\u043e\u0440\u043e\u0434\u0430 \u0431\u044b\u043b\u0438 \u0437\u0430\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u044b \u0441 \u0438\u044e\u043d\u044f 2024 \u0433\u043e\u0434\u0430\r\n                    <\/span>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- \u0410\u0412\u0422\u041e\u0420 \u0418 \u041f\u041e\u0414\u0414\u0415\u0420\u0416\u041a\u0410 -->\r\n    <section class=\"aula-section\">\r\n        <div class=\"aula-wrap\">\r\n\r\n            <div class=\"aula-section-head aula-reveal\">\r\n                <span class=\"aula-eyebrow\">\r\n                    \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435\r\n                <\/span>\r\n\r\n                <h2 class=\"aula-h2\">\r\n                    \u041b\u044e\u0434\u0438 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u0441\u0442\u043e\u044f\u0449\u0438\u0435 \u0437\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"aula-support\">\r\n\r\n                <article class=\"aula-support__card aula-reveal\">\r\n                    <span class=\"aula-support__index\">01<\/span>\r\n\r\n                    <span class=\"aula-support__label\">\r\n                        \u0410\u0432\u0442\u043e\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\r\n                    <\/span>\r\n\r\n                    <h3>\u0421\u0435\u0440\u0438\u043a \u0421\u0430\u043f\u0438\u0435\u0432<\/h3>\r\n\r\n                    <p>\r\n                        \u0410\u0432\u0442\u043e\u0440\u043e\u043c \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0438\u0446\u0438\u0430\u0442\u0438\u0432\u044b AULAFIT \u0432\u044b\u0441\u0442\u0443\u043f\u0438\u043b\r\n                        \u043e\u043b\u0438\u043c\u043f\u0438\u0439\u0441\u043a\u0438\u0439 \u0447\u0435\u043c\u043f\u0438\u043e\u043d \u0421\u0435\u0440\u0438\u043a \u0421\u0430\u043f\u0438\u0435\u0432. \u041f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\r\n                        \u043d\u0430 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u0438\u0437\u0430\u0446\u0438\u044e \u0441\u043f\u043e\u0440\u0442\u0430 \u0438 \u0437\u0434\u043e\u0440\u043e\u0432\u043e\u0433\u043e \u043e\u0431\u0440\u0430\u0437\u0430 \u0436\u0438\u0437\u043d\u0438\r\n                        \u0441\u0440\u0435\u0434\u0438 \u0436\u0438\u0442\u0435\u043b\u0435\u0439 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <article class=\"aula-support__card aula-support__card--light aula-reveal aula-delay-1\">\r\n                    <span class=\"aula-support__index\">02<\/span>\r\n\r\n                    <span class=\"aula-support__label\">\r\n                        \u0424\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430\r\n                    <\/span>\r\n\r\n                    <h3>\u0413\u0440\u0443\u043f\u043f\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439 QNP<\/h3>\r\n\r\n                    <p>\r\n                        \u0424\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u0443\u044e \u043f\u043e\u043c\u043e\u0449\u044c \u0432 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u0438 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438\r\n                        \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043e\u043a\u0430\u0437\u0430\u043b\u0430 \u043a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0441\u043a\u0430\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f QNP,\r\n                        \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u0432 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0433\u043e \u043c\u0430\u0441\u0441\u043e\u0432\u043e\u0433\u043e \u0441\u043f\u043e\u0440\u0442\u0430.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- \u0413\u0410\u041b\u0415\u0420\u0415\u042f -->\r\n    <section class=\"aula-section aula-section--soft\">\r\n        <div class=\"aula-wrap\">\r\n\r\n            <div class=\"aula-section-head aula-reveal\">\r\n                <span class=\"aula-eyebrow\">\r\n                    \u0424\u043e\u0442\u043e\u0433\u0430\u043b\u0435\u0440\u0435\u044f\r\n                <\/span>\r\n\r\n                <h2 class=\"aula-h2\">\r\n                    \u0421\u043f\u043e\u0440\u0442, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0439 \u043a\u0430\u0436\u0434\u043e\u043c\u0443\r\n                <\/h2>\r\n\r\n                <p class=\"aula-lead\">\r\n                    \u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0442\u0440\u0435\u043d\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u0441\u0432\u0435\u0436\u0435\u043c \u0432\u043e\u0437\u0434\u0443\u0445\u0435,\r\n                    \u043e\u0431\u0449\u0430\u044e\u0442\u0441\u044f \u0438 \u0432\u043c\u0435\u0441\u0442\u0435 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u044e\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"aula-gallery\">\r\n\r\n                <button\r\n                    class=\"aula-gallery__item aula-reveal\"\r\n                    type=\"button\"\r\n                    data-aula-image=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-2.jpg\"\r\n                    aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044e AULAFIT\"\r\n                >\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-2.jpg\"\r\n                        alt=\"\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 AULAFIT\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"aula-gallery__item aula-reveal aula-delay-1\"\r\n                    type=\"button\"\r\n                    data-aula-image=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-3.jpg\"\r\n                    aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044e AULAFIT\"\r\n                >\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-3.jpg\"\r\n                        alt=\"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0435 \u0437\u0430\u043d\u044f\u0442\u0438\u044f AULAFIT\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"aula-gallery__item aula-reveal aula-delay-2\"\r\n                    type=\"button\"\r\n                    data-aula-image=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-4.jpg\"\r\n                    aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044e AULAFIT\"\r\n                >\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-4.jpg\"\r\n                        alt=\"\u0422\u0440\u0435\u043d\u0438\u0440\u043e\u0432\u043a\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 AULAFIT\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"aula-gallery__item aula-reveal\"\r\n                    type=\"button\"\r\n                    data-aula-image=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-5.jpg\"\r\n                    aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044e AULAFIT\"\r\n                >\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-5.jpg\"\r\n                        alt=\"\u0417\u0430\u043d\u044f\u0442\u0438\u044f \u0441\u043f\u043e\u0440\u0442\u043e\u043c \u0432\u043e \u0434\u0432\u043e\u0440\u0435\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"aula-gallery__item aula-reveal aula-delay-1\"\r\n                    type=\"button\"\r\n                    data-aula-image=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-6.jpg\"\r\n                    aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044e AULAFIT\"\r\n                >\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/qnp.kz\/wp-content\/uploads\/2024\/02\/1-6.jpg\"\r\n                        alt=\"\u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 AULAFIT\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/button>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- \u041d\u041e\u0412\u041e\u0421\u0422\u0418 -->\r\n    <section class=\"aula-section\">\r\n        <div class=\"aula-wrap\">\r\n\r\n            <div class=\"aula-section-head aula-reveal\">\r\n                <span class=\"aula-eyebrow\">\r\n                    \u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\r\n                <\/span>\r\n\r\n                <h2 class=\"aula-h2\">\r\n                    \u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 AULAFIT\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"aula-news\">\r\n\r\n                <article class=\"aula-news-card aula-reveal\">\r\n\r\n                    <div class=\"aula-news-card__image\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/qnp.kz\/wp-content\/uploads\/2025\/08\/news-e1787513389555.jpg\"\r\n                            alt=\"\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u0437\u0430\u043d\u044f\u0442\u0438\u044f AULAFIT \u0432 \u0410\u0441\u0442\u0430\u043d\u0435\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                        <span class=\"aula-news-card__date\">\r\n                            \u0421 \u0438\u044e\u043d\u044f 2024\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"aula-news-card__content\">\r\n                        <h3>\r\n                            \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u0437\u0430\u043d\u044f\u0442\u0438\u044f \u0432 30 \u0434\u0432\u043e\u0440\u0430\u0445 \u0433\u043e\u0440\u043e\u0434\u0430\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0421 \u0438\u044e\u043d\u044f 2024 \u0433\u043e\u0434\u0430 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 AULAFIT\r\n                            \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u043b\u0441\u044f \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u043b \u0436\u0438\u0442\u0435\u043b\u044f\u043c\r\n                            \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0441\u043f\u043e\u0440\u0442\u043e\u043c\r\n                            \u0441 \u043f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a\u0430 \u043f\u043e \u0441\u0443\u0431\u0431\u043e\u0442\u0443 \u0432 30 \u0434\u0432\u043e\u0440\u0430\u0445 \u0433\u043e\u0440\u043e\u0434\u0430.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"aula-news-card aula-reveal aula-delay-1\">\r\n\r\n                    <div class=\"aula-news-card__image\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/qnp.kz\/wp-content\/uploads\/2026\/08\/12.jpg\"\r\n                            alt=\"\u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043b\u0435\u0442\u043d\u0435\u0433\u043e \u0441\u0435\u0437\u043e\u043d\u0430 AULAFIT\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                        <span class=\"aula-news-card__date\">\r\n                            \u0421\u0435\u043d\u0442\u044f\u0431\u0440\u044c 2025\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"aula-news-card__content\">\r\n                        <h3>\r\n                            \u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 \u043b\u0435\u0442\u043d\u0435\u0433\u043e \u0441\u0435\u0437\u043e\u043d\u0430 AULAFIT\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0412 \u0441\u0442\u043e\u043b\u0438\u0446\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u043b\u0441\u044f \u043b\u0435\u0442\u043d\u0438\u0439 \u0441\u0435\u0437\u043e\u043d \u043f\u0440\u043e\u0435\u043a\u0442\u0430.\r\n                            \u0426\u0435\u0440\u0435\u043c\u043e\u043d\u0438\u044f \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u043f\u0440\u043e\u0448\u043b\u0430 \u0432\u043e \u0434\u0432\u043e\u0440\u0435 \u0436\u0438\u043b\u043e\u0433\u043e\r\n                            \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0430 \u00ab\u0413\u0440\u0430\u043d\u0434 \u0410\u0441\u0442\u0430\u043d\u0430\u00bb \u0438 \u0441\u0442\u0430\u043b\u0430 \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u043c\r\n                            \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u043a\u043e\u043c \u0434\u043b\u044f \u0432\u0437\u0440\u043e\u0441\u043b\u044b\u0445 \u0438 \u0434\u0435\u0442\u0435\u0439.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n \r\n\r\n\r\n    <!-- LIGHTBOX -->\r\n    <div\r\n        class=\"aula-lightbox\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438\"\r\n    >\r\n        <button\r\n            class=\"aula-lightbox__close\"\r\n            type=\"button\"\r\n            aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044e\"\r\n        >\r\n            \u00d7\r\n        <\/button>\r\n\r\n        <img decoding=\"async\"\r\n            class=\"aula-lightbox__image\"\r\n            src=\"\"\r\n            alt=\"\u0424\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 AULAFIT\"\r\n        >\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n    const root = document.querySelector(\"#qnp-aulafit\");\r\n\r\n    if (!root) {\r\n        return;\r\n    }\r\n\r\n    \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f *\/\r\n    const revealElements = root.querySelectorAll(\".aula-reveal\");\r\n\r\n    if (\r\n        window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ||\r\n        !(\"IntersectionObserver\" in window)\r\n    ) {\r\n        revealElements.forEach(function (element) {\r\n            element.classList.add(\"aula-visible\");\r\n        });\r\n    } else {\r\n        const observer = new IntersectionObserver(\r\n            function (entries, currentObserver) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add(\"aula-visible\");\r\n                        currentObserver.unobserve(entry.target);\r\n                    }\r\n                });\r\n            },\r\n            {\r\n                threshold: 0.12,\r\n                rootMargin: \"0px 0px -45px 0px\"\r\n            }\r\n        );\r\n\r\n        revealElements.forEach(function (element) {\r\n            observer.observe(element);\r\n        });\r\n    }\r\n\r\n    \/* \u0420\u0435\u0437\u0435\u0440\u0432\u043d\u044b\u0439 \u0444\u043e\u043d, \u0435\u0441\u043b\u0438 \u0432\u0438\u0434\u0435\u043e \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u043e\u0441\u044c *\/\r\n    const video = root.querySelector(\".aula-hero__video\");\r\n\r\n    if (video) {\r\n        video.addEventListener(\"error\", function () {\r\n            video.style.display = \"none\";\r\n        });\r\n    }\r\n\r\n    \/* \u0424\u043e\u0442\u043e\u0433\u0430\u043b\u0435\u0440\u0435\u044f *\/\r\n    const lightbox = root.querySelector(\".aula-lightbox\");\r\n    const lightboxImage = root.querySelector(\".aula-lightbox__image\");\r\n    const closeButton = root.querySelector(\".aula-lightbox__close\");\r\n    const galleryButtons = root.querySelectorAll(\"[data-aula-image]\");\r\n\r\n    function openLightbox(imageUrl) {\r\n        if (!lightbox || !lightboxImage) {\r\n            return;\r\n        }\r\n\r\n        lightboxImage.src = imageUrl;\r\n        lightbox.classList.add(\"aula-lightbox--open\");\r\n        document.body.style.overflow = \"hidden\";\r\n    }\r\n\r\n    function closeLightbox() {\r\n        if (!lightbox || !lightboxImage) {\r\n            return;\r\n        }\r\n\r\n        lightbox.classList.remove(\"aula-lightbox--open\");\r\n        document.body.style.overflow = \"\";\r\n\r\n        setTimeout(function () {\r\n            if (!lightbox.classList.contains(\"aula-lightbox--open\")) {\r\n                lightboxImage.src = \"\";\r\n            }\r\n        }, 300);\r\n    }\r\n\r\n    galleryButtons.forEach(function (button) {\r\n        button.addEventListener(\"click\", function () {\r\n            openLightbox(button.getAttribute(\"data-aula-image\"));\r\n        });\r\n    });\r\n\r\n    if (closeButton) {\r\n        closeButton.addEventListener(\"click\", closeLightbox);\r\n    }\r\n\r\n    if (lightbox) {\r\n        lightbox.addEventListener(\"click\", function (event) {\r\n            if (event.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n    }\r\n\r\n    document.addEventListener(\"keydown\", function (event) {\r\n        if (\r\n            event.key === \"Escape\" &&\r\n            lightbox &&\r\n            lightbox.classList.contains(\"aula-lightbox--open\")\r\n        ) {\r\n            closeLightbox();\r\n        }\r\n    });\r\n})();\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 QNP \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0441\u043f\u043e\u0440\u0442 Aulafit \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u0437\u0430\u043d\u044f\u0442\u0438\u044f \u0441\u043f\u043e\u0440\u0442\u043e\u043c \u0432 \u0448\u0430\u0433\u043e\u0432\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u2014 \u043f\u0440\u044f\u043c\u043e \u0432\u043e \u0434\u0432\u043e\u0440\u0430\u0445 \u0438 \u0441\u043a\u0432\u0435\u0440\u0430\u0445 \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u043c \u043e\u043f\u044b\u0442\u043d\u044b\u0445 \u0442\u0440\u0435\u043d\u0435\u0440\u043e\u0432 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0438\u043d\u0432\u0435\u043d\u0442\u0430\u0440\u044f. 2020 \u0433\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 3\u201370+ \u0432\u043e\u0437\u0440\u0430\u0441\u0442 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0418\u0434\u0435\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0421\u043f\u043e\u0440\u0442 \u0440\u044f\u0434\u043e\u043c\u0441 \u0434\u043e\u043c\u043e\u043c 2020 \u0421\u0442\u0430\u0440\u0442 \u043f\u0438\u043b\u043e\u0442\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435 \u0412 \u043c\u0430\u0435 2020 \u0433\u043e\u0434\u0430 \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435 \u0432 \u043f\u0438\u043b\u043e\u0442\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u043b \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439&hellip; <a class=\"more-link\" href=\"https:\/\/qnp.kz\/kz\/%d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b9-%d0%bf%d1%80%d0%be%d0%b5%d0%ba%d1%82-aulafit\/\">Continue reading <span class=\"screen-reader-text\">\u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 Aulafit<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2694","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/qnp.kz\/kz\/wp-json\/wp\/v2\/pages\/2694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qnp.kz\/kz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qnp.kz\/kz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qnp.kz\/kz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qnp.kz\/kz\/wp-json\/wp\/v2\/comments?post=2694"}],"version-history":[{"count":130,"href":"https:\/\/qnp.kz\/kz\/wp-json\/wp\/v2\/pages\/2694\/revisions"}],"predecessor-version":[{"id":9894,"href":"https:\/\/qnp.kz\/kz\/wp-json\/wp\/v2\/pages\/2694\/revisions\/9894"}],"wp:attachment":[{"href":"https:\/\/qnp.kz\/kz\/wp-json\/wp\/v2\/media?parent=2694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}