{"id":22341,"date":"2024-10-23T16:43:53","date_gmt":"2024-10-23T14:43:53","guid":{"rendered":"https:\/\/www.hellenicvibes.gr\/hvadmin\/?page_id=22341"},"modified":"2026-07-15T11:48:32","modified_gmt":"2026-07-15T09:48:32","slug":"rooms-and-suites","status":"publish","type":"page","link":"https:\/\/www.hellenicvibes.gr\/el\/rooms-and-suites\/","title":{"rendered":"\u0394\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1 &amp; \u03a3\u03bf\u03c5\u03af\u03c4\u03b5\u03c2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22341\" class=\"elementor elementor-22341\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bcfd85 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"9bcfd85\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-13c9128 e-con-full e-flex e-con e-child\" data-id=\"13c9128\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1b2074 elementor-widget elementor-widget-heading\" data-id=\"b1b2074\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Stay at our luxury smart rooms<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d49e01e kratisi-mobile-button elementor-hidden-desktop elementor-hidden-laptop elementor-widget elementor-widget-button\" data-id=\"d49e01e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">PLAN YOUR RESERVATION<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3d55b9 e-flex e-con-boxed e-con e-parent\" data-id=\"e3d55b9\" 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-eab0339 kratisi-mobile-button elementor-hidden-desktop elementor-hidden-laptop elementor-tablet-align-center elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"eab0339\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">PLAN YOUR RESERVATION<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cef107 elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"2cef107\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Stay at our luxury smart rooms<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a32d614 elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"a32d614\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"form-wrapper\" class=\"mobile-hidden visible\">\r\n  <form action=\"https:\/\/hellenicvibes.reserve-online.net\/\" method=\"post\" class=\"form-container\">\r\n    <input type=\"hidden\" name=\"lang\" value=\"en_GB\">\r\n\r\n    <div class=\"form-group\">\r\n      <label for=\"checkin-picker\" class=\"label-container\">\r\n        <span class=\"checkin-text\">Arrival<\/span>\r\n        <span class=\"icon checkin-icon\" aria-hidden=\"true\">\r\n          <span class=\"fas fa-calendar-alt\"><\/span>\r\n        <\/span>\r\n      <\/label>\r\n      <input type=\"text\" id=\"checkin-picker\" name=\"checkin\" placeholder=\"dd mmm yyyy\" class=\"hidden-input\" required>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label for=\"checkout-picker\" class=\"label-container\">\r\n        <span class=\"checkout-text\">Departure<\/span>\r\n        <span class=\"icon checkout-icon\" aria-hidden=\"true\">\r\n          <span class=\"fas fa-calendar-alt\"><\/span>\r\n        <\/span>\r\n      <\/label>\r\n      <input type=\"text\" id=\"checkout-picker\" name=\"checkout\" placeholder=\"dd mmm yyyy\" class=\"hidden-input\" required>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label for=\"adults\">Adults<\/label>\r\n      <select id=\"adults\" name=\"adults\" required>\r\n        <option value=\"\" disabled selected>1 Adult<\/option>\r\n        <option value=\"1\">1 Adult<\/option>\r\n        <option value=\"2\">2 Adults<\/option>\r\n        <option value=\"3\">3 Adults<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label for=\"children\">Child (0 - 3)<\/label>\r\n      <select id=\"children\" name=\"children\" required>\r\n        <option value=\"\" disabled selected>Child (0 - 3)<\/option>\r\n        <option value=\"0\">0 Children<\/option>\r\n        <option value=\"1\">1 Children<\/option>\r\n        <option value=\"2\">2 Children<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label for=\"children-older\">Child (4 - 11)<\/label>\r\n      <select id=\"children-older\" name=\"children-older\" required>\r\n        <option value=\"\" disabled selected>Child (4 - 11)<\/option>\r\n        <option value=\"0\">0 Children<\/option>\r\n        <option value=\"1\">1 Children<\/option>\r\n        <option value=\"2\">2 Children<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label for=\"rooms\">Rooms\/Suites<\/label>\r\n      <select id=\"rooms\" name=\"rooms\" required>\r\n        <option value=\"\" disabled selected>Rooms\/Suites<\/option>\r\n        <option value=\"1\">1<\/option>\r\n        <option value=\"2\">2<\/option>\r\n        <option value=\"3\">3<\/option>\r\n        <option value=\"4\">4<\/option>\r\n        <option value=\"5\">5<\/option>\r\n        <option value=\"6\">6<\/option>\r\n        <option value=\"7\">7<\/option>\r\n        <option value=\"8\">8<\/option>\r\n        <option value=\"9\">9<\/option>\r\n        <option value=\"10\">10<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <button type=\"submit\" class=\"search-button\">Search<\/button>\r\n  <\/form>\r\n<\/div>\r\n\r\n<style>\r\n  #form-wrapper {\r\n    display: none;\r\n  }\r\n\r\n  #form-wrapper.visible {\r\n    display: block;\r\n  }\r\n\r\n  .form-container,\r\n  .form-group,\r\n  .form-group label,\r\n  .form-group select,\r\n  .form-group input,\r\n  .search-button {\r\n    font-size: 1rem; \r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const toggleButton = document.querySelector(\".kratisi-mobile-button\");\r\n    const formWrapper = document.querySelector(\"#form-wrapper\");\r\n\r\n    let formVisible = false;\r\n\r\n    if (toggleButton && formWrapper) {\r\n      const toggleForm = () => {\r\n        formVisible = !formVisible;\r\n        formWrapper.classList.toggle(\"visible\", formVisible);\r\n      };\r\n\r\n      toggleButton.addEventListener(\"click\", toggleForm);\r\n\r\n      const resetForScreenSize = () => {\r\n        if (window.innerWidth > 1224) {\r\n          formWrapper.classList.add(\"visible\");\r\n          formVisible = true;\r\n        } else {\r\n          if (!formVisible) {\r\n            formWrapper.classList.remove(\"visible\");\r\n          }\r\n        }\r\n      };\r\n\r\n      resetForScreenSize();\r\n      window.addEventListener(\"resize\", resetForScreenSize);\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc61f04 e-flex e-con-boxed e-con e-child\" data-id=\"bc61f04\" 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-afed25a elementor-widget elementor-widget-heading\" data-id=\"afed25a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rooms<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f12fd2 elementor-widget elementor-widget-html\" data-id=\"8f12fd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div class=\"unique-room\">\r\n\r\n    <!-- Room 2 -->\r\n    <div class=\"unique-room-container\">\r\n        <div class=\"unique-room-slider\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/11\/DSA80220-4-2.webp\" alt=\"Ethereal Superior Double Room\">\r\n        <\/div>\r\n        <div class=\"unique-room-title\">Ethereal Superior Double Room<\/div>\r\n        <div class=\"unique-room-overlay\">\r\n            <div class=\"unique-room-paragraph\">\r\n                The Superior Smart Room is an elegant and spacious room with a warm atmosphere and luxurious furnishings.\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"unique-room-buttons\">\r\n            <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=ETHERE\" class=\"unique-room-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\r\n            <a href=\"#\" class=\"unique-room-button gallery-button\">GALLERY<\/a>\r\n        <\/div>\r\n        <div class=\"unique-room-size\">24 m\u00b2 \/ 2 guests<\/div>\r\n\r\n        <!-- Lightbox -->\r\n        <div class=\"lightbox\" style=\"display: none;\">\r\n            <div class=\"lightbox-content\">\r\n                <span class=\"lightbox-close\">&times;<\/span>\r\n                <div class=\"lightbox-slider\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-1-scaled.webp\" alt=\"Room Image 1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-2-scaled.webp\" alt=\"Room Image 2\">\r\n                      <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-3-scaled.webp\" alt=\"Room Image 1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-scaled.webp\" alt=\"Room Image 2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room4--scaled.webp\" alt=\"Room Image 2\">\r\n                <\/div>\r\n                <button class=\"lightbox-prev\">&#10094;<\/button>\r\n                <button class=\"lightbox-next\">&#10095;<\/button>\r\n                <p class=\"lightbox-description\">The Ethereal Superior Double Room provides luxurious furnishings and a warm, inviting atmosphere.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n \r\n    \r\n       <div class=\"unique-room-container\">\r\n        <div class=\"unique-room-slider\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2023\/04\/echo-single-room-3.webp\" alt=\"Breeze Classic Double Room\">\r\n        <\/div>\r\n        <div class=\"unique-room-title\">Breeze Classic Double Room<\/div>\r\n        <div class=\"unique-room-overlay\">\r\n            <div class=\"unique-room-paragraph\">\r\n                The Classic Smart Room is characterized by contemporary style and luxury, inviting guests to relax in its warm and alluring ambiance.\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"unique-room-buttons\">\r\n            <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=BREEZE\" class=\"unique-room-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\r\n            <a href=\"#\" class=\"unique-room-button gallery-button\">GALLERY<\/a>\r\n        <\/div>\r\n        <div class=\"unique-room-size\">20 m\u00b2 \/ 2 guests<\/div>\r\n\r\n        <!-- Lightbox -->\r\n        <div class=\"lightbox\" style=\"display: none;\">\r\n            <div class=\"lightbox-content\">\r\n                <span class=\"lightbox-close\">&times;<\/span>\r\n                <div class=\"lightbox-slider\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-hellenic-vibes-scaled.webp\" alt=\"Room Image 2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hellenic-vibes-hotel-in-athens-scaled.webp\" alt=\"Room Image 3\">\r\n                <\/div>\r\n                <button class=\"lightbox-prev\">&#10094;<\/button>\r\n                <button class=\"lightbox-next\">&#10095;<\/button>\r\n                <p class=\"lightbox-description\">Experience the perfect blend of modern style and luxury in the Breeze Classic Smart Room, in the heart of Athens.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<div class=\"unique-room-container\">\r\n    <div class=\"unique-room-slider\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/11\/L1384287.webp\" alt=\"Solo Single Room smart hotel in Athens\">\r\n    <\/div>\r\n    <div class=\"unique-room-title\">Solo Single Room<\/div>\r\n    <div class=\"unique-room-overlay\">\r\n        <div class=\"unique-room-paragraph\">\r\n            The Solo Single Smart Room is a comfortable room in neutral tones with a modern bathroom design, perfect for business travelers or solo travelers in the heart of Athens.\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"unique-room-buttons\">\r\n        <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=SOLO&amp;checkin=2025-01-11&amp;rooms=1&amp;nights=1&amp;adults=1\" class=\"unique-room-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\r\n        <a href=\"#\" class=\"unique-room-button gallery-button\">GALLERY<\/a>\r\n    <\/div>\r\n    <div class=\"unique-room-size\">18 m\u00b2 \/ 1 guest<\/div>\r\n\r\n    <!-- Lightbox -->\r\n    <div class=\"lightbox\" style=\"display: none;\">\r\n        <div class=\"lightbox-content\">\r\n            <span class=\"lightbox-close\">&times;<\/span>\r\n            <div class=\"lightbox-slider\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/L1384286.webp\" alt=\"Room Image 1\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/L1384281.webp\" alt=\"Room Image 2\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/L1385434.webp\" alt=\"Room Image 3\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/L1385436.webp\" alt=\"Room Image 3\">\r\n            <\/div>\r\n            <button class=\"lightbox-prev\">&#10094;<\/button>\r\n            <button class=\"lightbox-next\">&#10095;<\/button>\r\n            <p class=\"lightbox-description\">Designed for business and solo travelers in Athens.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"unique-room-container\">\r\n    <div class=\"unique-room-slider\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2024\/12\/EXECUTIVE-ACROPOLIS-2-scaled.webp\" alt=\"Acropolis Executive smart hotel in Athens\">\r\n    <\/div>\r\n    <div class=\"unique-room-title\">Acropolis Executive<\/div>\r\n    <div class=\"unique-room-overlay\">\r\n        <div class=\"unique-room-paragraph\">\r\n            A luxurious double room with a private spacious terrace offering breathtaking views of the Acropolis and the surrounding historic area.\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"unique-room-buttons\">\r\n        <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=EXEACR\" class=\"unique-room-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\r\n        <a href=\"#\" class=\"unique-room-button gallery-button\">GALLERY<\/a>\r\n    <\/div>\r\n    <div class=\"unique-room-size\">24 m\u00b2 \/ 2 guests<\/div>\r\n\r\n    <!-- Lightbox -->\r\n    <div class=\"lightbox\" style=\"display: none;\">\r\n        <div class=\"lightbox-content\">\r\n            <span class=\"lightbox-close\">&times;<\/span>\r\n            <div class=\"lightbox-slider\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-acropoli-1-scaled.webp\" alt=\"Room Image 1\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-acropoli-2-scaled.webp\" alt=\"Room Image 2\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-acropoli-3-scaled.webp\" alt=\"Room Image 3\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-acropoli-4-scaled.webp\" alt=\"Room Image 3\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2025\/01\/ACROPOLIS-VIEW-TERRACE.webp\" alt=\"Room Image 3\">\r\n            <\/div>\r\n            <button class=\"lightbox-prev\">&#10094;<\/button>\r\n            <button class=\"lightbox-next\">&#10095;<\/button>\r\n            <p class=\"lightbox-description\">This luxurious double room features a private terrace with panoramic views of the Acropolis and Athens' historic center.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n   <!-- Room 3 -->\r\n    <div class=\"unique-room-container\">\r\n        <div class=\"unique-room-slider\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/11\/echo.webp\" alt=\"Echo Single Room\">\r\n        <\/div>\r\n        <div class=\"unique-room-title\">Echo Single Room<\/div>\r\n        <div class=\"unique-room-overlay\">\r\n            <div class=\"unique-room-paragraph\">\r\n                The single Smart Room is a modern room with a design featuring metal elements and wooden details, ideal for professionals.\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"unique-room-buttons\">\r\n            <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=ECHO&amp;checkin=2025-01-08&amp;rooms=1&amp;nights=1&amp;adults=1\" class=\"unique-room-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\r\n            <a href=\"#\" class=\"unique-room-button gallery-button\">GALLERY<\/a>\r\n        <\/div>\r\n        <div class=\"unique-room-size\">18 m\u00b2 \/ 1 guest<\/div>\r\n\r\n        <!-- Lightbox -->\r\n        <div class=\"lightbox\" style=\"display: none;\">\r\n            <div class=\"lightbox-content\">\r\n                <span class=\"lightbox-close\">&times;<\/span>\r\n                <div class=\"lightbox-slider\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-single-room-3-scaled.webp\" alt=\"Room Image 1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-single-room-2-scaled.webp\" alt=\"Room Image 2\">\r\n                     <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-single-room-4-scaled.webp\" alt=\"Room Image 1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-single-room-scaled.webp\" alt=\"Room Image 2\">\r\n                <\/div>\r\n                <button class=\"lightbox-prev\">&#10094;<\/button>\r\n                <button class=\"lightbox-next\">&#10095;<\/button>\r\n                <p class=\"lightbox-description\">The Echo Single Room features a sleek design, ideal for business travelers.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Room 4 -->\r\n    <div class=\"unique-room-container\">\r\n        <div class=\"unique-room-slider\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/11\/GAIA-3-108.webp\" alt=\"Gaia Accessible Room\">\r\n        <\/div>\r\n        <div class=\"unique-room-title\">Gaia Accessible Room<\/div>\r\n        <div class=\"unique-room-overlay\">\r\n            <div class=\"unique-room-paragraph\">\r\n                The Gaia Amea Smart Room, designed with respect for travelers with special needs, features an accessible room with a wheelchair and an adapted modern bathroom to suit their requirements.\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"unique-room-buttons\">\r\n            <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=GAIA\" class=\"unique-room-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\r\n            <a href=\"#\" class=\"unique-room-button gallery-button\">GALLERY<\/a>\r\n        <\/div>\r\n        <div class=\"unique-room-size\">22 m\u00b2 \/ 2 guests<\/div>\r\n\r\n        <!-- Lightbox -->\r\n        <div class=\"lightbox\" style=\"display: none;\">\r\n            <div class=\"lightbox-content\">\r\n                <span class=\"lightbox-close\">&times;<\/span>\r\n                <div class=\"lightbox-slider\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-accessible-room-1-scaled.webp\" alt=\"Room Image 1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-accessible-room-2-scaled.webp\" alt=\"Room Image 2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-accessible-room-3-scaled.webp\" alt=\"Room Image 2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-accessible-room-4-scaled.webp\" alt=\"Room Image 2\">\r\n                <\/div>\r\n                <button class=\"lightbox-prev\">&#10094;<\/button>\r\n                <button class=\"lightbox-next\">&#10095;<\/button>\r\n                <p class=\"lightbox-description\">Gaia Accessible Room offers a wheelchair and an adapted bathroom, designed for travelers with special needs.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n         <!-- Room 4 -->\r\n    <div class=\"unique-room-container\">\r\n        <div class=\"unique-room-slider\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2025\/02\/DSA80101-scaled.webp\" alt=\"Gaia Accessible Room\">\r\n        <\/div>\r\n        <div class=\"unique-room-title\">Harmony Double Room<\/div>\r\n        <div class=\"unique-room-overlay\">\r\n            <div class=\"unique-room-paragraph\">\r\nOur Harmony Smart Room of 24 sqm is an elegant and spacious room with warm ambience and sumptuous furnishing.\r\n\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"unique-room-buttons\">\r\n            <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=HARMONY\" class=\"unique-room-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\r\n            <a href=\"#\" class=\"unique-room-button gallery-button\">GALLERY<\/a>\r\n        <\/div>\r\n        <div class=\"unique-room-size\">24 m\u00b2 \/ 2 guests<\/div>\r\n\r\n        <!-- Lightbox -->\r\n        <div class=\"lightbox\" style=\"display: none;\">\r\n            <div class=\"lightbox-content\">\r\n                <span class=\"lightbox-close\">&times;<\/span>\r\n                <div class=\"lightbox-slider\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2025\/02\/DSA80132-scaled.webp\" alt=\"Room Image 1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2025\/02\/DSA80224-scaled.webp\" alt=\"Room Image 2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2025\/02\/DSA80253-scaled.webp\" alt=\"Room Image 2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2025\/02\/DSA80384-scaled.webp\" alt=\"Room Image 2\">\r\n                     <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2025\/02\/DSA80390-scaled.webp\" alt=\"Room Image 2\">\r\n                      <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2025\/02\/DSA80412-scaled.webp\" alt=\"Room Image 2\">\r\n                <\/div>\r\n                <button class=\"lightbox-prev\">&#10094;<\/button>\r\n                <button class=\"lightbox-next\">&#10095;<\/button>\r\n                <p class=\"lightbox-description\">Our Harmony Smart Room of 24 sqm is an elegant and spacious room with warm ambience and sumptuous furnishing.\r\n\r\n<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    document.querySelectorAll(\".gallery-button\").forEach(button => {\r\n        button.addEventListener(\"click\", function (e) {\r\n            e.preventDefault();\r\n\r\n            const lightbox = this.closest(\".unique-room-container\").querySelector(\".lightbox\");\r\n            if (!lightbox) return console.error(\"Lightbox not found.\");\r\n\r\n            const slides = lightbox.querySelectorAll(\".lightbox-slider img\");\r\n            const lightboxContent = lightbox.querySelector(\".lightbox-content\");\r\n            const lightboxDescription = lightbox.querySelector(\".lightbox-description\");\r\n\r\n            let currentSlide = 0;\r\n\r\n            \/\/ Lock scrolling\r\n            const scrollPosition = window.scrollY;\r\n            document.documentElement.style.overflow = \"hidden\"; \/\/ Lock scroll on html\r\n            document.documentElement.style.height = \"100%\"; \/\/ Ensure full height\r\n\r\n            \/\/ Store the scroll position\r\n            document.documentElement.dataset.scrollPosition = scrollPosition;\r\n\r\n            \/\/ Dynamically adjust z-index to ensure the lightbox is on top\r\n            lightbox.style.zIndex = \"99999\"; \/\/ Extremely high z-index for lightbox\r\n            lightboxContent.style.zIndex = \"100000\"; \/\/ Lightbox content above all\r\n            lightbox.querySelector(\".lightbox-prev\").style.zIndex = \"100001\"; \/\/ Prev button above content\r\n            lightbox.querySelector(\".lightbox-next\").style.zIndex = \"100002\"; \/\/ Next button above content\r\n            lightbox.querySelector(\".lightbox-close\").style.zIndex = \"100003\"; \/\/ Close button above content\r\n\r\n            \/\/ Show the slide\r\n            const showSlide = (index) => {\r\n                slides.forEach(slide => {\r\n                    slide.style.display = \"none\";\r\n                    slide.style.opacity = \"0\";\r\n                });\r\n\r\n                const currentImage = slides[index];\r\n\r\n                \/\/ Force reload the image to ensure onload triggers\r\n                const src = currentImage.src;\r\n                currentImage.src = \"\";  \/\/ Reset the src\r\n                currentImage.src = src; \/\/ Force reload\r\n\r\n                currentImage.style.display = \"block\";\r\n\r\n                currentImage.onload = () => {\r\n                    resizeLightbox(currentImage, lightboxContent);\r\n\r\n                    setTimeout(() => {\r\n                        currentImage.style.transition = \"opacity 0.5s ease-in-out\";\r\n                        currentImage.style.opacity = \"1\";\r\n                    }, 50);\r\n                };\r\n\r\n                \/\/ Fade-in description\r\n                lightboxDescription.style.opacity = \"0\";\r\n                setTimeout(() => {\r\n                    lightboxDescription.style.opacity = \"1\";\r\n                }, 300);\r\n\r\n                \/\/ Update the visibility of arrows based on current slide\r\n                updateArrows(index);\r\n            };\r\n\r\n            const updateArrows = (index) => {\r\n                const prevArrow = lightbox.querySelector(\".lightbox-prev\");\r\n                const nextArrow = lightbox.querySelector(\".lightbox-next\");\r\n\r\n                if (index === 0) {\r\n                    prevArrow.style.visibility = \"hidden\"; \/\/ Make left arrow invisible but keep space\r\n                } else {\r\n                    prevArrow.style.visibility = \"visible\"; \/\/ Show left arrow\r\n                }\r\n\r\n                if (index === slides.length - 1) {\r\n                    nextArrow.style.visibility = \"hidden\"; \/\/ Make right arrow invisible but keep space\r\n                } else {\r\n                    nextArrow.style.visibility = \"visible\"; \/\/ Show right arrow\r\n                }\r\n            };\r\n\r\n            const resizeLightbox = (image, content) => {\r\n                const aspectRatio = image.naturalWidth \/ image.naturalHeight;\r\n\r\n                \/\/ Resize for tall\/narrow images\r\n                if (window.innerWidth <= 768) {\r\n                    content.style.maxWidth = \"100%\"; \/\/ Fullscreen on mobile\r\n                    content.style.maxHeight = \"100%\";\r\n                } else {\r\n                    if (aspectRatio <= 0.7 || image.naturalHeight > image.naturalWidth) {\r\n                        content.style.maxWidth = \"20%\";\r\n                    } else {\r\n                        content.style.maxWidth = \"30%\";\r\n                    }\r\n                }\r\n            };\r\n\r\n            \/\/ Initialize lightbox\r\n            lightbox.style.display = \"flex\";\r\n            showSlide(currentSlide);\r\n\r\n            lightbox.querySelector(\".lightbox-next\").addEventListener(\"click\", () => {\r\n                if (currentSlide < slides.length - 1) { \/\/ Check if not at the last slide\r\n                    currentSlide += 1;\r\n                    showSlide(currentSlide);\r\n                }\r\n            });\r\n\r\n            lightbox.querySelector(\".lightbox-prev\").addEventListener(\"click\", () => {\r\n                if (currentSlide > 0) { \/\/ Check if not at the first slide\r\n                    currentSlide -= 1;\r\n                    showSlide(currentSlide);\r\n                }\r\n            });\r\n\r\n            \/\/ Close button\r\n            lightbox.querySelector(\".lightbox-close\").addEventListener(\"click\", () => {\r\n                lightbox.style.display = \"none\";\r\n\r\n                \/\/ Re-enable scrolling and restore scroll position\r\n                document.documentElement.style.overflow = \"\"; \/\/ Remove lock on html\r\n                document.documentElement.style.height = \"\"; \/\/ Remove height lock\r\n\r\n                const scrollPosition = document.documentElement.dataset.scrollPosition || 0;\r\n                window.scrollTo(0, scrollPosition); \/\/ Restore the scroll position\r\n\r\n                lightboxContent.style.maxWidth = \"30%\"; \/\/ Reset lightbox size\r\n\r\n                \/\/ Reset the z-index when closing the lightbox\r\n                lightbox.style.zIndex = \"\";\r\n                lightboxContent.style.zIndex = \"\";\r\n                lightbox.querySelector(\".lightbox-prev\").style.zIndex = \"\";\r\n                lightbox.querySelector(\".lightbox-next\").style.zIndex = \"\";\r\n                lightbox.querySelector(\".lightbox-close\").style.zIndex = \"\";\r\n            });\r\n\r\n            \/\/ Close on clicking outside\r\n            lightbox.addEventListener(\"click\", (e) => {\r\n                if (e.target === lightbox) {\r\n                    lightbox.style.display = \"none\";\r\n\r\n                    \/\/ Re-enable scrolling and restore scroll position\r\n                    document.documentElement.style.overflow = \"\"; \/\/ Remove lock on html\r\n                    document.documentElement.style.height = \"\"; \/\/ Remove height lock\r\n\r\n                    const scrollPosition = document.documentElement.dataset.scrollPosition || 0;\r\n                    window.scrollTo(0, scrollPosition); \/\/ Restore the scroll position\r\n\r\n                    lightboxContent.style.maxWidth = \"30%\"; \/\/ Reset lightbox size\r\n\r\n                    \/\/ Reset the z-index when closing the lightbox\r\n                    lightbox.style.zIndex = \"\";\r\n                    lightboxContent.style.zIndex = \"\";\r\n                    lightbox.querySelector(\".lightbox-prev\").style.zIndex = \"\";\r\n                    lightbox.querySelector(\".lightbox-next\").style.zIndex = \"\";\r\n                    lightbox.querySelector(\".lightbox-close\").style.zIndex = \"\";\r\n                }\r\n            });\r\n        });\r\n    });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63d6248 room-suites-heading elementor-widget elementor-widget-heading\" data-id=\"63d6248\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Suites<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f49b630 elementor-widget elementor-widget-html\" data-id=\"f49b630\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"custom-suite\">\n    <!-- Suite 1 -->\n    <div class=\"custom-suite-container\">\n        <div class=\"custom-suite-slider\">\n            <div class=\"custom-suite-slide\">\n                <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2023\/04\/hellenic-vibes-suite-1.webp\" \n                     alt=\"Hellenic Vibes Suite\" \n                     width=\"1920\" \n                     height=\"1280\">\n                <div class=\"custom-suite-overlay\">\n                    <div class=\"custom-suite-title\">Hellenic Vibes Suite<\/div>\n                    <div class=\"custom-suite-details\">\n                        The Hellenic Vibes Suite, with its strong contemporary design, is furnished in an eclectic style. The private terrace on the fourth floor offers a view of the city of Athens and the historic Ermou Street, named after Hermes, the God of Commerce.\n                    <\/div>\n                    <div class=\"custom-suite-buttons\">\n                        <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=VIBES\" class=\"custom-suite-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\n                        <a href=\"#\" class=\"custom-suite-button gallery-button\" data-suite=\"suite1\">GALLERY<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"unique-room-size\">40 m\u00b2 \/ 2 guests<\/div>\n    <\/div>\n\n    <!-- Lightbox for Suite 1 -->\n    <div class=\"new-lightbox\" id=\"suite1\" style=\"display: none;\">\n        <div class=\"new-lightbox-content\">\n            <span class=\"new-lightbox-close\">&times;<\/span>\n            <div class=\"new-lightbox-slider\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hellenic-vibes-hotel-in-athens-2-scaled.webp\" alt=\"Suite Image 1\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/HELLENIC-VIBES-SUITE-3-scaled.webp\" alt=\"Suite Image 2\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/HELLENIC-VIBES-SUITE-2-scaled.webp\" alt=\"Suite Image 3\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hellenic-vibes-hotel-in-athens-4-scaled.webp\" alt=\"Suite Image 3\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hellenic-vibes-hotel-in-athens-3-scaled.webp\" alt=\"Suite Image 3\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hellenic-vibes-hotel-in-athens-1-scaled.webp\" alt=\"Suite Image 3\">\n            <\/div>\n            <button class=\"new-lightbox-prev\">&#10094;<\/button>\n            <button class=\"new-lightbox-next\">&#10095;<\/button>\n            <p class=\"new-lightbox-description\">This suite combines eclectic decor with a private terrace, offering views of Athens and the historic Ermou Street.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Suite 2 -->\n    <div class=\"custom-suite-container\">\n        <div class=\"custom-suite-slider\">\n            <div class=\"custom-suite-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/11\/L1384287-1.webp\" \n                     alt=\"Acropolis View Suite\" \n                     width=\"1920\" \n                     height=\"1280\">\n                <div class=\"custom-suite-overlay\">\n                    <div class=\"custom-suite-title\">Acropolis View Suite<\/div>\n                    <div class=\"custom-suite-details\">\n                        The 'Acropolis View' Suite combines smart technology with Greek tradition. It is a luxurious and spacious suite with a modern interior design. The private terrace offers views of the Acropolis, history, and Greek culture.\n                    <\/div>\n                    <div class=\"custom-suite-buttons\">\n                        <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=ACROPO\" class=\"custom-suite-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\n                        <a href=\"#\" class=\"custom-suite-button gallery-button\" data-suite=\"suite2\">GALLERY<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"unique-room-size\">32 m\u00b2 \/ 2 guests<\/div>\n    <\/div>\n\n    <!-- Lightbox for Suite 2 -->\n    <div class=\"new-lightbox\" id=\"suite2\" style=\"display: none;\">\n        <div class=\"new-lightbox-content\">\n            <span class=\"new-lightbox-close\">&times;<\/span>\n            <div class=\"new-lightbox-slider\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-acropoli-suite-1-scaled.webp\" alt=\"Suite Image 1\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-acropoli-suite-5-scaled.webp\" alt=\"Suite Image 2\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2025\/01\/hotels-in-athens.webp\" alt=\"Suite Image 3\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-acropoli-suite-3-scaled.webp\" alt=\"Suite Image 3\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-acropoli-suite-4-scaled.webp\" alt=\"Suite Image 3\">\n             \n            <\/div>\n            <button class=\"new-lightbox-prev\">&#10094;<\/button>\n            <button class=\"new-lightbox-next\">&#10095;<\/button>\n            <p class=\"new-lightbox-description\">This spacious suite offers modern interiors and a private terrace with breathtaking Acropolis views.<\/p>\n        <\/div>\n    <\/div>\n\n<!-- Suite 3 -->\n<div class=\"custom-suite-container\">\n    <div class=\"custom-suite-slider\">\n        <div class=\"custom-suite-slide\">\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2023\/04\/cosmos-suite-2.webp\" \n                 alt=\"Cosmos Suite smart hotel in Athens\" \n                 width=\"1920\" \n                 height=\"1280\">\n            <div class=\"custom-suite-overlay\">\n                <div class=\"custom-suite-title\">Cosmos Suite<\/div>\n                <div class=\"custom-suite-details\">\n                    The 35 m\u00b2 Cosmos Junior Smart Suite features an elegant guest room and a modern seating area. The sofa can be prepared as a bed to accommodate an additional guest in the room. Sophisticated linens and luxurious room accessories are some of the luxurious features of the suite.\n                <\/div>\n                <div class=\"custom-suite-buttons\">\n                    <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=COSMOS\" class=\"custom-suite-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\n                    <a href=\"#\" class=\"custom-suite-button gallery-button\" data-suite=\"suite3\">GALLERY<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"unique-room-size\">35 m\u00b2 \/ 4 guests<\/div>\n<\/div>\n\n<!-- Lightbox for Suite 3 -->\n<div class=\"new-lightbox\" id=\"suite3\" style=\"display: none;\">\n    <div class=\"new-lightbox-content\">\n        <span class=\"new-lightbox-close\">&times;<\/span>\n        <div class=\"new-lightbox-slider\">\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/athens-hotels-suites-1-scaled.webp\" alt=\"Suite Image 1\">\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/athens-hotels-suites-2-scaled.webp\" alt=\"Suite Image 2\">\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/athens-hotels-suites-3-scaled.webp\" alt=\"Suite Image 3\">\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/athens-hotels-suites-4-scaled.webp\" alt=\"Suite Image 4\">\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/athens-hotels-suites-5-scaled.webp\" alt=\"Suite Image 5\">\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/athens-hotels-suites-6-scaled.webp\" alt=\"Suite Image 6\">\n        <\/div>\n        <button class=\"new-lightbox-prev\">&#10094;<\/button>\n        <button class=\"new-lightbox-next\">&#10095;<\/button>\n        <p class=\"new-lightbox-description\">The Cosmos Junior Suite combines elegance and comfort, offering space for an additional guest with a sofa bed.<\/p>\n    <\/div>\n<\/div>\n\n\n    <!-- Suite 4 -->\n    <div class=\"custom-suite-container\">\n        <div class=\"custom-suite-slider\">\n            <div class=\"custom-suite-slide\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2023\/04\/agora-suite-1.webp\" \n                     alt=\"Agora Suite\" \n                     width=\"1920\" \n                     height=\"1280\">\n                <div class=\"custom-suite-overlay\">\n                    <div class=\"custom-suite-title\">Agora Suite<\/div>\n                    <div class=\"custom-suite-details\">\n                        Combining smart technology with a private balcony adorned with flowers, this luxurious and spacious suite features modern urban amenities and contemporary interior design.\n                    <\/div>\n                    <div class=\"custom-suite-buttons\">\n                        <a href=\"https:\/\/hellenicvibes.reserve-online.net\/?room=AGR\" class=\"custom-suite-button\" target=\"_blank\" rel=\"noopener\">BOOK NOW<\/a>\n                        <a href=\"#\" class=\"custom-suite-button gallery-button\" data-suite=\"suite4\">GALLERY<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"unique-room-size\">32 m\u00b2 \/ 2 guests<\/div>\n    <\/div>\n\n    <!-- Lightbox for Suite 4 -->\n    <div class=\"new-lightbox\" id=\"suite4\" style=\"display: none;\">\n        <div class=\"new-lightbox-content\">\n            <span class=\"new-lightbox-close\">&times;<\/span>\n            <div class=\"new-lightbox-slider\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-3-1-scaled.webp\" alt=\"Suite Image 1\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-4-scaled.webp\" alt=\"Suite Image 2\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-5-scaled.webp\" alt=\"Suite Image 3\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-6-scaled.webp\" alt=\"Suite Image 3\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-1-1-scaled.webp\" alt=\"Suite Image 3\">\n                <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/hvadmin\/wp-content\/uploads\/2024\/12\/hotel-in-athens-double-room-2-1-scaled.webp\" alt=\"Suite Image 3\">\n            <\/div>\n            <button class=\"new-lightbox-prev\">&#10094;<\/button>\n            <button class=\"new-lightbox-next\">&#10095;<\/button>\n            <p class=\"new-lightbox-description\">Enjoy a private balcony with flowers and smart technology in this luxurious and modern suite.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const galleryButtons = document.querySelectorAll(\".gallery-button\");\n    const closeButtons = document.querySelectorAll(\".new-lightbox-close\");\n    const prevButtons = document.querySelectorAll(\".new-lightbox-prev\");\n    const nextButtons = document.querySelectorAll(\".new-lightbox-next\");\n\n    \/\/ Open Lightbox\n    galleryButtons.forEach((button) => {\n        button.addEventListener(\"click\", (e) => {\n            e.preventDefault();\n            const suiteId = button.getAttribute(\"data-suite\");\n            const lightbox = document.getElementById(suiteId);\n\n            if (lightbox) {\n                const images = lightbox.querySelectorAll(\".new-lightbox-slider img\");\n                const description = lightbox.querySelector(\".new-lightbox-description\");\n                lightbox.style.display = \"flex\"; \/\/ Show lightbox\n                \n                \/\/ Prevent scrolling by locking the body\n                document.documentElement.style.overflow = \"hidden\"; \/\/ Lock scroll on html\n                document.documentElement.style.height = \"100%\"; \/\/ Ensure full height\n\n                const scrollPosition = window.scrollY; \/\/ Save current scroll position\n                document.documentElement.dataset.scrollPosition = scrollPosition; \/\/ Store position\n                \n                showSlide(images, description, 0, lightbox); \/\/ Show first slide\n            }\n        });\n    });\n\n    \/\/ Show a Slide (Wait for Image to Load)\n    function showSlide(images, description, index, lightbox) {\n        const currentImage = images[index];\n        const prevButton = lightbox.querySelector(\".new-lightbox-prev\");\n        const nextButton = lightbox.querySelector(\".new-lightbox-next\");\n\n        \/\/ Reset all images\n        images.forEach((img) => {\n            img.style.display = \"none\";\n            img.style.opacity = \"0\";\n        });\n        description.style.opacity = \"0\"; \/\/ Hide description\n\n        \/\/ Preload Image\n        currentImage.style.display = \"block\";\n        if (!currentImage.complete) {\n            currentImage.onload = () => {\n                resizeLightbox(currentImage);\n                fadeIn(currentImage, description);\n            };\n        } else {\n            resizeLightbox(currentImage);\n            fadeIn(currentImage, description);\n        }\n\n        \/\/ Update arrow visibility\n        prevButton.style.display = index === 0 ? \"none\" : \"block\";\n        nextButton.style.display = index === images.length - 1 ? \"none\" : \"block\";\n    }\n\n    \/\/ Fade in Image and Description\n    function fadeIn(image, description) {\n        image.style.transition = \"opacity 0.5s ease-in-out\";\n        image.style.opacity = \"1\"; \/\/ Fade in the image\n\n        setTimeout(() => {\n            description.style.transition = \"opacity 0.5s ease-in-out\";\n            description.style.opacity = \"1\"; \/\/ Fade in the description\n        }, 300); \/\/ Slight delay for smooth sync\n    }\n\n    \/\/ Resize Lightbox Based on Image Size\n    function resizeLightbox(image) {\n        const content = image.closest(\".new-lightbox-content\");\n        const aspectRatio = image.naturalWidth \/ image.naturalHeight;\n\n        if (window.innerWidth <= 768) {\n            content.style.maxWidth = \"100%\";\n            content.style.maxHeight = \"100%\";\n        } else if (aspectRatio < 0.7 || image.naturalHeight > image.naturalWidth) {\n            content.style.maxWidth = \"20%\"; \/\/ Adjust for tall\/narrow images\n        } else {\n            content.style.maxWidth = \"30%\"; \/\/ Default for standard images\n        }\n    }\n\n    \/\/ Navigate Slide\n    const navigateSlide = (button, direction) => {\n        const lightbox = button.closest(\".new-lightbox\");\n        const images = lightbox.querySelectorAll(\".new-lightbox-slider img\");\n        const description = lightbox.querySelector(\".new-lightbox-description\");\n\n        const currentIndex = Array.from(images).findIndex(\n            (img) => img.style.opacity === \"1\"\n        );\n\n        let nextIndex = currentIndex + direction;\n\n        \/\/ Prevent navigation past the edges\n        if (nextIndex < 0) {\n            nextIndex = 0; \/\/ Stay on the first slide\n        } else if (nextIndex >= images.length) {\n            nextIndex = images.length - 1; \/\/ Stay on the last slide\n        }\n\n        showSlide(images, description, nextIndex, lightbox);\n    };\n\n    \/\/ Next and Previous Buttons\n    nextButtons.forEach((button) => {\n        button.addEventListener(\"click\", () => navigateSlide(button, 1));\n    });\n\n    prevButtons.forEach((button) => {\n        button.addEventListener(\"click\", () => navigateSlide(button, -1));\n    });\n\n    \/\/ Close Lightbox\n    closeButtons.forEach((button) => {\n        button.addEventListener(\"click\", () => {\n            const lightbox = button.closest(\".new-lightbox\");\n            lightbox.style.display = \"none\";\n            \n            \/\/ Re-enable scrolling and restore scroll position\n            document.documentElement.style.overflow = \"\"; \/\/ Remove lock on html\n            document.documentElement.style.height = \"\"; \/\/ Remove height lock\n            \n            const scrollPosition = document.documentElement.dataset.scrollPosition || 0;\n            window.scrollTo(0, scrollPosition); \/\/ Restore the scroll position\n        });\n    });\n\n    \/\/ Close Lightbox on Outside Click\n    document.querySelectorAll(\".new-lightbox\").forEach((lightbox) => {\n        lightbox.addEventListener(\"click\", (e) => {\n            if (e.target === lightbox) {\n                lightbox.style.display = \"none\";\n                \n                \/\/ Re-enable scrolling and restore scroll position\n                document.documentElement.style.overflow = \"\"; \/\/ Remove lock on html\n                document.documentElement.style.height = \"\"; \/\/ Remove height lock\n                \n                const scrollPosition = document.documentElement.dataset.scrollPosition || 0;\n                window.scrollTo(0, scrollPosition); \/\/ Restore the scroll position\n            }\n        });\n    });\n});\n\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-740ca9d e-flex e-con-boxed e-con e-parent\" data-id=\"740ca9d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-351e0ee elementor-widget elementor-widget-html\" data-id=\"351e0ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"room-features\">\r\n    <h4>Hellenic Vibes Smart Hotel<\/h4>\r\n    <p>Free amenities in your room or suite<\/p>\r\n    <div class=\"features-grid\">\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Free-Wireless-Internet-1.png\" alt=\"WiFi Icon\"> Free wireless internet\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Satelite-TV-1.png\" alt=\"TV Icon\"> Satellite channels and movies\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Mini-Bar-01.png\" alt=\"Mini Bar Icon\"> Mini bar\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Make-up-mirror-1.png\" alt=\"Mirror Icon\"> Makeup mirror\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Individual-Air-Conditioning-Unit-1.png\" alt=\"AC Icon\"> Individual air conditioning unit\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Scale-1.png\" alt=\"Scale Icon\"> Scale\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Wake-up-call-1.png\" alt=\"Wakeup Icon\"> Wake-up service\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Iron-and-ironing-board-upon-reques-1.png\" alt=\"Iron Icon\"> Iron & ironing board\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Espresso-Coffee-Machine-1.png\" alt=\"Espresso Icon\"> Espresso coffee machine\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Bathrobes-and-slippers-1.png\" alt=\"Bath Icon\"> Bathrobes and slippers\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Natural-light-and-ventilation-in-all-rooms-1.png\" alt=\"Natural Light Icon\"> Natural light and ventilation\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2022\/11\/Chromecast%E2%80%8B.png\" alt=\"Chromecast Icon\"> Chromecast\r\n        <\/div>\r\n        <!-- Additional items -->\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Hairdryer-1.png\" alt=\"Hair Dryer Icon\"> Hairdryer\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Daily-Maid-Service-1.png\" alt=\"Housekeeping Icon\"> Daily housekeeping service\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Anatomic-Mattress-1.png\" alt=\"Mattress Icon\"> Anatomical mattress\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Safe-Box-1.png\" alt=\"Safe Icon\"> Safe\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Thermal-insulating-double-glazing-windows-1.png\" alt=\"Double Glass Icon\"> Thermal insulating double glazing windows\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Pillow-Menu-Hypoallergenic-Pillows-1.png\" alt=\"Pillow Menu Icon\"> Pillow menu - Hypoallergenic pillows\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Bathroom-Amenities-01.png\" alt=\"Bath Amenities Icon\"> Bathroom amenities\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hellenicvibes.gr\/wp-content\/uploads\/2020\/09\/Electric-water-kettle-and-supplies-for-coffee-and-tea-1.png\" alt=\"Kettle Icon\"> Electric kettle & supplies for coffee\/tea\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a9a872 e-flex e-con-boxed e-con e-parent\" data-id=\"3a9a872\" 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-e1e2bb3 elementor-widget elementor-widget-html\" data-id=\"e1e2bb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"room-info\">\r\n\r\n\r\n    <div class=\"checkin-checkout\">\r\n        <div class=\"check-time\">\r\n            \r\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" data-name=\"Layer 1\" viewBox=\"0 0 24 24\" width=\"25\" height=\"25\"><path d=\"M12,24C5.383,24,0,18.617,0,12S5.383,0,12,0s12,5.383,12,12-5.383,12-12,12Zm0-22C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2Zm2.5,14.33c.479-.276,.643-.888,.366-1.366l-1.866-3.232V6c0-.552-.447-1-1-1s-1,.448-1,1v6c0,.176,.046,.348,.134,.5l2,3.464c.186,.321,.521,.5,.867,.5,.17,0,.342-.043,.499-.134Z\"\/><\/svg>\r\n\r\n            <span>CHECK-IN: 15:00 <\/span>\r\n        <\/div>\r\n        <div class=\"separator\">|<\/div>\r\n        <div class=\"check-time\">\r\n            \r\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" data-name=\"Layer 1\" viewBox=\"0 0 24 24\" width=\"25\" height=\"25\"><path d=\"M12,24C5.383,24,0,18.617,0,12S5.383,0,12,0s12,5.383,12,12-5.383,12-12,12Zm0-22C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2Zm2.5,14.33c.479-.276,.643-.888,.366-1.366l-1.866-3.232V6c0-.552-.447-1-1-1s-1,.448-1,1v6c0,.176,.046,.348,.134,.5l2,3.464c.186,.321,.521,.5,.867,.5,.17,0,.342-.043,.499-.134Z\"\/><\/svg>\r\n\r\n            <span>CHECK-OUT: 11:00 <\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\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>Stay at our luxury smart rooms PLAN YOUR RESERVATION PLAN YOUR RESERVATION Stay at our luxury smart rooms Arrival Departure [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"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":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-22341","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hellenicvibes.gr\/el\/wp-json\/wp\/v2\/pages\/22341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hellenicvibes.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hellenicvibes.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hellenicvibes.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hellenicvibes.gr\/el\/wp-json\/wp\/v2\/comments?post=22341"}],"version-history":[{"count":0,"href":"https:\/\/www.hellenicvibes.gr\/el\/wp-json\/wp\/v2\/pages\/22341\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hellenicvibes.gr\/el\/wp-json\/wp\/v2\/media?parent=22341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}