{"id":3947,"date":"2026-02-22T00:45:01","date_gmt":"2026-02-22T00:45:01","guid":{"rendered":"https:\/\/user22.delovna.finki.ukim.mk\/?page_id=3947"},"modified":"2026-02-23T00:13:50","modified_gmt":"2026-02-23T00:13:50","slug":"%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82","status":"publish","type":"page","link":"https:\/\/user22.delovna.finki.ukim.mk\/en\/%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82\/","title":{"rendered":"CONTACT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3947\" class=\"elementor elementor-3947\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c4e34f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7c4e34f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-075d4ff elementor-widget elementor-widget-html\" data-id=\"075d4ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ct-contact\">\n  <div class=\"ct-wrap\">\n    <div class=\"ct-head\">\n      <div class=\"ct-pill\">\u041a\u041e\u041d\u0422\u0410\u041a\u0422 \u2022 \u041f\u041e\u0414\u0414\u0420\u0428\u041a\u0410<\/div>\n      <h2 class=\"ct-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442<\/h2>\n      <p class=\"ct-subtitle\">\n        \u0417\u0430 \u043f\u0440\u0430\u0448\u0430\u045a\u0430, \u043f\u0440\u0435\u0434\u043b\u043e\u0437\u0438 \u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043f\u043e\u0432\u0440\u0437\u0430\u043d\u0438 \u0441\u043e \u0436\u0438\u0432\u043e\u0442\u043d\u0430\u0442\u0430 \u0441\u0440\u0435\u0434\u0438\u043d\u0430, \u043f\u0440\u0438\u0440\u043e\u0434\u0430\u0442\u0430 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0440\u043d\u043e\u0442\u043e \u043f\u043b\u0430\u043d\u0438\u0440\u0430\u045a\u0435,\n        \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0440\u0430\u0458 \u043d\u00e8 \u043f\u0440\u0435\u043a\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0430 \u0438\u043b\u0438 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u043f\u0440\u0435\u043a\u0443 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0442\u0435 \u043f\u043e\u0434\u043e\u043b\u0443.\n      <\/p>\n    <\/div>\n\n    <div class=\"ct-grid\">\n      <!-- LEFT INFO -->\n      <div class=\"ct-card\">\n        <div class=\"ct-card__title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438<\/div>\n\n        <div class=\"ct-info\">\n          <div class=\"ct-info__row\">\n            <div class=\"ct-ico\">\u2709<\/div>\n            <div>\n              <div class=\"ct-label\">\u0415-\u043f\u043e\u0448\u0442\u0430<\/div>\n              <div class=\"ct-value\"><a href=\"mailto:kontakt@primer.mk\">infoeko@moepp.gov.mk<\/a><\/div>\n\n            <\/div>\n          <\/div>\n\n          <div class=\"ct-info__row\">\n            <div class=\"ct-ico\">\u260e<\/div>\n            <div>\n              <div class=\"ct-label\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/div>\n              <div class=\"ct-value\"><a href=\"tel:+38970000000\">+389 (02) 3251 403<\/a><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ct-info__row\">\n            <div class=\"ct-ico\">\u2302<\/div>\n            <div>\n              <div class=\"ct-label\">\u0410\u0434\u0440\u0435\u0441\u0430<\/div>\n              <div class=\"ct-value\">\u041f\u043b\u043e\u0448\u0442\u0430\u0434 \u041f\u0440\u0435\u0441\u0432\u0435\u0442\u0430 \u0411\u043e\u0433\u043e\u0440\u043e\u0434\u0438\u0446\u0430 \u0431\u0440. 3,\n1000 \u0421\u043a\u043e\u043f\u0458\u0435, \u0420\u0435\u043f\u0443\u0431\u043b\u0438\u043a\u0430 \u0421\u0435\u0432\u0435\u0440\u043d\u0430 \u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0438\u0458\u0430<\/div>\n\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ct-divider\"><\/div>\n\n        <div class=\"ct-card__title\">\u0420\u0430\u0431\u043e\u0442\u043d\u043e \u0432\u0440\u0435\u043c\u0435<\/div>\n        <div class=\"ct-hours\">\n          <div class=\"ct-hour\"><span>\u041f\u043e\u043d\u2013\u041f\u0435\u0442<\/span><b>07:30 \u2013 16:30<\/b><\/div>\n          <div class=\"ct-hour\"><span>\u0421\u0430\u0431\u043e\u0442\u0430<\/span><b>\u041d\u0435 \u0440\u0430\u0431\u043e\u0442\u0438\u043c\u0435<\/b><\/div>\n          <div class=\"ct-hour\"><span>\u041d\u0435\u0434\u0435\u043b\u0430<\/span><b>\u041d\u0435 \u0440\u0430\u0431\u043e\u0442\u0438\u043c\u0435<\/b><\/div>\n        <\/div>\n\n        <div class=\"ct-divider\"><\/div>\n\n        <div class=\"ct-card__title\">\u0411\u0440\u0437\u0438 \u043d\u0430\u0441\u043e\u043a\u0438<\/div>\n        <ul class=\"ct-list\">\n          <li>\u0417\u0430 \u0438\u0442\u043d\u0438 \u0441\u043b\u0443\u0447\u0430\u0438 (\u043f\u043e\u0436\u0430\u0440\/\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442) \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0440\u0430\u0458 \u0438\u0442\u043d\u0438 \u0441\u043b\u0443\u0436\u0431\u0438.<\/li>\n          <li>\u0417\u0430 \u043f\u0440\u0438\u0458\u0430\u0432\u0430 \u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043a\u043e\u0440\u0438\u0441\u0442\u0438 \u0458\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u201e\u041f\u0440\u0438\u0458\u0430\u0432\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u201c.<\/li>\n          <li>\u0417\u0430 \u0442\u0435\u0445\u043d\u0438\u0447\u043a\u0438 \u043f\u0440\u0430\u0448\u0430\u045a\u0430 \u0437\u0430 \u0441\u0430\u0458\u0442\u043e\u0442 \u2014 \u043e\u0441\u0442\u0430\u0432\u0438 \u043f\u043e\u0440\u0430\u043a\u0430 \u0432\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430.<\/li>\n        <\/ul>\n\n        <div class=\"ct-links\">\n          <a class=\"ct-chip\" href=\"https:\/\/user22.delovna.finki.ukim.mk\/\u043f\u0440\u0438\u0458\u0430\u0432\u0438-\u043f\u0440\u043e\u0431\u043b\u0435\u043c\/\">\u041f\u0440\u0438\u0458\u0430\u0432\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c<\/a>\n          <a class=\"ct-chip\" href=\" https:\/\/user22.delovna.finki.ukim.mk\/\u043a\u0432\u0430\u043b\u0438\u0442\u0435\u0442-\u043d\u0430-\u0432\u043e\u0437\u0434\u0443\u0445\/\">\u041a\u0432\u0430\u043b\u0438\u0442\u0435\u0442 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445<\/a>\n          <a class=\"ct-chip\" href=\"https:\/\/user22.delovna.finki.ukim.mk\/\u043e\u043f\u0448\u0442\u0438\u043d\u0438\/ \">\u041e\u043f\u0448\u0442\u0438\u043d\u0438<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT FORM -->\n      <div class=\"ct-card ct-card--main\">\n        <div class=\"ct-card__title\">\u0418\u0441\u043f\u0440\u0430\u0442\u0438 \u043f\u043e\u0440\u0430\u043a\u0430<\/div>\n        <div class=\"ct-card__hint\">\u041f\u043e\u043b\u0438\u045a\u0430\u0442\u0430 \u0441\u043e * \u0441\u0435 \u0437\u0430\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u043d\u0438.<\/div>\n\n        <form id=\"ctForm\" class=\"ct-form\" novalidate>\n          <div class=\"ct-row ct-row--2\">\n            <div class=\"ct-field\">\n              <label>\u0418\u043c\u0435 \u0438 \u043f\u0440\u0435\u0437\u0438\u043c\u0435 *<\/label>\n              <input type=\"text\" name=\"name\" placeholder=\"\u041f\u0440. \u0410\u043d\u0430 \u0410\u043d\u0430\u0441\u0442\u0430\u0441\u043e\u0432\u0430\" required \/>\n              <small class=\"ct-error\">\u0412\u043d\u0435\u0441\u0438 \u0438\u043c\u0435 \u0438 \u043f\u0440\u0435\u0437\u0438\u043c\u0435.<\/small>\n            <\/div>\n\n            <div class=\"ct-field\">\n              <label>\u0415-\u043f\u043e\u0448\u0442\u0430 *<\/label>\n              <input type=\"email\" name=\"email\" placeholder=\"ana@email.com\" required \/>\n              <small class=\"ct-error\">\u0412\u043d\u0435\u0441\u0438 \u0432\u0430\u043b\u0438\u0434\u043d\u0430 \u0435-\u043f\u043e\u0448\u0442\u0430.<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"ct-row ct-row--2\">\n            <div class=\"ct-field\">\n              <label>\u0422\u0435\u043c\u0430 *<\/label>\n              <select name=\"topic\" required>\n                <option value=\"\">\u2014 \u041e\u0434\u0431\u0435\u0440\u0438 \u2014<\/option>\n                <option>\u041e\u043f\u0448\u0442\u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438<\/option>\n                <option>\u041a\u0432\u0430\u043b\u0438\u0442\u0435\u0442 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445<\/option>\n                <option>\u0415\u043a\u043e\u043b\u043e\u0433\u0438\u0458\u0430 \/ \u043e\u0442\u043f\u0430\u0434<\/option>\n                <option>\u041f\u0440\u043e\u0441\u0442\u043e\u0440\u043d\u043e \u043f\u043b\u0430\u043d\u0438\u0440\u0430\u045a\u0435<\/option>\n                <option>\u0422\u0435\u0445\u043d\u0438\u0447\u043a\u0430 \u043f\u043e\u0434\u0434\u0440\u0448\u043a\u0430<\/option>\n                <option>\u0414\u0440\u0443\u0433\u043e<\/option>\n              <\/select>\n              <small class=\"ct-error\">\u041e\u0434\u0431\u0435\u0440\u0438 \u0442\u0435\u043c\u0430.<\/small>\n            <\/div>\n\n            <div class=\"ct-field\">\n              <label>\u0422\u0435\u043b\u0435\u0444\u043e\u043d (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e)<\/label>\n              <input type=\"text\" name=\"phone\" placeholder=\"070123456\" \/>\n              <div class=\"ct-help\">\u0410\u043a\u043e \u043e\u0441\u0442\u0430\u0432\u0438\u0448 \u0442\u0435\u043b\u0435\u0444\u043e\u043d, \u043c\u043e\u0436\u0435\u043c\u0435 \u043f\u043e\u0431\u0440\u0437\u043e \u0434\u0430 \u0442\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0440\u0430\u043c\u0435.<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ct-row\">\n            <div class=\"ct-field\">\n              <label>\u041f\u043e\u0440\u0430\u043a\u0430 *<\/label>\n              <textarea name=\"message\" rows=\"6\" placeholder=\"\u041d\u0430\u043f\u0438\u0448\u0438 \u0458\u0430 \u0442\u0432\u043e\u0458\u0430\u0442\u0430 \u043f\u043e\u0440\u0430\u043a\u0430...\" required><\/textarea>\n              <small class=\"ct-error\">\u0412\u043d\u0435\u0441\u0438 \u043f\u043e\u0440\u0430\u043a\u0430.<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"ct-row\">\n            <label class=\"ct-check\">\n              <input type=\"checkbox\" name=\"consent\" required \/>\n              <span>\u0421\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0443\u0432\u0430\u043c \u043c\u043e\u0438\u0442\u0435 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438 \u0434\u0430 \u0441\u0435 \u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0442 \u0437\u0430 \u0434\u0430 \u043c\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0440\u0430\u0442\u0435. *<\/span>\n            <\/label>\n            <small class=\"ct-error ct-error--check\">\u041c\u043e\u0440\u0430 \u0434\u0430 \u0441\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0448 \u0437\u0430 \u0434\u0430 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0448.<\/small>\n          <\/div>\n\n          <div class=\"ct-actions\">\n            <button type=\"button\" class=\"ct-btn ct-btn--ghost\" id=\"ctPreviewBtn\">\u041f\u0440\u0435\u0433\u043b\u0435\u0434<\/button>\n            <button type=\"submit\" class=\"ct-btn ct-btn--primary\">\u0418\u0441\u043f\u0440\u0430\u0442\u0438<\/button>\n          <\/div>\n\n          <div class=\"ct-toast\" id=\"ctToast\" role=\"status\" aria-live=\"polite\"><\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n\n    <!-- MODAL -->\n    <div class=\"ct-modal\" id=\"ctModal\" aria-hidden=\"true\">\n      <div class=\"ct-modal__panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ctModalTitle\">\n        <div class=\"ct-modal__top\">\n          <div id=\"ctModalTitle\" class=\"ct-modal__title\">\u041f\u0440\u0435\u0433\u043b\u0435\u0434 \u043d\u0430 \u043f\u043e\u0440\u0430\u043a\u0430\u0442\u0430<\/div>\n          <button class=\"ct-x\" id=\"ctClose\" aria-label=\"\u0417\u0430\u0442\u0432\u043e\u0440\u0438\">\u2715<\/button>\n        <\/div>\n        <div class=\"ct-modal__body\" id=\"ctPreview\"><\/div>\n        <div class=\"ct-modal__actions\">\n          <button class=\"ct-btn ct-btn--ghost\" id=\"ctBack\">\u041d\u0430\u0437\u0430\u0434<\/button>\n          <button class=\"ct-btn ct-btn--primary\" id=\"ctOk\">\u0412\u043e \u0440\u0435\u0434<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .ct-contact{ font-family:\"Times New Roman\", Times, serif; padding: 24px 12px 36px; }\n  .ct-wrap{ max-width:1100px; margin:0 auto; }\n\n  .ct-pill{\n    display:inline-block; padding:7px 12px; border-radius:999px;\n    background: rgba(255,255,255,0.5); border:1px solid rgba(0,0,0,0.08);\n    font-weight:800; font-size:12px; letter-spacing:.3px; color:#1f2d2a; margin-bottom:10px;\n  }\n  .ct-title{ margin:0 0 10px; font-size:40px; line-height:1.05; color:#1f2d2a; font-weight:900; }\n  .ct-subtitle{ margin:0 0 16px; font-size:16px; line-height:1.5; color:#1f2d2a; opacity:.92; max-width:80ch; }\n\n  .ct-grid{ display:grid; grid-template-columns: 0.85fr 1.15fr; gap:14px; align-items:start; }\n  @media (max-width: 900px){ .ct-grid{ grid-template-columns:1fr; } }\n\n  .ct-card{\n    background: rgba(255,255,255,0.5);\n    border: 1px solid rgba(0,0,0,0.06);\n    border-radius: 22px;\n    padding: 16px 16px 14px;\n    box-shadow: 0 10px 22px rgba(0,0,0,0.10);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n  }\n  .ct-card--main{ padding:18px 18px 16px; }\n\n  .ct-card__title{ font-weight:900; font-size:18px; margin-bottom:6px; color:#1f2d2a; }\n  .ct-card__hint{ font-size:13px; color:#1f2d2a; opacity:.85; margin-bottom:12px; }\n\n  .ct-info{ display:grid; gap:10px; margin-top: 10px; }\n  .ct-info__row{\n    display:grid; grid-template-columns: 34px 1fr; gap:10px; align-items:start;\n    background: rgba(255,255,255,0.45);\n    border: 1px solid rgba(0,0,0,0.06);\n    border-radius: 16px;\n    padding: 10px 12px;\n  }\n  .ct-ico{\n    width:34px; height:34px; border-radius: 12px;\n    display:flex; align-items:center; justify-content:center;\n    background: rgba(0,0,0,0.06);\n    font-weight:900;\n  }\n  .ct-label{ font-size:13px; opacity:.85; color:#1f2d2a; font-weight:800; }\n  .ct-value{ font-size:15px; color:#1f2d2a; font-weight:900; }\n  .ct-value a{ color:#1f2d2a; text-decoration:none; }\n  .ct-value a:hover{ text-decoration:underline; }\n  .ct-help{ font-size:12.5px; opacity:.82; color:#1f2d2a; margin-top:4px; }\n\n  .ct-divider{ height:1px; background: rgba(0,0,0,0.08); margin: 14px 0; }\n\n  .ct-hours{ display:grid; gap:8px; }\n  .ct-hour{\n    display:flex; justify-content:space-between; gap:10px;\n    background: rgba(255,255,255,0.45);\n    border: 1px solid rgba(0,0,0,0.06);\n    border-radius: 16px;\n    padding: 10px 12px;\n    color:#1f2d2a;\n    font-size:14px;\n  }\n  .ct-hour span{ opacity:.9; font-weight:800; }\n  .ct-hour b{ font-weight:900; }\n\n  .ct-list{ margin: 0; padding-left: 18px; color:#1f2d2a; opacity:.92; line-height:1.45; }\n  .ct-links{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 12px; }\n  .ct-chip{\n    display:inline-block; text-decoration:none;\n    padding: 8px 12px; border-radius:999px;\n    background: rgba(255,255,255,0.45);\n    border: 1px solid rgba(0,0,0,0.10);\n    color:#1f2d2a; font-weight:900; font-size:13px;\n    transition: all .2s ease;\n  }\n  .ct-chip:hover{ background: rgba(255,255,255,0.7); transform: translateY(-1px); }\n\n  \/* FORM *\/\n  .ct-form{ display:grid; gap:12px; }\n  .ct-row{ display:grid; gap:10px; }\n  .ct-row--2{ grid-template-columns: 1fr 1fr; }\n  @media (max-width: 900px){ .ct-row--2{ grid-template-columns: 1fr; } }\n\n  .ct-field label{\n    display:block; font-weight:800; color:#1f2d2a; margin-bottom:6px; font-size:14px;\n  }\n  .ct-field input, .ct-field select, .ct-field textarea{\n    width:100%;\n    padding:10px 12px;\n    border-radius:14px;\n    border:1px solid rgba(0,0,0,0.12);\n    background: rgba(255,255,255,0.55);\n    outline:none;\n    color:#1f2d2a;\n    font-size:14px;\n  }\n  .ct-field textarea{ resize: vertical; }\n\n  .ct-check{\n    display:flex; gap:10px; align-items:flex-start;\n    padding: 10px 12px;\n    border-radius:14px;\n    background: rgba(255,255,255,0.45);\n    border: 1px solid rgba(0,0,0,0.08);\n    color:#1f2d2a;\n    font-weight:700;\n    font-size:14px;\n  }\n  .ct-check input{ margin-top: 3px; }\n\n  .ct-actions{ display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }\n  .ct-btn{\n    cursor:pointer;\n    border:1px solid rgba(0,0,0,0.10);\n    border-radius:999px;\n    padding:10px 14px;\n    font-weight:900;\n    background: rgba(255,255,255,0.55);\n    color:#1f2d2a;\n    transition: all .2s ease;\n  }\n  .ct-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.75); }\n  .ct-btn--primary{\n    background: rgba(31,45,42,0.92);\n    color:#fff;\n    border-color: rgba(31,45,42,0.12);\n  }\n  .ct-btn--primary:hover{ background: rgba(31,45,42,1); }\n  .ct-btn--ghost{ background: rgba(255,255,255,0.35); }\n\n  \/* ERRORS *\/\n  .ct-error{\n    display:none;\n    color: rgba(231,76,60,1);\n    font-weight:800;\n    margin-top:6px;\n    font-size:12.5px;\n  }\n  .ct-field.is-invalid .ct-error{ display:block; }\n  .ct-error--check{ margin-top: 8px; }\n  .ct-check.is-invalid + .ct-error--check{ display:block; }\n\n  \/* TOAST *\/\n  .ct-toast{\n    display:none;\n    margin-top:10px;\n    padding:10px 12px;\n    border-radius:14px;\n    border:1px solid rgba(0,0,0,0.08);\n    background: rgba(46,204,113,0.18);\n    color:#1f2d2a;\n    font-weight:900;\n  }\n  .ct-toast.show{ display:block; }\n\n  \/* MODAL *\/\n  .ct-modal{\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.45);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    padding:18px;\n    z-index:9999;\n  }\n  .ct-modal.show{ display:flex; }\n  .ct-modal__panel{\n    width:100%;\n    max-width:720px;\n    background: rgba(255,255,255,0.92);\n    border-radius:22px;\n    padding:14px;\n    box-shadow: 0 18px 50px rgba(0,0,0,0.25);\n  }\n  .ct-modal__top{\n    display:flex; align-items:center; justify-content:space-between;\n    padding:6px 6px 10px;\n  }\n  .ct-modal__title{ font-weight:900; font-size:18px; color:#1f2d2a; }\n  .ct-x{\n    cursor:pointer;\n    border:0;\n    background: rgba(0,0,0,0.06);\n    border-radius:12px;\n    padding:8px 10px;\n    font-weight:900;\n  }\n  .ct-modal__body{ padding: 10px 10px 6px; color:#1f2d2a; line-height:1.45; font-size:14px; }\n  .ct-modal__actions{ display:flex; justify-content:flex-end; gap:10px; padding:10px 6px 6px; flex-wrap:wrap; }\n\n  .ct-preview-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }\n  @media (max-width: 700px){ .ct-title{ font-size:34px; } .ct-preview-grid{ grid-template-columns:1fr; } }\n  .ct-preview-item{\n    background: rgba(255,255,255,0.8);\n    border: 1px solid rgba(0,0,0,0.08);\n    border-radius: 14px;\n    padding: 10px 12px;\n  }\n  .ct-preview-item b{ display:block; margin-bottom:4px; }\n  .ct-preview-wide{ grid-column: 1 \/ -1; }\n<\/style>\n\n<script>\n  const form = document.getElementById(\"ctForm\");\n  const toast = document.getElementById(\"ctToast\");\n\n  const modal = document.getElementById(\"ctModal\");\n  const preview = document.getElementById(\"ctPreview\");\n  const btnPreview = document.getElementById(\"ctPreviewBtn\");\n  const btnClose = document.getElementById(\"ctClose\");\n  const btnBack = document.getElementById(\"ctBack\");\n  const btnOk = document.getElementById(\"ctOk\");\n\n  function showToast(msg, ok=true){\n    toast.textContent = msg;\n    toast.style.background = ok ? \"rgba(46,204,113,0.18)\" : \"rgba(231,76,60,0.18)\";\n    toast.classList.add(\"show\");\n    clearTimeout(window.__ct_to);\n    window.__ct_to = setTimeout(()=> toast.classList.remove(\"show\"), 4000);\n  }\n\n  function setInvalid(el, on){\n    const field = el.closest(\".ct-field\");\n    if (field) field.classList.toggle(\"is-invalid\", on);\n  }\n\n  function validate(){\n    let valid = true;\n\n    form.querySelectorAll(\"[required]\").forEach(el=>{\n      if (el.type === \"checkbox\") return;\n      const v = (el.value || \"\").trim();\n      const bad = !v;\n      setInvalid(el, bad);\n      if (bad) valid = false;\n    });\n\n    const consent = form.querySelector('input[name=\"consent\"]');\n    const checkWrap = consent.closest(\".ct-check\");\n    const badC = !consent.checked;\n    checkWrap.classList.toggle(\"is-invalid\", badC);\n    if (badC) valid = false;\n\n    \/\/ basic email check\n    const email = form.querySelector('input[name=\"email\"]');\n    const em = (email.value || \"\").trim();\n    const emBad = !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em);\n    setInvalid(email, emBad);\n    if (emBad) valid = false;\n\n    return valid;\n  }\n\n  function openModal(){\n    modal.classList.add(\"show\");\n    modal.setAttribute(\"aria-hidden\",\"false\");\n  }\n  function closeModal(){\n    modal.classList.remove(\"show\");\n    modal.setAttribute(\"aria-hidden\",\"true\");\n  }\n\n  function escapeHtml(str){\n    return String(str)\n      .replaceAll(\"&\",\"&amp;\")\n      .replaceAll(\"<\",\"&lt;\")\n      .replaceAll(\">\",\"&gt;\")\n      .replaceAll('\"',\"&quot;\")\n      .replaceAll(\"'\",\"&#039;\");\n  }\n\n  function getData(){\n    const fd = new FormData(form);\n    return {\n      name: fd.get(\"name\") || \"\",\n      email: fd.get(\"email\") || \"\",\n      topic: fd.get(\"topic\") || \"\",\n      phone: fd.get(\"phone\") || \"\",\n      message: fd.get(\"message\") || \"\"\n    };\n  }\n\n  function renderPreview(d){\n    preview.innerHTML = `\n      <div class=\"ct-preview-grid\">\n        <div class=\"ct-preview-item\"><b>\u0418\u043c\u0435<\/b>${escapeHtml(d.name)}<\/div>\n        <div class=\"ct-preview-item\"><b>\u0415-\u043f\u043e\u0448\u0442\u0430<\/b>${escapeHtml(d.email)}<\/div>\n        <div class=\"ct-preview-item\"><b>\u0422\u0435\u043c\u0430<\/b>${escapeHtml(d.topic)}<\/div>\n        <div class=\"ct-preview-item\"><b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/b>${escapeHtml(d.phone || \"\u2014\")}<\/div>\n        <div class=\"ct-preview-item ct-preview-wide\"><b>\u041f\u043e\u0440\u0430\u043a\u0430<\/b>${escapeHtml(d.message).replace(\/\\n\/g,\"<br>\")}<\/div>\n      <\/div>\n    `;\n  }\n\n  form.addEventListener(\"input\", (e)=>{\n    const t = e.target;\n    if (t.matches(\"input,select,textarea\") && t.hasAttribute(\"required\") && t.type !== \"checkbox\"){\n      setInvalid(t, !(t.value || \"\").trim());\n    }\n    if (t.name === \"consent\"){\n      t.closest(\".ct-check\").classList.toggle(\"is-invalid\", !t.checked);\n    }\n  });\n\n  btnPreview.addEventListener(\"click\", ()=>{\n    const ok = validate();\n    if (!ok){\n      showToast(\"\u041f\u0440\u043e\u0432\u0435\u0440\u0438 \u0433\u0438 \u0437\u0430\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u043d\u0438\u0442\u0435 \u043f\u043e\u043b\u0438\u045a\u0430.\", false);\n      return;\n    }\n    renderPreview(getData());\n    openModal();\n  });\n\n  btnClose.addEventListener(\"click\", closeModal);\n  btnBack.addEventListener(\"click\", closeModal);\n  btnOk.addEventListener(\"click\", closeModal);\n\n  modal.addEventListener(\"click\", (e)=>{\n    if (e.target === modal) closeModal();\n  });\n\n  form.addEventListener(\"submit\", (e)=>{\n    e.preventDefault();\n    const ok = validate();\n    if (!ok){\n      showToast(\"\u041d\u0435\u0443\u0441\u043f\u0435\u0448\u043d\u043e: \u043f\u043e\u043f\u043e\u043b\u043d\u0438 \u0433\u0438 \u0437\u0430\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u043d\u0438\u0442\u0435 \u043f\u043e\u043b\u0438\u045a\u0430.\", false);\n      return;\n    }\n\n    \/\/ \u2705 \u0422\u0443\u043a\u0430 \u043f\u043e\u0434\u043e\u0446\u043d\u0430 \u043c\u043e\u0436\u0435\u0448 \u0434\u0430 \u043f\u0440\u0430\u0442\u0438\u0448 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \/ WP form plugin \/ email.\n    showToast(\"\u041f\u043e\u0440\u0430\u043a\u0430\u0442\u0430 \u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0442\u0435\u043d\u0430 (\u0434\u0435\u043c\u043e).\");\n\n    form.reset();\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u041a\u041e\u041d\u0422\u0410\u041a\u0422 \u2022 \u041f\u041e\u0414\u0414\u0420\u0428\u041a\u0410 \u041a\u043e\u043d\u0442\u0430\u043a\u0442 \u0417\u0430 \u043f\u0440\u0430\u0448\u0430\u045a\u0430, \u043f\u0440\u0435\u0434\u043b\u043e\u0437\u0438 \u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043f\u043e\u0432\u0440\u0437\u0430\u043d\u0438 \u0441\u043e \u0436\u0438\u0432\u043e\u0442\u043d\u0430\u0442\u0430 \u0441\u0440\u0435\u0434\u0438\u043d\u0430, \u043f\u0440\u0438\u0440\u043e\u0434\u0430\u0442\u0430 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0440\u043d\u043e\u0442\u043e \u043f\u043b\u0430\u043d\u0438\u0440\u0430\u045a\u0435, \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0440\u0430\u0458 \u043d\u00e8 \u043f\u0440\u0435\u043a\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0430 \u0438\u043b\u0438 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u043f\u0440\u0435\u043a\u0443 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0442\u0435 \u043f\u043e\u0434\u043e\u043b\u0443. \u041a\u043e\u043d\u0442\u0430\u043a\u0442 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u2709 \u0415-\u043f\u043e\u0448\u0442\u0430 infoeko@moepp.gov.mk \u260e \u0422\u0435\u043b\u0435\u0444\u043e\u043d +389 (02) 3251 403 \u2302 \u0410\u0434\u0440\u0435\u0441\u0430 \u041f\u043b\u043e\u0448\u0442\u0430\u0434 \u041f\u0440\u0435\u0441\u0432\u0435\u0442\u0430 \u0411\u043e\u0433\u043e\u0440\u043e\u0434\u0438\u0446\u0430 \u0431\u0440. 3, 1000 \u0421\u043a\u043e\u043f\u0458\u0435, \u0420\u0435\u043f\u0443\u0431\u043b\u0438\u043a\u0430 \u0421\u0435\u0432\u0435\u0440\u043d\u0430 \u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0438\u0458\u0430 \u0420\u0430\u0431\u043e\u0442\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u041f\u043e\u043d\u2013\u041f\u0435\u044207:30 \u2013 16:30 \u0421\u0430\u0431\u043e\u0442\u0430\u041d\u0435 \u0440\u0430\u0431\u043e\u0442\u0438\u043c\u0435 \u041d\u0435\u0434\u0435\u043b\u0430\u041d\u0435 \u0440\u0430\u0431\u043e\u0442\u0438\u043c\u0435 \u0411\u0440\u0437\u0438 \u043d\u0430\u0441\u043e\u043a\u0438 \u0417\u0430 \u0438\u0442\u043d\u0438 \u0441\u043b\u0443\u0447\u0430\u0438 (\u043f\u043e\u0436\u0430\u0440\/\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442) \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0440\u0430\u0458 \u0438\u0442\u043d\u0438 \u0441\u043b\u0443\u0436\u0431\u0438. \u0417\u0430 \u043f\u0440\u0438\u0458\u0430\u0432\u0430 \u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043a\u043e\u0440\u0438\u0441\u0442\u0438 \u0458\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u201e\u041f\u0440\u0438\u0458\u0430\u0432\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u201c. \u0417\u0430 \u0442\u0435\u0445\u043d\u0438\u0447\u043a\u0438 \u043f\u0440\u0430\u0448\u0430\u045a\u0430 \u0437\u0430 \u0441\u0430\u0458\u0442\u043e\u0442 \u2014 \u043e\u0441\u0442\u0430\u0432\u0438 \u043f\u043e\u0440\u0430\u043a\u0430 \u0432\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430. \u041f\u0440\u0438\u0458\u0430\u0432\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u041a\u0432\u0430\u043b\u0438\u0442\u0435\u0442 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445 \u041e\u043f\u0448\u0442\u0438\u043d\u0438 \u0418\u0441\u043f\u0440\u0430\u0442\u0438 \u043f\u043e\u0440\u0430\u043a\u0430 \u041f\u043e\u043b\u0438\u045a\u0430\u0442\u0430 \u0441\u043e * \u0441\u0435 \u0437\u0430\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u043d\u0438. \u0418\u043c\u0435 \u0438 \u043f\u0440\u0435\u0437\u0438\u043c\u0435 * \u0412\u043d\u0435\u0441\u0438 \u0438\u043c\u0435 \u0438 \u043f\u0440\u0435\u0437\u0438\u043c\u0435. \u0415-\u043f\u043e\u0448\u0442\u0430 * \u0412\u043d\u0435\u0441\u0438 \u0432\u0430\u043b\u0438\u0434\u043d\u0430 \u0435-\u043f\u043e\u0448\u0442\u0430. \u0422\u0435\u043c\u0430 * \u2014 \u041e\u0434\u0431\u0435\u0440\u0438 \u2014\u041e\u043f\u0448\u0442\u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438\u041a\u0432\u0430\u043b\u0438\u0442\u0435\u0442 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445\u0415\u043a\u043e\u043b\u043e\u0433\u0438\u0458\u0430 \/ \u043e\u0442\u043f\u0430\u0434\u041f\u0440\u043e\u0441\u0442\u043e\u0440\u043d\u043e \u043f\u043b\u0430\u043d\u0438\u0440\u0430\u045a\u0435\u0422\u0435\u0445\u043d\u0438\u0447\u043a\u0430 \u043f\u043e\u0434\u0434\u0440\u0448\u043a\u0430\u0414\u0440\u0443\u0433\u043e \u041e\u0434\u0431\u0435\u0440\u0438 \u0442\u0435\u043c\u0430. \u0422\u0435\u043b\u0435\u0444\u043e\u043d (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e) \u0410\u043a\u043e \u043e\u0441\u0442\u0430\u0432\u0438\u0448 \u0442\u0435\u043b\u0435\u0444\u043e\u043d, \u043c\u043e\u0436\u0435\u043c\u0435 \u043f\u043e\u0431\u0440\u0437\u043e \u0434\u0430 \u0442\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0440\u0430\u043c\u0435. \u041f\u043e\u0440\u0430\u043a\u0430 * \u0412\u043d\u0435\u0441\u0438 \u043f\u043e\u0440\u0430\u043a\u0430. \u0421\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0443\u0432\u0430\u043c \u043c\u043e\u0438\u0442\u0435 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438 \u0434\u0430 \u0441\u0435 \u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0442 \u0437\u0430 \u0434\u0430 \u043c\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u0440\u0430\u0442\u0435. * \u041c\u043e\u0440\u0430 \u0434\u0430 \u0441\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0448 \u0437\u0430 \u0434\u0430 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0448. \u041f\u0440\u0435\u0433\u043b\u0435\u0434 \u0418\u0441\u043f\u0440\u0430\u0442\u0438 \u041f\u0440\u0435\u0433\u043b\u0435\u0434 \u043d\u0430 \u043f\u043e\u0440\u0430\u043a\u0430\u0442\u0430 \u2715 \u041d\u0430\u0437\u0430\u0434 \u0412\u043e \u0440\u0435\u0434<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"iawp_total_views":10,"footnotes":""},"class_list":["post-3947","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages\/3947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/comments?post=3947"}],"version-history":[{"count":21,"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages\/3947\/revisions"}],"predecessor-version":[{"id":4080,"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages\/3947\/revisions\/4080"}],"wp:attachment":[{"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/media?parent=3947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}