{"id":68,"date":"2026-08-24T18:17:36","date_gmt":"2026-08-24T18:17:36","guid":{"rendered":"https:\/\/mcvis.eu\/?page_id=68"},"modified":"2026-08-24T18:17:36","modified_gmt":"2026-08-24T18:17:36","slug":"%ce%b1%cf%81%cf%87%ce%b9%ce%ba%ce%b7-2","status":"publish","type":"page","link":"https:\/\/mcvis.eu\/?page_id=68","title":{"rendered":"\u0391\u03a1\u03a7\u0399\u039a\u0397"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">MCVIS<\/h3>\n\n\n\n\n\n<style>\n\/* =========================================================\n   MCVIS - \u0391\u03a1\u03a7\u0399\u039a\u0397 \u03a3\u0395\u039b\u0399\u0394\u0391\n   ========================================================= *\/\n\n#mcvis-site {\n    background: #020617;\n    color: #f1f5f9;\n    font-family: Arial, Helvetica, sans-serif;\n    line-height: 1.7;\n    width: 100%;\n}\n\n#mcvis-site *,\n#mcvis-site *::before,\n#mcvis-site *::after {\n    box-sizing: border-box;\n}\n\n.mcvis-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\n\/* =========================================================\n   \u039a\u03a5\u03a1\u0399\u039f \u039c\u0395\u039d\u039f\u03a5\n   ========================================================= *\/\n\n.mcvis-main-nav {\n    width: 100%;\n    background: #0f172a;\n    border: 1px solid #334155;\n    border-radius: 14px;\n    margin: 0 auto 35px auto;\n    padding: 12px;\n}\n\n.mcvis-main-nav ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n}\n\n.mcvis-main-nav li {\n    margin: 0;\n    padding: 0;\n}\n\n.mcvis-main-nav a {\n    display: block;\n    padding: 11px 15px;\n    border-radius: 9px;\n    color: #e2e8f0;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    transition: background 0.2s ease, color 0.2s ease;\n}\n\n.mcvis-main-nav a:hover {\n    background: #164e63;\n    color: #67e8f9;\n}\n\n.mcvis-main-nav a:focus {\n    outline: 3px solid #22d3ee;\n    outline-offset: 3px;\n    background: #164e63;\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   \u0395\u03a3\u03a9\u03a4\u0395\u03a1\u0399\u039a\u0395\u03a3 \"\u03a3\u0395\u039b\u0399\u0394\u0395\u03a3\"\n   ========================================================= *\/\n\n.mcvis-view {\n    display: none;\n}\n\n.mcvis-view.mcvis-active {\n    display: block;\n}\n\n\n\/* =========================================================\n   \u0391\u03a1\u03a7\u0399\u039a\u0397\n   ========================================================= *\/\n\n.mcvis-philosophy {\n    background: linear-gradient(\n        135deg,\n        rgba(15, 23, 42, 0.95),\n        rgba(8, 47, 73, 0.82)\n    );\n    border: 1px solid #334155;\n    border-radius: 20px;\n    padding: 38px;\n    margin-bottom: 50px;\n}\n\n.mcvis-philosophy .eyebrow {\n    color: #22d3ee;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    font-weight: 700;\n    font-size: 14px;\n}\n\n.mcvis-philosophy h1 {\n    color: #ffffff;\n    font-size: 38px;\n    line-height: 1.2;\n    margin: 10px 0 22px 0;\n}\n\n.mcvis-philosophy p {\n    color: #cbd5e1;\n    font-size: 17px;\n}\n\n.mcvis-principles {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n    margin-top: 28px;\n}\n\n.mcvis-principle {\n    background: rgba(2, 6, 23, 0.48);\n    border: 1px solid #334155;\n    border-radius: 13px;\n    padding: 20px;\n}\n\n.mcvis-principle h2 {\n    color: #67e8f9;\n    font-size: 19px;\n    margin: 0 0 8px 0;\n}\n\n.mcvis-principle p {\n    margin: 0;\n    font-size: 15px;\n}\n\n\n\/* HERO *\/\n\n.mcvis-hero {\n    text-align: center;\n    padding: 35px 10px 45px 10px;\n}\n\n.mcvis-welcome {\n    display: inline-block;\n    background: #083344;\n    border: 1px solid #155e75;\n    color: #67e8f9;\n    padding: 6px 14px;\n    border-radius: 25px;\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 0.08em;\n}\n\n.mcvis-hero h2 {\n    font-size: 44px;\n    line-height: 1.16;\n    color: #ffffff;\n    margin: 22px auto;\n    max-width: 900px;\n}\n\n.mcvis-highlight {\n    color: #22d3ee;\n}\n\n.mcvis-hero p {\n    color: #94a3b8;\n    max-width: 850px;\n    margin: 0 auto;\n    font-size: 19px;\n}\n\n\n\/* =========================================================\n   \u039f\u0399 3 \u03a5\u03a0\u0397\u03a1\u0395\u03a3\u0399\u0395\u03a3\n   ========================================================= *\/\n\n.mcvis-services {\n    padding: 35px 0 70px 0;\n}\n\n.mcvis-services-title {\n    text-align: center;\n    margin-bottom: 35px;\n}\n\n.mcvis-services-title h2 {\n    color: #ffffff;\n    font-size: 34px;\n    margin-bottom: 10px;\n}\n\n.mcvis-services-title p {\n    color: #94a3b8;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.mcvis-service-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n}\n\n.mcvis-service-card {\n    background: #0f172a;\n    border: 1px solid #334155;\n    border-radius: 18px;\n    overflow: hidden;\n    height: 100%;\n}\n\n.mcvis-service-image {\n    display: block;\n    width: 100%;\n    height: 240px;\n    object-fit: cover;\n    margin: 0;\n    padding: 0;\n}\n\n.mcvis-service-content {\n    padding: 25px;\n}\n\n.mcvis-service-content h3 {\n    color: #ffffff;\n    font-size: 22px;\n    margin: 0 0 12px 0;\n}\n\n.mcvis-service-content p {\n    color: #94a3b8;\n    margin: 0;\n}\n\n\n\/* =========================================================\n   DOWNLOADS\n   ========================================================= *\/\n\n.mcvis-inner-page {\n    padding: 35px 0 70px 0;\n}\n\n.mcvis-page-heading {\n    margin-bottom: 35px;\n}\n\n.mcvis-page-heading h1 {\n    color: #ffffff;\n    font-size: 38px;\n    margin: 0 0 10px 0;\n}\n\n.mcvis-page-heading p {\n    color: #94a3b8;\n    font-size: 18px;\n    margin: 0;\n}\n\n#mcvis-post-list {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 22px;\n}\n\n.mcvis-post-card {\n    background: #0f172a;\n    border: 1px solid #334155;\n    border-left: 5px solid #06b6d4;\n    border-radius: 15px;\n    padding: 25px;\n}\n\n.mcvis-post-card h2 {\n    font-size: 21px;\n    color: #ffffff;\n    margin: 0 0 10px 0;\n}\n\n.mcvis-post-date {\n    color: #67e8f9;\n    font-size: 14px;\n    margin-bottom: 12px;\n}\n\n.mcvis-post-excerpt {\n    color: #94a3b8;\n    margin-bottom: 18px;\n}\n\n.mcvis-post-link {\n    display: inline-block;\n    padding: 10px 17px;\n    background: #0891b2;\n    border-radius: 9px;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-weight: 700;\n}\n\n.mcvis-post-link:hover {\n    background: #0e7490;\n}\n\n.mcvis-post-link:focus {\n    outline: 3px solid #67e8f9;\n    outline-offset: 3px;\n}\n\n.mcvis-loading {\n    color: #cbd5e1;\n    background: #0f172a;\n    border: 1px solid #334155;\n    padding: 25px;\n    border-radius: 14px;\n}\n\n\n\/* =========================================================\n   \u0395\u03a0\u0399\u039a\u039f\u0399\u039d\u03a9\u039d\u0399\u0391 \/ \u0396\u0397\u03a4\u0397\u03a3\u03a4\u0395 \u03a0\u03a1\u039f\u03a3\u03a6\u039f\u03a1\u0391\n   ========================================================= *\/\n\n.mcvis-contact-box {\n    max-width: 800px;\n    background: #0f172a;\n    border: 1px solid #334155;\n    border-radius: 18px;\n    padding: 30px;\n}\n\n.mcvis-call-button {\n    display: inline-block;\n    background: #047857;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-weight: 700;\n    padding: 13px 20px;\n    border-radius: 10px;\n    margin-bottom: 25px;\n}\n\n.mcvis-call-button:hover {\n    background: #059669;\n}\n\n.mcvis-call-button:focus {\n    outline: 3px solid #6ee7b7;\n    outline-offset: 3px;\n}\n\n.mcvis-form-group {\n    margin-bottom: 20px;\n}\n\n.mcvis-form-group label {\n    display: block;\n    color: #f1f5f9;\n    font-weight: 700;\n    margin-bottom: 7px;\n}\n\n.mcvis-form-group input,\n.mcvis-form-group textarea {\n    display: block;\n    width: 100%;\n    background: #020617;\n    border: 1px solid #475569;\n    border-radius: 9px;\n    color: #ffffff;\n    padding: 13px;\n    font-size: 16px;\n}\n\n.mcvis-form-group input:focus,\n.mcvis-form-group textarea:focus {\n    outline: 3px solid #22d3ee;\n    outline-offset: 2px;\n}\n\n.mcvis-form-group input[readonly] {\n    color: #cbd5e1;\n}\n\n.mcvis-submit {\n    display: inline-block;\n    border: 0;\n    background: #0891b2;\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 700;\n    padding: 13px 20px;\n    border-radius: 10px;\n    cursor: pointer;\n}\n\n.mcvis-submit:hover {\n    background: #0e7490;\n}\n\n.mcvis-submit:focus {\n    outline: 3px solid #67e8f9;\n    outline-offset: 3px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .mcvis-service-grid,\n    #mcvis-post-list,\n    .mcvis-principles {\n        grid-template-columns: 1fr;\n    }\n\n    .mcvis-philosophy {\n        padding: 25px;\n    }\n\n    .mcvis-philosophy h1 {\n        font-size: 30px;\n    }\n\n    .mcvis-hero h2 {\n        font-size: 32px;\n    }\n\n    .mcvis-main-nav ul {\n        display: block;\n    }\n\n    .mcvis-main-nav li {\n        margin-bottom: 5px;\n    }\n\n    .mcvis-main-nav a {\n        width: 100%;\n    }\n\n    .mcvis-service-image {\n        height: auto;\n    }\n}\n<\/style>\n\n\n<div id=\"mcvis-site\">\n\n    <div class=\"mcvis-container\">\n\n\n        <!-- =================================================\n             \u039a\u03a5\u03a1\u0399\u039f \u039c\u0395\u039d\u039f\u03a5\n             ================================================= -->\n\n        <nav class=\"mcvis-main-nav\" aria-label=\"\u039a\u03cd\u03c1\u03b9\u03bf \u03bc\u03b5\u03bd\u03bf\u03cd MCVIS\">\n\n            <ul>\n\n                <li>\n                    <a href=\"https:\/\/mcvis.eu\/\">\n                        \u0391\u03c1\u03c7\u03b9\u03ba\u03ae\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/mcvis.eu\/?page_id=26\">\n                        \u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b5\u03bc\u03ac\u03c2\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/mcvis.eu\/?page_id=70\">\n                        Downloads\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/mcvis.eu\/#contact\">\n                        \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/mcvis.eu\/#quote\">\n                        \u0396\u03b7\u03c4\u03ae\u03c3\u03c4\u03b5 \u03a0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/mcvis.eu\/?page_id=34\">\n                        \u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2\n                    <\/a>\n                <\/li>\n\n            <\/ul>\n\n        <\/nav>\n\n\n        <!-- =================================================\n             \u0391\u03a1\u03a7\u0399\u039a\u0397\n             ================================================= -->\n\n        <main id=\"mcvis-home\"\n              class=\"mcvis-view\"\n              aria-labelledby=\"mcvis-home-title\">\n\n\n            <!-- \u03a6\u0399\u039b\u039f\u03a3\u039f\u03a6\u0399\u0391 -->\n\n            <section class=\"mcvis-philosophy\">\n\n                <div class=\"eyebrow\">\n                    \u0397 \u03c6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 \u03c4\u03b7\u03c2 MCVIS\n                <\/div>\n\n                <h1 id=\"mcvis-home-title\" tabindex=\"-1\">\n                    \u0397 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf\u03bd \u03ac\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf \u2014\n                    \u03cc\u03c7\u03b9 \u03bf \u03ac\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1.\n                <\/h1>\n\n                <p>\n                    \u0397 MCVIS \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03cc, \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac\n                    \u03ba\u03b1\u03b9 \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b5\u03c2 web \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ad\u03bd\u03b1\u03bd \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03bf \u03c3\u03c4\u03cc\u03c7\u03bf:\n                    \u03bd\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c3\u03b5 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ac \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1\n                    \u03c0\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ac, \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03c4\u03b9\u03ba\u03ac \u03c7\u03c1\u03ae\u03c3\u03b9\u03bc\u03b1.\n                <\/p>\n\n                <p>\n                    \u0394\u03b5\u03bd \u03b1\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03c9\u03c0\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03ad\u03c1\u03b3\u03bf \u03c9\u03c2 \u03ad\u03bd\u03b1 \u03b1\u03ba\u03cc\u03bc\u03b7 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf \u03c0\u03b1\u03ba\u03ad\u03c4\u03bf.\n                    \u039c\u03b5\u03bb\u03b5\u03c4\u03ac\u03bc\u03b5 \u03c4\u03bf\u03bd \u03c4\u03c1\u03cc\u03c0\u03bf \u03c0\u03bf\u03c5 \u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03b1\u03bb\u03bb\u03b7\u03bb\u03b5\u03c0\u03b9\u03b4\u03c1\u03ac \u03bf \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7\u03c2,\n                    \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03c3\u03c9\u03c3\u03c4\u03ae \u03c1\u03bf\u03ae \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b1\u03c0\u03c4\u03cd\u03c3\u03c3\u03bf\u03c5\u03bc\u03b5 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2\n                    \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c3\u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03bf\u03c5 \u03b5\u03ba\u03ac\u03c3\u03c4\u03bf\u03c4\u03b5 project \u2014\n                    \u03b1\u03c0\u03cc desktop \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03cd\u03c2 \u03ad\u03c9\u03c2 mobile apps,\n                    \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 web \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b5\u03c2.\n                <\/p>\n\n\n                <div class=\"mcvis-principles\">\n\n\n                    <div class=\"mcvis-principle\">\n\n                        <h2>\n                            \u03a0\u03c1\u03bf\u03c3\u03b2\u03b1\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\n                        <\/h2>\n\n                        <p>\n                            \u0397 \u03c0\u03c1\u03bf\u03c3\u03b2\u03b1\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c3\u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2.\n                            \u0395\u03bd\u03c3\u03c9\u03bc\u03b1\u03c4\u03ce\u03bd\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7 \u03b4\u03bf\u03bc\u03ae, \u03c3\u03c4\u03b7\u03bd \u03c0\u03bb\u03bf\u03ae\u03b3\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9\n                            \u03c3\u03c4\u03b7 \u03c3\u03c5\u03bd\u03bf\u03bb\u03b9\u03ba\u03ae \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"mcvis-principle\">\n\n                        <h2>\n                            \u039b\u03cd\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b1 \u03bc\u03ad\u03c4\u03c1\u03b1 \u03c4\u03bf\u03c5 project\n                        <\/h2>\n\n                        <p>\n                            \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 custom \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2\n                            \u03b3\u03cd\u03c1\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc workflow \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2\n                            \u03ba\u03ac\u03b8\u03b5 \u03ad\u03c1\u03b3\u03bf\u03c5.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"mcvis-principle\">\n\n                        <h2>\n                            \u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03bf\u03c5\u03c3\u03af\u03b1\n                        <\/h2>\n\n                        <p>\n                            \u0391\u03c0\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03b5\u03c0\u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03b1\u03bd\u03cc\u03bc\u03b5\u03bd\u03b5\u03c2 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b5\u03c2,\n                            \u03bc\u03b5\u03b9\u03ce\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c4\u03c4\u03ac \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03bf\u03cd\u03bc\u03b5 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1\n                            \u03c0\u03bf\u03c5 \u03b5\u03be\u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03bf\u03cd\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"mcvis-principle\">\n\n                        <h2>\n                            \u0395\u03be\u03ad\u03bb\u03b9\u03be\u03b7 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7\n                        <\/h2>\n\n                        <p>\n                            \u0388\u03bd\u03b1 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd \u03b4\u03b5\u03bd \u03c4\u03b5\u03bb\u03b5\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ce\u03c4\u03b7 \u03ad\u03ba\u03b4\u03bf\u03c3\u03b7.\n                            \u0392\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03b5\u03c4\u03b1\u03b9, \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b5\u03bb\u03af\u03c3\u03c3\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b1\u03b6\u03af\n                            \u03bc\u03b5 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c4\u03c9\u03bd \u03c7\u03c1\u03b7\u03c3\u03c4\u03ce\u03bd \u03c4\u03bf\u03c5.\n                        <\/p>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/section>\n\n\n            <!-- HERO -->\n\n            <section class=\"mcvis-hero\">\n\n                <span class=\"mcvis-welcome\">\n                    WELCOME TO MCVIS\n                <\/span>\n\n                <h2>\n                    \u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03cc\u03bc\u03b5\u03c2 \u039b\u03cd\u03c3\u03b5\u03b9\u03c2\n                    <span class=\"mcvis-highlight\">\n                        \u039b\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03bf\u03cd &amp; Web Development\n                    <\/span>\n                <\/h2>\n\n                <p>\n                    \u03a3\u03c4\u03b7\u03bd MCVIS \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2,\n                    \u03bc\u03bf\u03bd\u03c4\u03ad\u03c1\u03bd\u03b5\u03c2 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2\n                    \u03c0\u03bf\u03c5 \u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03bf\u03c5\u03bd \u03ba\u03ac\u03b8\u03b5 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ae \u03c3\u03b1\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7.\n                <\/p>\n\n            <\/section>\n\n\n            <!-- =================================================\n                 \u03a5\u03a0\u0397\u03a1\u0395\u03a3\u0399\u0395\u03a3\n                 ================================================= -->\n\n            <section class=\"mcvis-services\"\n                     aria-labelledby=\"mcvis-services-heading\">\n\n                <div class=\"mcvis-services-title\">\n\n                    <h2 id=\"mcvis-services-heading\">\n                        Desktop \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2, Mobile Apps &amp; \u0399\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2\n                    <\/h2>\n\n                    <p>\n                        \u03a3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b5\u03c2 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ad\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b5\u03c5\u03c7\u03c1\u03b7\u03c3\u03c4\u03af\u03b1,\n                        \u03c4\u03b7\u03bd \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1, \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03b2\u03b1\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"mcvis-service-grid\">\n\n\n                    <!-- DESKTOP APPLICATIONS -->\n\n                    <article class=\"mcvis-service-card\">\n\n                        <img decoding=\"async\"\n                            class=\"mcvis-service-image\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1758876021772-2684360dfc97?auto=format&#038;fit=crop&#038;w=1200&#038;q=85\"\n                            alt=\"\u0393\u03c5\u03bd\u03b1\u03af\u03ba\u03b1 \u03c0\u03bf\u03c5 \u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03c6\u03bf\u03c1\u03b7\u03c4\u03cc \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b1\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 desktop \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd\"\n                            loading=\"lazy\">\n\n                        <div class=\"mcvis-service-content\">\n\n                            <h3>\n                                Desktop \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2\n                            <\/h3>\n\n                            <p>\n                                \u03a3\u03c7\u03b5\u03b4\u03af\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 custom \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd\n                                \u03b3\u03b9\u03b1 Windows \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1,\n                                \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03b2\u03b1\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1, \u03c4\u03b7\u03bd \u03b5\u03c5\u03c7\u03c1\u03b7\u03c3\u03c4\u03af\u03b1\n                                \u03ba\u03b1\u03b9 \u03c4\u03bf\u03bd \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- MOBILE APPLICATIONS -->\n\n                    <article class=\"mcvis-service-card\">\n\n                        <img decoding=\"async\"\n                            class=\"mcvis-service-image\"\n                            src=\"https:\/\/images.pexels.com\/photos\/8837747\/pexels-photo-8837747.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                            alt=\"\u0393\u03c5\u03bd\u03b1\u03af\u03ba\u03b1 \u03c0\u03bf\u03c5 \u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 tablet \u03ba\u03b1\u03b9 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af \u03ba\u03b9\u03bd\u03b7\u03c4\u03cc \u03c4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf \u03b3\u03b9\u03b1 \u03c0\u03c1\u03cc\u03c3\u03b2\u03b1\u03c3\u03b7 \u03c3\u03c4\u03bf \u03b4\u03b9\u03b1\u03b4\u03af\u03ba\u03c4\u03c5\u03bf\"\n                            loading=\"lazy\">\n\n                        <div class=\"mcvis-service-content\">\n\n                            <h3>\n                                \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b9\u03b1 \u039a\u03b9\u03bd\u03b7\u03c4\u03ac\n                            <\/h3>\n\n                            <p>\n                                \u03a5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03b3\u03b9\u03b1 Android \u03ba\u03b1\u03b9 iPhone,\n                                \u03bc\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc UI, \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b5\u03c2 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2\n                                \u03ba\u03b1\u03b9 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2\n                                \u03c3\u03b5 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac \u03c4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03b1 \u03ba\u03b1\u03b9 tablets.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- WEB DEVELOPMENT -->\n\n                    <article class=\"mcvis-service-card\">\n\n                        <img decoding=\"async\"\n                            class=\"mcvis-service-image\"\n                            src=\"https:\/\/images.unsplash.com\/photo-1585554408207-2ab9902d6416?auto=format&#038;fit=crop&#038;w=1200&#038;q=85\"\n                            alt=\"\u0393\u03c5\u03bd\u03b1\u03af\u03ba\u03b1 \u03c0\u03bf\u03c5 \u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae \u03ba\u03b1\u03b9 \u03c0\u03b5\u03c1\u03b9\u03b7\u03b3\u03b5\u03af\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf \u03b4\u03b9\u03b1\u03b4\u03af\u03ba\u03c4\u03c5\u03bf\"\n                            loading=\"lazy\">\n\n                        <div class=\"mcvis-service-content\">\n\n                            <h3>\n                                \u0399\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2 &amp; Web Platforms\n                            <\/h3>\n\n                            <p>\n                                \u039a\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae responsive \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd,\n                                \u03b5\u03c4\u03b1\u03b9\u03c1\u03b9\u03ba\u03ce\u03bd sites, portals \u03ba\u03b1\u03b9 web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd\n                                \u03bc\u03b5 \u03c5\u03c8\u03b7\u03bb\u03ae \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03b9\u03ba\u03ae, \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1,\n                                \u03c0\u03c1\u03bf\u03c3\u03b2\u03b1\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c5\u03c8\u03b7\u03bb\u03ae \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/article>\n\n\n                <\/div>\n\n            <\/section>\n\n        <\/main>\n\n\n        <!-- =================================================\n             DOWNLOADS\n             ================================================= -->\n\n        <section id=\"mcvis-downloads\"\n                 class=\"mcvis-view mcvis-inner-page\"\n                 aria-labelledby=\"mcvis-downloads-title\">\n\n            <div class=\"mcvis-page-heading\">\n\n                <h1 id=\"mcvis-downloads-title\" tabindex=\"-1\">\n                    \u039a\u03ad\u03bd\u03c4\u03c1\u03bf \u039b\u03ae\u03c8\u03b5\u03c9\u03bd\n                <\/h1>\n\n                <p>\n                    \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2, \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9\u03b1, \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b5\u03c2\n                    \u03bb\u03ae\u03c8\u03b5\u03b9\u03c2 \u03c4\u03b7\u03c2 MCVIS.\n                <\/p>\n\n            <\/div>\n\n\n            <div id=\"mcvis-post-list\"\n                 aria-live=\"polite\">\n\n                <p class=\"mcvis-loading\">\n                    \u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03c9\u03bd \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03ba\u03b1\u03b9 \u03ac\u03c1\u03b8\u03c1\u03c9\u03bd&#8230;\n                <\/p>\n\n            <\/div>\n\n        <\/section>\n\n\n        <!-- =================================================\n             \u0395\u03a0\u0399\u039a\u039f\u0399\u039d\u03a9\u039d\u0399\u0391\n             ================================================= -->\n\n        <section id=\"mcvis-contact\"\n                 class=\"mcvis-view mcvis-inner-page\"\n                 aria-labelledby=\"mcvis-contact-title\">\n\n            <div class=\"mcvis-page-heading\">\n\n                <h1 id=\"mcvis-contact-title\" tabindex=\"-1\">\n                    \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\n                <\/h1>\n\n                <p id=\"mcvis-contact-description\">\n                    \u0388\u03c7\u03b5\u03c4\u03b5 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b1 \u03ae \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ae \u03bb\u03cd\u03c3\u03b7;\n                    \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"mcvis-contact-box\">\n\n\n                <!-- \u039a\u039f\u03a5\u039c\u03a0\u0399 \u03a4\u0397\u039b\u0395\u03a6\u03a9\u039d\u039f\u03a5 -->\n\n                <a\n                    href=\"tel:+306983743607\"\n                    class=\"mcvis-call-button\"\n                    aria-label=\"\u039a\u03b1\u03bb\u03ad\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd MCVIS \u03c3\u03c4\u03bf 6983743607\">\n\n                    \u260e \u039a\u03b1\u03bb\u03ad\u03c3\u03c4\u03b5 \u03bc\u03b1\u03c2 \u03c3\u03c4\u03bf 6983743607\n\n                <\/a>\n\n\n                <!-- \u03a6\u039f\u03a1\u039c\u0391 -->\n\n                <form\n                    id=\"mcvis-email-form\"\n                    action=\"mailto:info@mcvis.eu\"\n                    method=\"post\"\n                    enctype=\"text\/plain\">\n\n\n                    <div class=\"mcvis-form-group\">\n\n                        <label for=\"mcvis-recipient\">\n                            \u03a0\u03c1\u03bf\u03c2 (\u03a0\u03b1\u03c1\u03b1\u03bb\u03ae\u03c0\u03c4\u03b7\u03c2)\n                        <\/label>\n\n                        <input\n                            id=\"mcvis-recipient\"\n                            type=\"email\"\n                            value=\"info@mcvis.eu\"\n                            readonly\n                            aria-readonly=\"true\">\n\n                    <\/div>\n\n\n                    <div class=\"mcvis-form-group\">\n\n                        <label for=\"mcvis-email-subject\">\n                            \u0398\u03ad\u03bc\u03b1\n                        <\/label>\n\n                        <input\n                            id=\"mcvis-email-subject\"\n                            name=\"\u0398\u03ad\u03bc\u03b1\"\n                            type=\"text\"\n                            required\n                            placeholder=\"\u0393\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c4\u03bf \u03b8\u03ad\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2...\">\n\n                    <\/div>\n\n\n                    <div class=\"mcvis-form-group\">\n\n                        <label for=\"mcvis-email-message\">\n                            \u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u039c\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2\n                        <\/label>\n\n                        <textarea\n                            id=\"mcvis-email-message\"\n                            name=\"\u039c\u03ae\u03bd\u03c5\u03bc\u03b1\"\n                            rows=\"7\"\n                            required\n                            placeholder=\"\u0393\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03ac \u03c3\u03b1\u03c2...\"><\/textarea>\n\n                    <\/div>\n\n\n                    <div class=\"mcvis-form-group\">\n\n                        <label for=\"mcvis-attachment\">\n                            \u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03a3\u03c5\u03bd\u03b7\u03bc\u03bc\u03ad\u03bd\u03bf\u03c5 \u0391\u03c1\u03c7\u03b5\u03af\u03bf\u03c5\n                        <\/label>\n\n                        <input\n                            id=\"mcvis-attachment\"\n                            type=\"file\">\n\n                    <\/div>\n\n\n                    <button\n                        type=\"submit\"\n                        class=\"mcvis-submit\">\n\n                        \u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae Email \u03c3\u03c4\u03bf info@mcvis.eu\n\n                    <\/button>\n\n                <\/form>\n\n            <\/div>\n\n        <\/section>\n\n    <\/div>\n\n<\/div>\n\n\n<script>\n(function () {\n\n    \/* =====================================================\n       \u03a0\u039b\u039f\u0397\u0393\u0397\u03a3\u0397\n       ===================================================== *\/\n\n    function showMcvisView(view) {\n\n        var allViews =\n            document.querySelectorAll(\n                '#mcvis-site .mcvis-view'\n            );\n\n        allViews.forEach(function(section) {\n            section.classList.remove(\n                'mcvis-active'\n            );\n        });\n\n\n        var home =\n            document.getElementById(\n                'mcvis-home'\n            );\n\n        var downloads =\n            document.getElementById(\n                'mcvis-downloads'\n            );\n\n        var contact =\n            document.getElementById(\n                'mcvis-contact'\n            );\n\n        var contactTitle =\n            document.getElementById(\n                'mcvis-contact-title'\n            );\n\n        var contactDescription =\n            document.getElementById(\n                'mcvis-contact-description'\n            );\n\n        var subject =\n            document.getElementById(\n                'mcvis-email-subject'\n            );\n\n\n        if (view === 'downloads') {\n\n            downloads.classList.add(\n                'mcvis-active'\n            );\n\n            loadMcvisPosts();\n\n            setTimeout(function () {\n\n                document\n                    .getElementById(\n                        'mcvis-downloads-title'\n                    )\n                    .focus();\n\n            }, 100);\n\n        }\n\n        else if (view === 'contact') {\n\n            contact.classList.add(\n                'mcvis-active'\n            );\n\n            contactTitle.textContent =\n                '\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1';\n\n            contactDescription.textContent =\n                '\u0388\u03c7\u03b5\u03c4\u03b5 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b1 \u03ae \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ae \u03bb\u03cd\u03c3\u03b7; \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2.';\n\n            subject.value = '';\n\n            setTimeout(function () {\n\n                contactTitle.focus();\n\n            }, 100);\n\n        }\n\n        else if (view === 'quote') {\n\n            contact.classList.add(\n                'mcvis-active'\n            );\n\n            contactTitle.textContent =\n                '\u0396\u03b7\u03c4\u03ae\u03c3\u03c4\u03b5 \u03a0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac';\n\n            contactDescription.textContent =\n                '\u03a0\u03b5\u03c1\u03b9\u03b3\u03c1\u03ac\u03c8\u03c4\u03b5 \u03bc\u03b1\u03c2 \u03c4\u03b7\u03bd \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae, \u03c4\u03b7\u03bd \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03ae \u03c4\u03b7\u03bd \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ae \u03bb\u03cd\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03ba\u03b1\u03b9 \u03b8\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b1\u03b6\u03af \u03c3\u03b1\u03c2.';\n\n            subject.value =\n                '\u0391\u03af\u03c4\u03b7\u03bc\u03b1 \u03a0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac\u03c2';\n\n            setTimeout(function () {\n\n                contactTitle.focus();\n\n            }, 100);\n\n        }\n\n        else {\n\n            home.classList.add(\n                'mcvis-active'\n            );\n\n        }\n\n    }\n\n\n    function mcvisRoute() {\n\n        var hash =\n            window.location.hash\n                .replace('#', '')\n                .toLowerCase();\n\n\n        if (hash === 'downloads') {\n\n            showMcvisView(\n                'downloads'\n            );\n\n        }\n\n        else if (hash === 'contact') {\n\n            showMcvisView(\n                'contact'\n            );\n\n        }\n\n        else if (hash === 'quote') {\n\n            showMcvisView(\n                'quote'\n            );\n\n        }\n\n        else {\n\n            showMcvisView(\n                'home'\n            );\n\n        }\n\n    }\n\n\n    window.addEventListener(\n        'hashchange',\n        mcvisRoute\n    );\n\n\n    \/* =====================================================\n       \u0391\u03a5\u03a4\u039f\u039c\u0391\u03a4\u0397 \u03a6\u039f\u03a1\u03a4\u03a9\u03a3\u0397 \u039f\u039b\u03a9\u039d \u03a4\u03a9\u039d \u0391\u03a1\u0398\u03a1\u03a9\u039d\n       ===================================================== *\/\n\n    var mcvisPostsLoaded = false;\n\n\n    function stripHtml(html) {\n\n        var temp =\n            document.createElement(\n                'div'\n            );\n\n        temp.innerHTML = html;\n\n        return temp.textContent ||\n               temp.innerText ||\n               '';\n\n    }\n\n\n    function formatGreekDate(dateString) {\n\n        try {\n\n            return new Date(\n                dateString\n            )\n            .toLocaleDateString(\n                'el-GR',\n                {\n                    day: 'numeric',\n                    month: 'long',\n                    year: 'numeric'\n                }\n            );\n\n        }\n\n        catch (error) {\n\n            return '';\n\n        }\n\n    }\n\n\n    function loadMcvisPosts() {\n\n        if (mcvisPostsLoaded) {\n            return;\n        }\n\n\n        var list =\n            document.getElementById(\n                'mcvis-post-list'\n            );\n\n\n        fetch(\n            'https:\/\/mcvis.eu\/wp-json\/wp\/v2\/posts?per_page=100&orderby=date&order=desc&_fields=id,link,date,title,excerpt'\n        )\n\n        .then(function(response) {\n\n            if (!response.ok) {\n\n                throw new Error(\n                    '\u0394\u03b5\u03bd \u03ae\u03c4\u03b1\u03bd \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03b7 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7.'\n                );\n\n            }\n\n            return response.json();\n\n        })\n\n        .then(function(posts) {\n\n            mcvisPostsLoaded = true;\n\n            list.innerHTML = '';\n\n\n            if (!posts.length) {\n\n                list.innerHTML =\n                    '<p class=\"mcvis-loading\">' +\n                    '\u0394\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b1 \u03ac\u03c1\u03b8\u03c1\u03b1 \u03b1\u03c5\u03c4\u03ae \u03c4\u03b7 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae.' +\n                    '<\/p>';\n\n                return;\n\n            }\n\n\n            posts.forEach(function(post) {\n\n                var article =\n                    document.createElement(\n                        'article'\n                    );\n\n                article.className =\n                    'mcvis-post-card';\n\n\n                var title =\n                    stripHtml(\n                        post.title.rendered\n                    );\n\n\n                var excerpt =\n                    stripHtml(\n                        post.excerpt.rendered\n                    );\n\n\n                if (excerpt.length > 260) {\n\n                    excerpt =\n                        excerpt.substring(\n                            0,\n                            260\n                        ) + '...';\n\n                }\n\n\n                article.innerHTML =\n\n                    '<h2>' +\n                    title +\n                    '<\/h2>' +\n\n                    '<div class=\"mcvis-post-date\">' +\n                    formatGreekDate(\n                        post.date\n                    ) +\n                    '<\/div>' +\n\n                    '<div class=\"mcvis-post-excerpt\">' +\n                    excerpt +\n                    '<\/div>' +\n\n                    '<a class=\"mcvis-post-link\" href=\"' +\n                    post.link +\n                    '\">' +\n                    '\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03ac\u03c1\u03b8\u03c1\u03bf\u03c5 \/ \u039b\u03ae\u03c8\u03b7' +\n                    '<\/a>';\n\n\n                list.appendChild(\n                    article\n                );\n\n            });\n\n        })\n\n        .catch(function(error) {\n\n            list.innerHTML =\n                '<p class=\"mcvis-loading\">' +\n                '\u0394\u03b5\u03bd \u03ae\u03c4\u03b1\u03bd \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03b7 \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b7 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03c4\u03c9\u03bd \u03ac\u03c1\u03b8\u03c1\u03c9\u03bd. ' +\n                '\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03c4\u03b5 \u03be\u03b1\u03bd\u03ac \u03b1\u03c1\u03b3\u03cc\u03c4\u03b5\u03c1\u03b1.' +\n                '<\/p>';\n\n        });\n\n    }\n\n\n    \/* =====================================================\n       \u0395\u039d\u0391\u03a1\u039e\u0397\n       ===================================================== *\/\n\n    mcvisRoute();\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>MCVIS \u0391\u03c1\u03c7\u03b9\u03ba\u03ae \u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b5\u03bc\u03ac\u03c2 Downloads \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1 \u0396\u03b7\u03c4\u03ae\u03c3\u03c4\u03b5 \u03a0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2 \u0397 \u03c6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 \u03c4\u03b7\u03c2 MCVIS \u0397 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf\u03bd \u03ac\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf \u2014 \u03cc\u03c7\u03b9 \u03bf \u03ac\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1. \u0397 MCVIS \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03cc, \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac \u03ba\u03b1\u03b9 \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b5\u03c2 web \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ad\u03bd\u03b1\u03bd \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03bf \u03c3\u03c4\u03cc\u03c7\u03bf: \u03bd\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c3\u03b5 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ac \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03c0\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ac, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mcvis.eu\/index.php?rest_route=\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcvis.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mcvis.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mcvis.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mcvis.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=68"}],"version-history":[{"count":1,"href":"https:\/\/mcvis.eu\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/mcvis.eu\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/mcvis.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}