CINXE.COM

HERON YELLOW FREE HOME - HERON

<!DOCTYPE html> <html lang="en"> <head> <meta name="twitter:card" content="summary" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HERON YELLOW FREE HOME - HERON</title> <meta name="description" content="The electricity price plan that you pay only for the electricity you consume, without conditions." /> <!-- for Facebook --> <meta property="og:title" content="HERON YELLOW FREE HOME - HERON" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://heron.gr/media/5c4j0iex/generic_electricity_fb.jpg" /> <meta property="og:url" content="https://heron.gr/en/energy/electricity/home/yellow-free-home/" /> <meta property="og:description" content="The electricity price plan that you pay only for the electricity you consume, without conditions." /> <meta name="facebook-domain-verification" content="kyaueeikzvafo28k62ml0k49w9zkkq" /> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PRN7HRN'); </script> <!-- End Google Tag Manager --> <link rel="canonical" href="https://heron.gr/en/energy/electricity/home/yellow-free-home/" /> <link rel="alternate" href="https://heron.gr/energy/electricity/gia-to-spiti/yellow-free-home/" hreflang="el" /> <link rel="alternate" href="https://heron.gr/energy/electricity/gia-to-spiti/yellow-free-home/" hreflang="x-default" /> <!-- Google Fonts Link --> <link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon"> <style> @charset 'UTF-8'; .transitionSlide { display: none; } .iemessage { display: none; } </style> <link href="/css/header.css" rel="stylesheet"> <link href="/css/footer.css" rel="stylesheet"> <style> @charset 'UTF-8'; .transitionSlide { display: none; } .iemessage { display: none; } h2 { margin-top: 0; margin-bottom: .5rem } button, input { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } h2 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } h2 { font-size: 2rem } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .col, .col-xl-8 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWmY2Rm.ttf) format('truetype') } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmY2Rm.ttf) format('truetype') } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmY2Rm.ttf) format('truetype') } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmY2Rm.ttf) format('truetype') } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: auto; src: url(https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.eot); src: url(https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.svg#fontawesome) format("svg") } @font-face { font-family: CFDinCnBold; src: url(/webfonts/CFDinCnBold.eot); src: url(/webfonts/CFDinCnBold.eot?#iefix) format('embedded-opentype'),url(/webfonts/CFDinCnBold.woff2) format('woff2'),url(/webfonts/CFDinCnBold.woff) format('woff'),url(/webfonts/CFDinCnBold.ttf) format('truetype'),url(/webfonts/CFDinCnBold.svg#svgFontName) format('svg') } #footer h2 { font-size: 28px; margin-top: 0 } .footer-right h2 { margin-bottom: 50px } .footer-right ul { padding-top: 5px; padding-left: 0; list-style-type: none; padding-left: 5px } .col-list { border-left: 2px solid #cacaca } .col-list li a { font-family: CFDinCnBold,serif; color: #fff; font-size: 18px; letter-spacing: 1px } .col-list li { margin-bottom: 20px } .footer-menu { margin-bottom: 50px } .footer-inside-left { padding-right: 0 } .copyright-text span { margin-left: 7px; margin-right: 7px } @media (max-width:575px) { .footer-right h2 { margin-bottom: 25px } .footer-inside-right h2, .footer-menu-wrap { display: none } #footer-top .footer-inside-left { order: 2; padding-right: 15px; padding-left: 15px; margin-bottom: 40px } .copyright-text span { display: none } } .red .carousel-container .line { background-color: #bb1117; border-color: #bb1117 } @font-face { font-family: CFDinCnBold; src: url(/webfonts/CFDinCnBold.eot); src: url(/webfonts/CFDinCnBold.eot?#iefix) format("embedded-opentype"),url(/webfonts/CFDinCnBold.woff2) format("woff2"),url(/webfonts/CFDinCnBold.woff) format("woff"),url(/webfonts/CFDinCnBold.ttf) format("truetype"),url(/webfonts/CFDinCnBold.svg#svgFontName) format("svg") } @font-face { font-family: 'CF Din Condensed'; src: url(/webfonts/CFDinCondensed.eot); src: url(/webfonts/CFDinCondensed.eot?#iefix) format("embedded-opentype"),url(/webfonts/CFDinCondensed.woff2) format("woff2"),url(/webfonts/CFDinCondensed.woff) format("woff"),url(/webfonts/CFDinCondensed.ttf) format("truetype"); font-weight: 400; font-style: normal } .e-menu li a:link, .e-menu li a:visited, .magic-nav-box .counter-box, .magic-nav-box a.magic-link:link, .magic-nav-box a.magic-link:visited, .main-menu .img-menu > li > a:link, .main-menu .img-menu > li > a:visited, .main-menu .submenu > li > a:link, .main-menu .submenu > li > a:visited, .main-menu > li > a:link, .main-menu > li > a:visited, .mob-menu > li a:link, .mob-menu > li a:visited, .mobile-menu-container .eContract-mobile, .ofer-day, .offer-header, .other-links > li a:link, .other-links > li a:visited, .programm-title, .results-block-category, .social-menu > li a:link, .social-menu > li a:visited { font-family: CFDinCnBold; font-weight: 700 } h2 { font-family: CFDinCnBold,serif; letter-spacing: 1px } .lines-cont { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .lines-cont .line { position: absolute; background-color: #fff; border-color: #fff } .lines-cont .top { width: 100%; border-top: 1px solid #fff } .lines-cont .bottom { width: 100%; border-bottom: 1px solid #fff } .lines-cont .right { height: 100%; border-right: 1px solid #fff } .lines-cont .left { height: 100%; border-left: 1px solid #fff } .lines-cont .top { top: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .lines-cont .right { top: 0; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } .lines-cont .bottom { bottom: 0; left: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } .lines-cont .left { left: 0; top: 0; -webkit-transform: translateY(100%); transform: translateY(100%) } .carousel-container .lines-cont { height: 91.66667%; bottom: 0; top: auto } .slide-desc p { font-size: 13px; line-height: 22px } @media only screen and (max-width:1199px) { .carousel-container > .lines-cont { display: none } .slide-desc p { display: none } } .col-list { border-left: 2px solid transparent !important } .col-list:before { content: ''; border-left: 2px solid #fff; position: absolute; left: 0; top: 0; width: 0; height: 0 } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } *, ::after, ::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100% } main, nav, section { display: block } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } h1 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } ul { margin-top: 0; margin-bottom: 1rem } ul ul { margin-bottom: 0 } a { color: #007bff; text-decoration: none; background-color: transparent } img { vertical-align: middle; border-style: none } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button, input, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button { text-transform: none } [type=submit], button { -webkit-appearance: button } [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=radio] { box-sizing: border-box; padding: 0 } textarea { overflow: auto; resize: vertical } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } h1 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } h1 { font-size: 2.5rem } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff } .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-facebook-f:before { content: "\f39e" } .fa-linkedin-in:before { content: "\f0e1" } .fa-youtube:before { content: "\f167" } .fab { font-family: "Font Awesome 5 Brands" } .hamburger { padding: 11px; display: inline-block; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible } .hamburger-box { width: 32px; height: 27px; display: inline-block; position: relative } .hamburger-inner { display: block; top: 50%; margin-top: -1.5px } .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { width: 32px; height: 3px; background-color: #fff; border-radius: 4px; position: absolute } .hamburger-inner::after, .hamburger-inner::before { content: ""; display: block } .hamburger-inner::before { top: -12px } .hamburger-inner::after { bottom: -12px } .hamburger--spring .hamburger-inner { top: 1.5px } .hamburger--spring .hamburger-inner::before { top: 12px } .hamburger--spring .hamburger-inner::after { top: 24px } body { font-family: 'Roboto Slab',serif } textarea { resize: none } @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) { body { overflow: hidden } } .red .section-nav ul { border-right: 1px solid #bb1117 } .red .transitionSlide { background-color: #bb1117 } .red section:first-child { background-size: cover !important; background: #a1a2a2; background: -webkit-gradient(linear,left top,left bottom,from(#a1a2a2),color-stop(22%,#e7e8e8),to(#e7e8e8)); background: linear-gradient(to bottom,#a1a2a2 0,#e7e8e8 22%,#e7e8e8 100%) } .red .offer-header { background-color: #d81e2b } .red .offer-date-block { background-color: #bc1622 } .red .programm-title-block .small-title { color: #bb1117 } .red .prog-descr-block h1 { color: #bb1117 } .red .back-fix-container { width: 100% !important } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none } @font-face { font-family: 'CF Din'; src: url(/webfonts/CFDin.eot); src: url(/webfonts/CFDin.eot?#iefix) format("embedded-opentype"),url(/webfonts/CFDin.woff2) format("woff2"),url(/webfonts/CFDin.woff) format("woff"),url(/webfonts/CFDin.ttf) format("truetype"); font-weight: 400; font-style: normal } .questionNum { font-family: 'CF Din'; font-weight: 400; font-style: normal } .allResults:link, .allResults:visited { font-family: 'CF Din Condensed'; font-weight: 400; font-style: normal } .e-menu li a:link, .e-menu li a:visited, .magic-nav-box .counter-box, .magic-nav-box a.magic-link:link, .magic-nav-box a.magic-link:visited, .main-menu .img-menu > li > a:link, .main-menu .img-menu > li > a:visited, .main-menu .submenu > li > a:link, .main-menu .submenu > li > a:visited, .main-menu > li > a:link, .main-menu > li > a:visited, .mob-menu-panel-inner .lang li a:link, .mob-menu-panel-inner .lang li a:visited, .mob-menu > li a:link, .mob-menu > li a:visited, .mobile-menu-container .eContract-mobile, .ofer-day, .offer-header, .other-links > li a:link, .other-links > li a:visited, .prog-descr-block h1, .programm-title, .programm-title-block .small-title, .questionLektiko, .results-block-category, .shortForm input[type=radio] + label, .social-menu > li a:link, .social-menu > li a:visited { font-family: CFDinCnBold; font-weight: 700 } .offer-date { font-family: 'Roboto Slab',serif; font-weight: 100 } .main-menu .list-menu li a:link, .main-menu .list-menu li a:visited, .mob-menu .img-menu > li .list-menu a:link, .mob-menu .img-menu > li .list-menu a:visited, .results-block-text, .results-block-title:link, .results-block-title:visited, .searchField-container input[type=search] { font-family: 'Roboto Slab',serif; font-weight: 400 } .prog-descr-block p { font-family: 'Roboto Slab',serif; font-weight: 700 } body { font-family: 'Roboto Slab',serif; overflow-x: hidden } .outerContainer { max-width: 1650px; margin: 0 auto; width: 100%; position: relative; z-index: 10; padding: 0 10px } @media only screen and (max-width:768px) { .outerContainer { width: 81.33333vw; margin: 0 auto; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; padding: 0 } } .innerContainer { max-width: 1230px; margin-left: 22.76423%; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 100px; z-index: 5 } @media only screen and (max-width:767px) { .outerContainer { width: 81.33333vw } .innerContainer { width: 81.33333vw } } @media only screen and (max-width:768px) { .innerContainer { width: 81.33333vw; margin: 0 auto !important; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset } } h1 { font-family: CFDinCnBold,serif; letter-spacing: 1px } img { max-width: 100%; height: auto } .main-menu-container { position: absolute; top: 0; width: 100%; height: 114px; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 1 } @media only screen and (max-width:1280px) { .main-menu-container { height: 94px } } .mobile-menu-container { display: none; width: 93.06667vw; height: 45px; position: absolute; top: 15px; left: calc(50% - (349/375*100vw)/ 2); z-index: 100; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-radius: 23px; -webkit-box-shadow: 0 5px 13px 2px rgba(33,41,79,.5); box-shadow: 0 5px 13px 2px rgba(33,41,79,.5) } .mobile-menu-container .mob-logo, .mobile-menu-container .search-cont { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box } .mobile-menu-container .mob-logo { border-top-left-radius: 23px; border-bottom-left-radius: 23px; padding-left: 6px; min-width: 70px } .mobile-menu-container .mob-logo img { height: 84.44444%; width: auto } .mobile-menu-container .search-cont { border-top-right-radius: 23px; border-bottom-right-radius: 23px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 18px } .mobile-menu-container .eContract-mobile, .mobile-menu-container .menu-trig { max-width: 113px; width: 30.13333vw; margin-right: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 100%; flex-basis: 100% } .mobile-menu-container .eContract-mobile { background-color: #ac2823; padding: 0 10px; color: #fff; letter-spacing: 1px; font-size: 20px; line-height: 20px; min-width: 100px; white-space: nowrap } .mobile-menu-container .menu-trig { background-color: #314579; margin-left: 4px; padding-top: 5px } @media only screen and (max-width:1100px) { .single-block .single-block-description p { display: none } .main-menu-container { display: none } .mobile-menu-container { display: -webkit-box; display: -ms-flexbox; display: flex } } .mob-menu-panel { display: none } @media only screen and (max-width:1100px) { .mob-menu-panel { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; overflow-y: scroll; overflow-x: hidden; background-color: rgba(28,28,28,.9); z-index: -9; display: -webkit-box; display: -ms-flexbox; display: flex } } .mob-menu-panel-inner { min-height: 100vh; background-color: #efefef; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .bottom-menus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .mob-menu-panel-inner { padding-bottom: 50px; position: relative; display: table; min-height: 100vh; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .mob-menu-panel-inner ul { list-style: none; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box } .mob-menu-panel-inner ul li { display: block; position: relative } .mob-menu-panel-inner ul li a:link, .mob-menu-panel-inner ul li a:visited { height: 53px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% } .mob-menu-panel-inner ul li ul { display: none } .mob-menu-panel-inner .bottom-menus { position: absolute; bottom: 10px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 25px } .mob-menu-panel-inner .social-menu { max-width: 76px; padding-left: 10px } .mob-menu-panel-inner .social-menu li { padding: 0 10px } .mob-menu-panel-inner .social-menu a:link, .mob-menu-panel-inner .social-menu a:visited { color: #333d73; padding: 0; height: unset } .mob-menu-panel-inner .lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 10px } .mob-menu-panel-inner .lang li { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .mob-menu-panel-inner .lang li a:link, .mob-menu-panel-inner .lang li a:visited { color: #333d73; font-size: 19px; line-height: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: unset } .mob-menu { list-style: none; padding: 0; margin: 124px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; position: relative } .mob-menu .myhron { background-image: url(/img/user-icon-blue.png); background-repeat: no-repeat; background-position: 20px center; padding-left: 44px !important } .mob-menu > li a:link, .mob-menu > li a:visited { height: 53px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #333d73; letter-spacing: 1px; font-size: 19px; line-height: 19px; border-top: 1px solid #f6f6f6; width: 100% } .mob-menu .img-menu .mImgCont { display: none } .mob-menu .submenu { padding-left: 0 } .mob-menu .submenu > li > a:link, .mob-menu .submenu > li > a:visited { font-size: 15px; line-height: 15px; padding-left: 34px; color: #fff } .mob-menu .submenu > li:first-child > a:link, .mob-menu .submenu > li:first-child > a:visited { background-image: url(/img/electricity-back-button.jpg); background-size: 100% auto; background-position: left top; background-repeat: no-repeat } .mob-menu .submenu > li:first-child .list-menu a:link, .mob-menu .submenu > li:first-child .list-menu a:visited { color: #a30b12 !important } .mob-menu .submenu > li:last-child > a:link, .mob-menu .submenu > li:last-child > a:visited { background-image: url(/img/gas-button-back.jpg); background-size: 100% auto; background-position: left top; background-repeat: no-repeat } .mob-menu .submenu > li:last-child .list-menu a:link, .mob-menu .submenu > li:last-child .list-menu a:visited { color: #313c77 !important } .mob-menu .img-menu { padding-left: 0; display: none } .mob-menu .img-menu > li > a:link, .mob-menu .img-menu > li > a:visited { font-size: 15px; line-height: 15px; padding-left: 34px; color: #333d73; background-color: #f2f1f1 } .mob-menu .img-menu > li .list-menu { width: 100%; padding: 0; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .mob-menu .img-menu > li .list-menu a:link, .mob-menu .img-menu > li .list-menu a:visited { border-bottom: 1px solid #f4f3f3; padding-left: 40px; font-size: 12px; line-height: 12px } .logolink { min-width: 140px } .logolink img { max-height: 50px } .top-menu { width: 100%; margin: 0 auto; height: 40px; border-bottom: 1px solid rgba(255,255,255,.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative } @media only screen and (max-width:1280px) { .top-menu { height: 30px } } .top-menu.out { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .top-menu-contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 1650px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px } .other-links, .social-menu { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex } .other-links > li, .social-menu > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 25px; border: 1px solid rgba(255,255,255,.2) } .other-links > li a:link, .other-links > li a:visited, .social-menu > li a:link, .social-menu > li a:visited { color: #fff; text-decoration: none; font-size: 18px; line-height: 16px; letter-spacing: 1px; position: relative; z-index: 2 } .social-menu > li > ul { list-style-type: none; padding: 0; margin: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: calc(100% + 20px); left: 0; z-index: 1; opacity: 0; visibility: hidden } .social-menu > li > ul li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-right: 1px solid #313c77; position: relative; background-color: #fff } .social-menu > li > ul li:before { content: ''; width: 100%; height: 10%; position: absolute; top: 0; left: 0; background-color: #293263 } .social-menu > li > ul li:nth-child(2):before { background-color: #ffbfbf } .social-menu > li > ul li:nth-child(3):before { background-color: #32a797 } .social-menu > li > ul li a:link, .social-menu > li > ul li a:visited { color: #313c77; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 100% } .social-menu > li > ul li:last-child { border: none } .bottom-menu-container { width: 100%; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } @media only screen and (max-width:1280px) { .bottom-menu-container { height: 54px } } .bottom-menu-container.out { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%) } .bottom-menu-inner-container { border-radius: 37px; max-width: 1630px; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 20px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .e-menu, .main-menu { list-style: none; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -ms-flex-item-align: center; align-self: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .e-menu > li, .main-menu > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .main-menu { margin: 0 calc(78/1650*100% - 22px); max-width: 800px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .main-menu > li > a:link, .main-menu > li > a:visited { color: #fff; font-size: 24px; line-height: 24px; text-decoration: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 1.5px; white-space: nowrap } .main-menu > li > a:link:before, .main-menu > li > a:visited:before { content: ""; width: 100%; bottom: 0; height: 3px; background-color: #bb1117; position: absolute; left: 0; display: none } .main-menu > li > ul { position: absolute; left: 50% !important; opacity: 0; -webkit-transform: translate(-50%,50px); transform: translate(-50%,50px); top: calc(100% - 10px) !important; padding-top: 10px !important } .main-menu .img-menu, .main-menu .list-menu, .main-menu .submenu { position: absolute; width: 100%; max-width: 1920px; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 0 } .main-menu .img-menu li, .main-menu .list-menu li, .main-menu .submenu li { position: relative } .main-menu .img-menu, .main-menu .submenu { left: 0; top: 100%; padding: 0 } .main-menu .img-menu > li, .main-menu .submenu > li { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .main-menu .img-menu > li > a:link, .main-menu .img-menu > li > a:visited, .main-menu .submenu > li > a:link, .main-menu .submenu > li > a:visited { color: #fff; font-size: 24px; line-height: 24px; text-decoration: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media only screen and (max-width:1199px) { .main-menu .img-menu > li > a:link, .main-menu .img-menu > li > a:visited, .main-menu .submenu > li > a:link, .main-menu .submenu > li > a:visited { font-size: 2.00167vw; line-height: 2.00167vw } } .main-menu .submenu { height: 126px !important; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } @media only screen and (max-width:1280px) { .e-menu, .main-menu { height: 40px } .main-menu > li > a:link, .main-menu > li > a:visited { font-size: 1.5625vw; line-height: 1.5625vw } .main-menu .submenu { height: 106px !important } } .main-menu .submenu > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .main-menu .submenu > li:first-child { background-image: url(/img/electricity-back-button.jpg); background-size: 100% auto; background-position: left top; background-repeat: no-repeat } .main-menu .submenu > li:first-child .list-menu a:link, .main-menu .submenu > li:first-child .list-menu a:visited { color: #a30b12 !important } .main-menu .submenu > li:last-child { background-image: url(/img/gas-button-back.jpg); background-size: 100% auto; background-position: left top; background-repeat: no-repeat } .main-menu .submenu > li:last-child .list-menu a:link, .main-menu .submenu > li:last-child .list-menu a:visited { color: #313c77 !important } .main-menu .img-menu { top: 100%; height: 179px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .main-menu .img-menu > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .main-menu .img-menu > li .mImgCont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden } .main-menu .img-menu > li img { position: absolute; left: 50%; top: 50%; width: 105%; height: 105%; -o-object-fit: cover; object-fit: cover; -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); display: block } .main-menu .img-menu > li:nth-child(odd) .list-menu { background-color: #fff } .main-menu .img-menu > li:nth-child(odd) .list-menu a:link, .main-menu .img-menu > li:nth-child(odd) .list-menu a:visited { color: #a30b12 } .main-menu .img-menu > li:nth-child(even) .list-menu { background-color: #efefef } .main-menu .img-menu > li:nth-child(even) .list-menu a:link, .main-menu .img-menu > li:nth-child(even) .list-menu a:visited { color: #313c77 } .main-menu .list-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 15px 0 } .main-menu .list-menu li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 80% } .main-menu .list-menu li a:link, .main-menu .list-menu li a:visited { font-size: 13px; line-height: 22px; position: relative } .e-menu { margin: 0 0 0 auto } .e-menu li { border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 10.30303vw; max-width: 170px; min-width: 130px; height: 50px; margin-right: 8px } @media only screen and (max-width:1280px) { .main-menu .img-menu { height: 149px } .e-menu li { height: 40px } } .e-menu li:first-child { border: 1px solid #fff } .e-menu li:last-child { background-color: #bb1117 } .e-menu li a:link, .e-menu li a:visited { color: #fff; font-size: 24px; line-height: 24px } .call-box, .chat-box { position: relative; width: 56px; height: 138px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.25); box-shadow: 0 0 10px 3px rgba(0,0,0,.25); right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff } .chat-box { margin-top: 15px } .contact-boxes { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; top: 50%; z-index: 90; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translate(10%,-50%) scale(.8); transform: translate(10%,-50%) scale(.8); opacity: 1 } .contact-boxes.out { -webkit-transform: translate(100%,-50%) scale(.8); transform: translate(100%,-50%) scale(.8); opacity: 0 } @media only screen and (max-width:768px) { .contact-boxes { display: none } } .section-nav { position: absolute; left: 0; top: 25.4vh; height: 59.54545vh; max-height: 655px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; z-index: 90; width: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 7.29167vw; opacity: 1 } .section-nav.out { opacity: 0 } .section-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; list-style: none; padding: 0; margin: 0; width: 100% } section { min-height: 100vh; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box } section:first-child { height: 800px } @media only screen and (max-width:768px) { .section-nav { display: none } } .back-fix-container { width: 100%; max-width: 1920px; position: absolute; left: 50%; right: 0; bottom: 0; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; text-rendering: geometricPrecision; height: 810px; overflow: visible; -webkit-transform: translateX(-50%); transform: translateX(-50%) } @media only screen and (max-width:768px) { .back-fix-container { width: 100%; height: auto; top: 134px; bottom: auto; min-height: auto } } .back-fix-container.out { -webkit-transform: translateX(100%); transform: translateX(100%) } .back-fix { line-height: .71; font-family: CFDinCnBold; color: #474646; opacity: .05; text-align: right; position: relative; height: 100%; margin-top: 134px } section:first-child { background-position: center bottom; background-size: cover !important; background-repeat: no-repeat !important; overflow: hidden } section:first-child .outerContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; opacity: 1; width: 90% } section:first-child .outerContainer.out { opacity: 0 } section:first-child .outerContainer .innerContainer { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; min-height: calc(100vh - 134px); margin-top: 134px } @media only screen and (max-width:768px) { .back-fix { margin-top: 0 } section:first-child { padding-bottom: 75px } section:first-child .outerContainer { width: 81.33333vw } section:first-child .outerContainer .innerContainer { min-height: auto } } @media only screen and (max-width:767px) { section:first-child { height: auto } section:first-child { padding-bottom: 50px } section:first-child .outerContainer { width: 81.33333vw } section:first-child .outerContainer .innerContainer { min-height: calc(100vh - 164px); -ms-flex-item-align: end; align-self: flex-end; height: 85% } } .offers-box { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; min-width: 169px; margin-bottom: 35px } .offer-header { color: #fff; font-size: 18px; line-height: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 28px; padding-left: 14px } @media only screen and (max-width:767px) { .offers-box { width: 26.66667vw; min-width: 101px } .offer-header { font-size: 2.93333vw; line-height: 3.46667vw; min-height: 16px } } .offer-date-block { min-height: 69px; padding-left: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ofer-day { font-size: 32px; line-height: 34px; text-align: left } @media only screen and (max-width:767px) { .offer-date-block { min-height: 41px } .ofer-day { font-size: 5.06667vw; line-height: 5.06667vw } } .offer-date { font-size: 18px; line-height: 22px } @media only screen and (max-width:767px) { .offer-date { font-size: 2.93333vw; line-height: 2.93333vw } } .programm-title { text-align: left; font-size: 103px; line-height: .85 } .programm-title-block { margin-top: 0; position: relative; width: 34.79167vw; max-width: 668px } .programm-title-block .small-title { font-size: 18px; line-height: 58px } .prog-descr-block { -ms-flex-item-align: end; align-self: flex-end; margin-top: auto; text-align: right; width: 59.53125vw; max-width: 762px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 6.40625vw } .prog-descr-block h1 { font-size: 3.75vw; line-height: 3.75vw; margin: 0 } @media only screen and (max-width:768px) { .prog-descr-block { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left } .prog-descr-block h1 { font-size: 42px; line-height: 35px } } @media only screen and (max-width:767px) { .programm-title { font-size: 34px; line-height: 30px } .programm-title-block .small-title { line-height: 1 } .prog-descr-block h1 { font-size: 27px; line-height: 27px } } .prog-descr-block p { font-size: 18px; line-height: 26px; width: 81.6273%; text-align: right } @media only screen and (max-width:768px) { .prog-descr-block p { text-align: left } } #searchPop { width: 100%; height: 100%; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; top: 0; opacity: 0; background-color: rgba(0,0,0,.8); z-index: -1 } .searchPop-header { width: 100%; height: 199px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #24242a; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .searchField-container { border-bottom: 1px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .searchField-container input[type=search] { background: 0 0; border: none; font-size: 24px; line-height: 48px; color: #fff; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; outline: 0; width: 100% } .searchPop-body { width: 100%; min-height: 50vh; background-color: #1c1c22; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; padding: 72px 0 } .searchPop-body .search-container { -webkit-column-count: 8; column-count: 8; -webkit-column-gap: 20px; column-gap: 20px; -webkit-column-width: 140px; column-width: 140px; -webkit-column-fill: auto; column-fill: auto } .search-container { max-width: 1369px; margin: 0 auto; width: 90% } .allResults:link, .allResults:visited { padding: 0 33px 0 0; color: #fff; letter-spacing: 1px; font-size: 18px; line-height: 18px; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .allResults:link:before, .allResults:visited:before { content: ''; background-image: url(/img/carousel-arrow-meta-white.png); background-repeat: no-repeat; background-position: right center; width: 26px; height: 9px; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0,-60%); transform: translate(0,-60%) } .results-block { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 50px } .results-block-category { display: block; color: #313c77; font-size: 18px; line-height: 18px; margin-bottom: 20px } .results-block-title:link, .results-block-title:visited { color: #fff; font-size: 16px; line-height: 20px } .results-block-text { color: #b8b8b8; font-size: 13px; line-height: 20px } #gnomiPop { background-color: #eee; opacity: 0; position: absolute; width: 100%; min-height: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; top: 0; padding: 12.03704vh 0 18.51852vh; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .gnomi-slider { background-color: #fff; min-height: 55.55556vh; max-width: 1370px; width: 95%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-transform: scale(0); transform: scale(0); opacity: 0 } .gnomi-slide { min-height: 55.55556vh; width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .shortForm input[type=radio] { display: none } .shortForm input[type=radio] + label { border-radius: 50%; border: 1px solid #313c77; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 28px; line-height: 28px; color: #313c77; width: 50px; height: 50px; -webkit-box-shadow: 0 0 0 0 rgba(49,60,119,.4); box-shadow: 0 0 0 0 rgba(49,60,119,.4) } .shortForm textarea { border: 1px solid #313c77; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 84px; max-width: 806px; color: #313c77; text-indent: 25px } .shortForm { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 615px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .shortForm.long { max-width: 806px } .shortForm.xl { max-width: 1087px } .shortForm.xl textarea { height: 160px; max-width: 1087px } .radiosContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 95% } .forms-controls { max-width: 287px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 5.20833vw auto 0; -ms-flex-pack: distribute; justify-content: space-around } .questionNum { color: #24242a; font-size: 18px; line-height: 58px } .questionLektiko { color: #313c77; font-size: 48px; line-height: 50px; max-width: 1017px; width: 90%; margin: 0 auto 3.80208vw; text-align: center } .skip { border: 1px solid #313c77; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; color: #313c77; max-width: 138px; width: 48.08362%; height: 52px } .submition { border: 1px solid #313c77; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; color: #313c77; max-width: 138px; width: 48.08362%; height: 52px } .magic-nav-box { width: 88px; height: 203px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-100%); transform: translateY(-100%) } @media only screen and (max-width:767px) { .prog-descr-block p { font-size: 11px; line-height: 13px } .searchPop-body .search-container { -webkit-column-count: 1; column-count: 1 } .allResults:link, .allResults:visited { overflow: hidden; white-space: nowrap; text-indent: 1000px; width: 50px } .allResults:link:before, .allResults:visited:before { right: 10px } .questionLektiko { font-size: 30px; line-height: 32px } .magic-nav-box { height: auto; -webkit-transform: translateY(0); transform: translateY(0); top: calc(50vh - 164px); right: 0 } } .magic-nav-box .counter-box { position: absolute; height: 56px; -webkit-transform: rotate(-90deg) translate(-23%,-50%); transform: rotate(-90deg) translate(-23%,-50%); color: #fff; font-size: 58px; line-height: 52px; left: 0; top: 0 } .magic-nav-box a.magic-link:link, .magic-nav-box a.magic-link:visited { width: 175%; min-height: 62px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 20px; line-height: 1px; line-height: 1; color: #fff; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; bottom: 0; left: calc(88px - 33px); text-decoration: none } .magic-nav-box a.magic-link:link:before, .magic-nav-box a.magic-link:visited:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 15.5px 0 15.5px 30px; border-color: transparent transparent transparent #fff; position: absolute; top: -20px; left: 0 } @media only screen and (max-width:767px) { .magic-nav-box .counter-box { position: relative; -webkit-transform: rotate(0) translate(0,0); transform: rotate(0) translate(0,0); font-size: 34px; line-height: 34px; height: 34px } .magic-nav-box a.magic-link:link, .magic-nav-box a.magic-link:visited { width: 100%; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 16px; line-height: 1.2px; line-height: 1 } .magic-nav-box a.magic-link:link:before, .magic-nav-box a.magic-link:visited:before { position: relative; top: 0; margin-bottom: 10px } } .theNewLoader { opacity: 0; position: fixed; z-index: -5 } .transitionSlide { position: fixed; width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 99; left: 0; top: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } .transitionSlide img { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative } .portrait { display: none } .landscape { display: none } </style> <!-- Bootstrap CSS, Font Awesome, Form Validation, Fancybox 2 CSS etc. --> <link href="/css/bootstrap.min.css" rel="stylesheet" media="print" onload="this.media='all'"> <link href="/dist/css/formValidation.min.css" rel="stylesheet" media="print" onload="this.media='all'"> <link href="/css/jquery.fancybox.min.css" rel="stylesheet" media="print" onload="this.media='all'"> <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&amp;subset=greek-ext" rel="stylesheet" media="print" onload="this.media='all'"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" media="print" onload="this.media='all'"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/brands.css" integrity="sha384-n9+6/aSqa9lBidZMRCQHTHKJscPq6NW4pCQBiMmHdUCvPN8ZOg2zJJTkC7WIezWv" crossorigin="anonymous" media="print" onload="this.media='all'"> <link rel="stylesheet" type="text/css" href="/css/slick.css" media="print" onload="this.media='all'" /> <link rel="stylesheet" type="text/css" href="/css/slick-theme.css" media="print" onload="this.media='all'" /> <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" media="print" onload="this.media='all'"> <link href="/css/hamburgers.css" rel="stylesheet" media="print" onload="this.media='all'"> <link href="/css/basictable.css" rel="stylesheet" media="print" onload="this.media='all'"> <link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet" media="print" onload="this.media='all'"> <link href="/css/phil.css" rel="stylesheet" media="print" onload="this.media='all'"> <link href="/css/alex.css" rel="stylesheet" media="print" onload="this.media='all'"> <style> .grecaptcha-badge { display: none; } </style> <div style="display:none;"> Local <br /> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://heron.gr/", "address": { "@type": "PostalAddress", "streetAddress": "Leof. Kifisias 124, Athina 115 26", "addressRegion": "ATH", "postalCode": "115 26", "addressCountry": "GR" }, "name": "HERON THERMOELECTRIC S.A.", "contactPoint": [{ "@type": "ContactPoint", "telephone": "+30 21 3033 3000", "contactType": "Customer Service", "email": "CustomerCare@heron.gr" }], "sameAs": [ "https://www.facebook.com/heronGR/" ] } </script> <!-- Facebook Pixel Code --> <script type="text/javascript" defer> /*type = "text/plain" data - cookieconsent="statistics" */ !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '307060206823613'); fbq('track', 'PageView'); fbq('track', 'ViewContent'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=307060206823613&ev=PageView&noscript=1" /> </noscript> <!-- End Facebook Pixel Code --> <!-- Taboola Pixel Code --> <script type='text/javascript' defer> window._tfa = window._tfa || []; window._tfa.push({ notify: 'event', name: 'page_view', id: 1167457 }); !function (t, f, a, x) { if (!document.getElementById(x)) { t.async = 1; t.src = a; t.id = x; f.parentNode.insertBefore(t, f); } }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/unip/1167457/tfa.js', 'tb_tfa_script'); </script> <noscript> <img src='https://trc.taboola.com/1167457/log/3/unip?en=page_view' width='0' height='0' style='display:none' /> </noscript> <!-- End of Taboola Pixel Code --> <img src="https://www8.smartadserver.com/diffx/track/partner?partnername=heron&value=visit=yes&expdate=90" style="display: none;" width=1 height=1 border=0> </img> <script type="text/javascript"> function TriggerAnalyticsGtags() { gtag('config', 'UA-108693311-1', { 'anonymize_ip': true }); gtag('config', 'AW-699937583', { 'anonymize_ip': true }); } function TriggerTaboolaPageView() { window._tfa.push({ notify: 'event', name: 'page_view', id: 1167457 }); } function TriggerFacebookpageView() { fbq('track', 'PageView'); } function TriggerPageViewEvents() { //TriggerAnalyticsGtags(); TriggerTaboolaPageView(); TriggerFacebookpageView(); } </script> <script src="/dist/js/header.js" defer></script> </head> <body class="red programm"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRN7HRN" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="iemessage"> <!DOCTYPE html> <html> <head> </head> <body> <div class="iemessage"> <div>We recommend that you use one of the following browsers: Edge, Firefox, Chrome, Safari, for optimum experience.</div> </div> </body> </html> </div> <div class="transitionSlide"> <img src="/img/30.svg"> </div> <header> <!-- Mobile Nav --> <div class="mobile-nav"> <div class="top-container"> <div class="logo-container"> <a href="/en/"> <picture> <source srcset="/media/d0yhaezo/iron_logo_mobile.svg, /media/d0yhaezo/iron_logo_mobile.svg 2x" /> <img src="/media/d0yhaezo/iron_logo_mobile.svg" alt="Heron Logo" /> </picture> </a> </div> <ul> <li data-id="search"> <a href="#searchPop" class="search-cont"> <img src="/img/header/search-white.svg" alt="Search" /> </a> </li> <li> <a href="/en/stores/"> <img src="/img/header/stores.svg" alt="Stores" /> </a> </li> <li> <a href="tel:18228"> <img src="/img/header/phone.svg" alt="Phone" /> </a> </li> <li> <a target="_blank" href="http://www.my.heron.gr/en"> <img src="/img/header/profile.svg" alt="Profile" /> </a> </li> </ul> <div class="burger" data-id="burger-button"> <div class="line"></div> <div class="line"></div> <div class="line"></div> </div> </div> <nav class="main-nav"> <div class="breadCrumbs" data-id="mobile-breadCrumbs"> <span> <img src="/img/header/arrow-left-green.png" alt="Arrow left" /> </span> <span id="text-content"> PRICE PLANS </span> </div> <div class="item-list"> <ul class="head-category"> <li> <!-- PROGRAMMATA --> <button>PRICE PLANS</button> <ul> <li> <button>HOME</button> <ul> <li> <button>Electricity</button> <ul class="list-items"> <li > <a href="/en/energy/electricity/home/blue-generous-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #5567c7"></div> <!--</ hasColor > --> <span class="inner-list-text">BLUE GENEROUS HOME</span> <!-- < hasLabel > --> <div class="label">BEST SELLER</div> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/yellow-free-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW FREE HOME</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/yellow-one-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW ΟΝΕ ΗΟΜE</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/home-fix/"> <!-- < hasColor > --> <div class="square" style="background-color: #5567c7"></div> <!--</ hasColor > --> <span class="inner-list-text">FIX HOME</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/home-genius-fix/"> <!-- < hasColor > --> <div class="square" style="background-color: #5567c7"></div> <!--</ hasColor > --> <span class="inner-list-text">FIX GENIUS HOME</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/double-generous-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">DOUBLE GENEROUS HOME</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/solar-generous-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">SOLAR GENEROUS HOME</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/protect-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">PROTECT HOME</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/basic-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #049d64"></div> <!--</ hasColor > --> <span class="inner-list-text">BASIC HOME</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/yellow-benefit-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW BENEFIT ΗΟΜE</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/home/yellow-free-student/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW FREE STUDENT</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li class=is-eco> <a href="/en/energy/ecoenergy/for-home/eco-generous-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">ECO GENEROUS HOME</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> </ul> </li> <li> <button>Natural Gas</button> <ul class="list-items"> <li > <a href="/en/energy/gas/home/gas-max-home/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">GAS MAX HOME</span> <!-- < hasLabel > --> <div class="label">BEST SELLER</div> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/gas/home/gas-pass-home/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">GAS PASS ΗΟΜΕ</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/gas/home/gas-max-share/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">GAS MAX SHARE</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> </ul> </li> <li> <button>Services</button> <ul class="list-items"> <li > <a href="/en/ena/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">HERON ΕΝ.Α</span> <!-- < hasLabel > --> <div class="label">BEST SELLER</div> <!-- </ hasLabel > --> </a> </li> <li class=is-eco> <a href="/en/energy_future/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">PULSE Electromobility</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li class=is-eco> <a href="/en/ecoroof/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">EcoRoof</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li class=is-eco> <a href="/en/ecoheat/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">Eco Ηeat - Natural Gas Boilers</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> </ul> </li> </ul> </li> <li> <button>BUSINESS</button> <ul> <li> <button>Electricity</button> <ul class="list-items"> <li > <a href="/en/energy/electricity/business/blue-generous-business/"> <!-- < hasColor > --> <div class="square" style="background-color: #5567c7"></div> <!--</ hasColor > --> <span class="inner-list-text">BLUE GENEROUS BUSINESS S</span> <!-- < hasLabel > --> <div class="label">BEST SELLER</div> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/yellow-free-business/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW FREE BUSINESS</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/yellow-one-business-small/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW ΟΝΕ BUSINESS SMALL</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/business-fix/"> <!-- < hasColor > --> <div class="square" style="background-color: #5567c7"></div> <!--</ hasColor > --> <span class="inner-list-text">FIX BUSINESS</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/business-genius-fix/"> <!-- < hasColor > --> <div class="square" style="background-color: #5567c7"></div> <!--</ hasColor > --> <span class="inner-list-text">FIX GENIUS BUSINESS</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/double-generous-business-small/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">DOUBLE GENEROUS BUSINESS SMALL</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/basic-business-small/"> <!-- < hasColor > --> <div class="square" style="background-color: #049d64"></div> <!--</ hasColor > --> <span class="inner-list-text">BASIC BUSINESS SMALL</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/protect-business-small/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">PROTECT BUSINESS SMALL</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/yellow-benefit-business-small/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW BENEFIT BUSINESS SMALL</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li class=is-eco> <a href="/en/energy/ecoenergy/for-business/eco-generous-business-small/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">ECO GENEROUS BUSINESS SMALL</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/double-generous-business-large/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">DOUBLE GENEROUS BUSINESS LARGE</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/basic-business-large/"> <!-- < hasColor > --> <div class="square" style="background-color: #049d64"></div> <!--</ hasColor > --> <span class="inner-list-text">BASIC BUSINESS LARGE</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/protect-business-large/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">PROTECT BUSINESS LARGE</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li class=is-eco> <a href="/en/energy/ecoenergy/for-business/eco-generous-business-large/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">ECO GENEROUS BUSINESS LARGE</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> </ul> </li> <li> <button>Natural Gas</button> <ul class="list-items"> <li > <a href="/en/energy/gas/business/gas-max-business/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">GAS MAX BUSINESS</span> <!-- < hasLabel > --> <div class="label">BEST SELLER</div> <!-- </ hasLabel > --> </a> </li> </ul> </li> <li> <button>Services</button> <ul class="list-items"> <li > <a href="/en/ena/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">HERON ΕΝ.Α</span> <!-- < hasLabel > --> <div class="label">BEST SELLER</div> <!-- </ hasLabel > --> </a> </li> <li class=is-eco> <a href="/en/energy_future/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">PULSE Electromobility</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li class=is-eco> <a href="/en/ecoroof/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">EcoRoof</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li class=is-eco> <a href="/en/ecoheat/"> <!-- < hasColor > --> <!--</ hasColor > --> <span class="inner-list-text">Eco Ηeat - Natural Gas Boilers</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> </ul> </li> </ul> </li> </ul> </li> <li> <button>FOR YOU</button> <ul> <li> <div class="card"> <div class="background-image"> <img src="/media/okjgqjq5/mobile-purple_card.webp" alt="Background Image" /> </div> <div class="text"> <span class="program"> Rewarding scheme </span> <span class="title">HERON VIBES </span> </div> <a class="button" href="/en/vibes/"> <span> Learn more </span> </a> </div> </li> <li> <div class="card"> <div class="background-image"> <img src="/media/d2idtzkx/mobile-lavender_card.webp" alt="Background Image" /> </div> <div class="text"> <span class="program"> Collaborations </span> <span class="title">SPECIAL OFFERS </span> </div> <a class="button" href="/en/offers/"> <span> Learn more </span> </a> </div> </li> </ul> </li> <li> <button>SUPPORT</button> <ul> <li> <button>Support</button> <ul> <li> <a href="/en/join-heron/">Become a customer</a> </li> <li> <a href="/en/customercare/">Customer Service</a> </li> <li> <a href="/en/stores/">Stores</a> </li> <li> <a href="/en/partners/">Network of partners</a> </li> <li> <a href="/en/franchise-partner/">Become a partner</a> </li> </ul> </li> <li> <button>Useful</button> <ul> <li> <a href="/en/payment-modes/">Modes of payment</a> </li> <li> <a href="/en/breakdown-of-electricity-bill/">Bill analysis Electricity</a> </li> <li> <a href="/en/breakdown-of-natural-gas/">Bill analysis Natural Gas</a> </li> <li> <a href="/en/ebill/">E-bill</a> </li> <li> <a href="/en/register-your-own-readings/">Register your own readings</a> </li> <li> <a href="/en/faq/">FAQs</a> </li> <li> <a href="/en/energy-saving-tips/">Energy saving tips</a> </li> </ul> </li> <li> <div class="tab-content__contact"> <div class="title"> <span>Instant support</span> </div> <div class="info"> <a href="tel:18228">18228</a> <a href="mailto:customercare@heron.gr">customercare@heron.gr</a> <a href="/en/myheronapp/">myHERON</a> </div> </div> </li> </ul> </li> </ul> </div> </nav> <ul class="bottom-container"> <li class="contact grow"> <a target="_blank" href="https://my.heron.gr/e-contract/whats-new">E-CONTRACT</a> </li> <li class="language"> <a href="/energy/electricity/gia-to-spiti/yellow-free-home/">EL</a> </li> <li class="news"> <a href="/en/news/"> <img src="/img/header/news-white.svg" alt="News Icon" /> </a> </li> </ul> </div> <!-- Desktop Nav --> <div class="desktop-nav"> <div class="logo-container"> <a href="/en/"> <img src="/media/j1zdqw5l/heron-logo-header-eng.svg" alt="Heron logo" width="204" height="62" /> </a> </div> <div class="flex-box"> <div class="left-nav"> <nav> <ul data-role="menu-items-container"> <li data-id="programs" data-role="menu-item"> <button>PRICE PLANS</button> </li> <li data-id="forYou" data-role="menu-item"> <button>FOR YOU</button> </li> <li data-id="service" data-role="menu-item"> <button>SUPPORT</button> </li> </ul> </nav> </div> <div class="right-nav"> <div class="right-nav__top"> <ul> <li> <a href="/en/news/"> <img src="/img/header/news.svg" alt="News" /> <span>NEWS</span> </a> </li> <li> <a href="/energy/electricity/gia-to-spiti/yellow-free-home/">EL</a> </li> <li> <a class="search-trig" href="#searchPop"> <img src="/img/header/search.svg" alt="Search" /> </a> </li> </ul> </div> <div class="right-nav__bottom"> <ul> <li class="is-expandable"> <a href="/en/stores/"> <div class="image-container"> <img src="/img/header/stores.svg" alt="Stores" /> </div> <span>Stores</span> </a> </li> <li class="is-expandable"> <a href="tel:18228"> <div class="image-container"> <img src="/img/header/phone.svg" alt="Phone" /> </div> <span>18228</span> </a> </li> <li class="is-expandable"> <a href="/en/click-2-call/"> <div class="image-container"> <img src="/img/header/link.svg" alt="Link" /> </div> <span>Click2Call</span> </a> </li> <li id="myHeron"> <a target="_blank" href="http://www.my.heron.gr/en"> <div class="image-container"> <img src="/img/header/profile.svg" alt="Profile" /> </div> <span>myHERON</span> </a> </li> <li id="right-nav_contact"> <a target="_blank" href="https://my.heron.gr/e-contract/whats-new"> <span>E-Contract</span> </a> </li> </ul> </div> </div> </div> </div> <!-- Tabs --> <div class="desktop-menu-tabs"> <div class="desktop-menu-tabs__wrapper" data-role="tab-wrapper"> <div data-id="programs-tab" class="tab"> <div class="tab-content"> <div class="inner-tab-nav"> <ul> <li class=active data-role="inner-tab-button" data-id="tab-0"> <button> <img src="/media/ewodopna/home.svg" alt="HOME" /> <span>HOME</span> </button> </li> <li data-role="inner-tab-button" data-id="tab-1"> <button> <img src="/media/hzcpzsu1/business.svg" alt="BUSINESS" /> <span>BUSINESS</span> </button> </li> </ul> </div> <!-- INNER TAB --> <div class="inner-tab active" data-id="tab-0-inner-tab"> <!-- INNER TAB CATEGORY --> <div class="inner-tab__category"> <span class="inner-tab__category__title" > Electricity </span> <ul class="inner-tab__category__list" note-message=""> <li class=has-tag> <a href="/en/energy/electricity/home/blue-generous-home/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #5567c7"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> BLUE GENEROUS HOME </span> <!-- LEAF --> <!-- TAG --> <span class="inner-tab__category__list__tag">BEST SELLER</span> </span> </a> </li> <li > <a href="/en/energy/electricity/home/yellow-free-home/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> YELLOW FREE HOME </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/home/yellow-one-home/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> YELLOW ΟΝΕ ΗΟΜE </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/home/home-fix/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #5567c7"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> FIX HOME </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/home/home-genius-fix/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #5567c7"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> FIX GENIUS HOME </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/home/double-generous-home/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> DOUBLE GENEROUS HOME </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/home/solar-generous-home/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> SOLAR GENEROUS HOME </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/home/protect-home/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> PROTECT HOME </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/home/basic-home/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #049d64"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> BASIC HOME </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/home/yellow-benefit-home/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> YELLOW BENEFIT ΗΟΜE </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/home/yellow-free-student/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> YELLOW FREE STUDENT </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/ecoenergy/for-home/eco-generous-home/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> ECO GENEROUS HOME </span> <!-- LEAF --> <img class="inner-tab__category__list__leaf" src="/img/header/leaf.svg" alt="Leaf" /> <!-- TAG --> </span> </a> </li> </ul> </div> <!-- INNER TAB CATEGORY --> <div class="inner-tab__category"> <span class="inner-tab__category__title" > Natural Gas </span> <ul class="inner-tab__category__list" note-message=""> <li class=has-tag> <a href="/en/energy/gas/home/gas-max-home/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> GAS MAX HOME </span> <!-- LEAF --> <!-- TAG --> <span class="inner-tab__category__list__tag">BEST SELLER</span> </span> </a> </li> <li > <a href="/en/energy/gas/home/gas-pass-home/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> GAS PASS ΗΟΜΕ </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/gas/home/gas-max-share/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> GAS MAX SHARE </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> </ul> </div> <!-- INNER TAB CATEGORY --> <div class="inner-tab__category"> <span class="inner-tab__category__title" > Services </span> <ul class="inner-tab__category__list" note-message=""> <li class=has-tag> <a href="/en/ena/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> HERON ΕΝ.Α </span> <!-- LEAF --> <!-- TAG --> <span class="inner-tab__category__list__tag">BEST SELLER</span> </span> </a> </li> <li > <a href="/en/energy_future/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> PULSE Electromobility </span> <!-- LEAF --> <img class="inner-tab__category__list__leaf" src="/img/header/leaf.svg" alt="Leaf" /> <!-- TAG --> </span> </a> </li> <li > <a href="/en/ecoroof/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> EcoRoof </span> <!-- LEAF --> <img class="inner-tab__category__list__leaf" src="/img/header/leaf.svg" alt="Leaf" /> <!-- TAG --> </span> </a> </li> <li > <a href="/en/ecoheat/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> Eco Ηeat - Natural Gas Boilers </span> <!-- LEAF --> <img class="inner-tab__category__list__leaf" src="/img/header/leaf.svg" alt="Leaf" /> <!-- TAG --> </span> </a> </li> </ul> </div> </div> <!-- INNER TAB --> <div class="inner-tab " data-id="tab-1-inner-tab"> <!-- INNER TAB CATEGORY --> <div class="inner-tab__category"> <span class="inner-tab__category__title" > Electricity </span> <ul class="inner-tab__category__list" note-message="Supply above 25 kVA"> <li class=has-tag> <a href="/en/energy/electricity/business/blue-generous-business/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #5567c7"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> BLUE GENEROUS BUSINESS S </span> <!-- LEAF --> <!-- TAG --> <span class="inner-tab__category__list__tag">BEST SELLER</span> </span> </a> </li> <li > <a href="/en/energy/electricity/business/yellow-free-business/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> YELLOW FREE BUSINESS </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/business/yellow-one-business-small/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> YELLOW ΟΝΕ BUSINESS SMALL </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/business/business-fix/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #5567c7"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> FIX BUSINESS </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/business/business-genius-fix/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #5567c7"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> FIX GENIUS BUSINESS </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/business/double-generous-business-small/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> DOUBLE GENEROUS BUSINESS SMALL </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/business/basic-business-small/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #049d64"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> BASIC BUSINESS SMALL </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/business/protect-business-small/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> PROTECT BUSINESS SMALL </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/business/yellow-benefit-business-small/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> YELLOW BENEFIT BUSINESS SMALL </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/ecoenergy/for-business/eco-generous-business-small/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> ECO GENEROUS BUSINESS SMALL </span> <!-- LEAF --> <img class="inner-tab__category__list__leaf" src="/img/header/leaf.svg" alt="Leaf" /> <!-- TAG --> </span> </a> </li> </ul> <ul class="inner-tab__category__list" note-message="Supply over 25 kVA"> <li > <a href="/en/energy/electricity/business/double-generous-business-large/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> DOUBLE GENEROUS BUSINESS LARGE </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/business/basic-business-large/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #049d64"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> BASIC BUSINESS LARGE </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/electricity/business/protect-business-large/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> PROTECT BUSINESS LARGE </span> <!-- LEAF --> <!-- TAG --> </span> </a> </li> <li > <a href="/en/energy/ecoenergy/for-business/eco-generous-business-large/"> <!-- COLOR --> <span class="inner-tab__category__list__color" style="background-color: #ecc700"></span> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> ECO GENEROUS BUSINESS LARGE </span> <!-- LEAF --> <img class="inner-tab__category__list__leaf" src="/img/header/leaf.svg" alt="Leaf" /> <!-- TAG --> </span> </a> </li> </ul> </div> <!-- INNER TAB CATEGORY --> <div class="inner-tab__category"> <span class="inner-tab__category__title" > Natural Gas </span> <ul class="inner-tab__category__list" note-message=""> <li class=has-tag> <a href="/en/energy/gas/business/gas-max-business/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> GAS MAX BUSINESS </span> <!-- LEAF --> <!-- TAG --> <span class="inner-tab__category__list__tag">BEST SELLER</span> </span> </a> </li> </ul> </div> <!-- INNER TAB CATEGORY --> <div class="inner-tab__category"> <span class="inner-tab__category__title" > Services </span> <ul class="inner-tab__category__list" note-message=""> <li class=has-tag> <a href="/en/ena/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> HERON ΕΝ.Α </span> <!-- LEAF --> <!-- TAG --> <span class="inner-tab__category__list__tag">BEST SELLER</span> </span> </a> </li> <li > <a href="/en/energy_future/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> PULSE Electromobility </span> <!-- LEAF --> <img class="inner-tab__category__list__leaf" src="/img/header/leaf.svg" alt="Leaf" /> <!-- TAG --> </span> </a> </li> <li > <a href="/en/ecoroof/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> EcoRoof </span> <!-- LEAF --> <img class="inner-tab__category__list__leaf" src="/img/header/leaf.svg" alt="Leaf" /> <!-- TAG --> </span> </a> </li> <li > <a href="/en/ecoheat/"> <!-- COLOR --> <span class="inner-tab__category__list__text"> <span class="inner-list-text"> Eco Ηeat - Natural Gas Boilers </span> <!-- LEAF --> <img class="inner-tab__category__list__leaf" src="/img/header/leaf.svg" alt="Leaf" /> <!-- TAG --> </span> </a> </li> </ul> </div> </div> </div> <div class="tab-swipers"> <div class="swiper-container active" data-id="programs-tab-0-swipers"> <!-- TOP SWIPER --> <div class="swiper top" data-role="tab-swiper" id="programs_tab-0_top-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <picture> <source srcset="/media/qrhhujft/blue_generous_2024_600x150.png, /media/qrhhujft/blue_generous_2024_600x150.png 2x" /> <img src="/media/qrhhujft/blue_generous_2024_600x150.png" alt="BLUE GENEROUS HOME" /> </picture> <header> <span class="label">New Plan</span> <span class="title">BLUE GENEROUS HOME</span> </header> <main> <!DOCTYPE html> <html> <head> </head> <body> <p>New price plan 6 months of low price rate</p> </body> </html> </main> <a class="button" href="/en/energy/electricity/home/blue-generous-home/#"> <span>BUY NOW</span> </a> </div> </div> <div class="swiper-pagination" id="programs_tab-0_pagination"></div> </div> <div class="swiper bottom" data-role="tab-swiper" id="programs_tab-0_bottom-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <header> <span class="title">€50 Welcome Bonus</span> </header> <main> <p>Become a HERON customer quick and easy.</p> </main> <a class="button" href="/en/join-heron/"> <span>NEW CONTRACT</span> </a> </div> </div> <div class="swiper-pagination" id="programs_tab-0_bottom_pagination"></div> </div> </div> <div class="swiper-container " data-id="programs-tab-1-swipers"> <!-- TOP SWIPER --> <div class="swiper top" data-role="tab-swiper" id="programs_tab-1_top-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <picture> <source srcset="/media/qrhhujft/blue_generous_2024_600x150.png, /media/qrhhujft/blue_generous_2024_600x150.png 2x" /> <img src="/media/qrhhujft/blue_generous_2024_600x150.png" alt="BLUE GENEROUS BUSINESS" /> </picture> <header> <span class="label">New Plan</span> <span class="title">BLUE GENEROUS BUSINESS</span> </header> <main> <!DOCTYPE html> <html> <head> </head> <body> <p>New price plan 6 months of low price rate</p> </body> </html> </main> <a class="button" href="/en/energy/electricity/business/blue-generous-business/"> <span>BUY NOW</span> </a> </div> </div> <div class="swiper-pagination" id="programs_tab-1_pagination"></div> </div> <div class="swiper bottom" data-role="tab-swiper" id="programs_tab-1_bottom-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <header> <span class="title">Become a customer</span> </header> <main> <p>Become a Heron customer quickly and easily.</p> </main> <a class="button" href="/en/join-heron/"> <span>NEW CONTRACT</span> </a> </div> </div> <div class="swiper-pagination" id="programs_tab-1_bottom_pagination"></div> </div> </div> </div> </div> <div data-id="forYou-tab" class="tab"> <div class="card-container"> <div class="card"> <div class="background-image"> <picture> <source srcset="/media/51bcusxf/for-you-card-1-1x.png, /media/51bcusxf/for-you-card-1-1x.png 2x" /> <img src="/media/51bcusxf/for-you-card-1-1x.png" alt="Background Image" /> </picture> </div> <div class="text"> <span class="program"> Rewarding scheme </span> <span class="title">HERON VIBES </span> </div> <a class="button" href="/en/vibes/"> <span>Learn more</span> </a> </div> <div class="card"> <div class="background-image"> <picture> <source srcset="/media/4l1igibk/for-you-card-2-1x.png, /media/4l1igibk/for-you-card-2-1x.png 2x" /> <img src="/media/4l1igibk/for-you-card-2-1x.png" alt="Background Image" /> </picture> </div> <div class="text"> <span class="program"> Collaborations </span> <span class="title">SPECIAL OFFERS </span> </div> <a class="button" href="/en/offers/"> <span>Learn more</span> </a> </div> </div> <div class="tab-swipers"> <div class="swiper-container active"> <!-- ForYou TOP SWIPER --> <div class="swiper top" data-role="tab-swiper" id="forYou_top-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <picture> <source srcset="/media/r0cpz3ne/blue_generous_2024_600x300.jpg, /media/r0cpz3ne/blue_generous_2024_600x300.jpg 2x" /> <img src="/media/r0cpz3ne/blue_generous_2024_600x300.jpg" alt="Win an electric car" /> </picture> <header> <span class="label">Contest</span> <span class="title">Win an electric car</span> </header> <main> <!DOCTYPE html> <html> <head> </head> <body> </body> </html> </main> <a class="button" target="_blank" href="https://my.heron.gr/login/"> <span>JOIN THE VIBES</span> </a> </div> </div> <div class="swiper-pagination" id="forYou_top_pagination"></div> </div> <!-- ForYou BOTTOM SWIPER --> <div class="swiper bottom" data-role="tab-swiper" id="forYou_bottom-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <header> <span class="title">VIBES</span> </header> <main> <p>Discover HERON&#39;s reward scheme and win!</p> </main> <a class="button" target="_blank" href="https://my.heron.gr/login/"> <span>SIGN UP</span> </a> </div> </div> <div class="swiper-pagination" id="forYou_bottom_pagination"></div> </div> </div> </div> </div> <div data-id="service-tab" class="tab"> <div class="tab-content"> <!-- TAB LIST --> <div class="tab-content__tab-list"> <div class="tab-content__tab-list__container"> <span class="tab-content__tab-list__container__title">Support</span> <ul> <li> <a href="/en/join-heron/">Become a customer</a> </li> <li> <a href="/en/customercare/">Customer Service</a> </li> <li> <a href="/en/stores/">Stores</a> </li> <li> <a href="/en/partners/">Network of partners</a> </li> <li> <a href="/en/franchise-partner/">Become a partner</a> </li> </ul> </div> <div class="tab-content__tab-list__container"> <span class="tab-content__tab-list__container__title">Useful</span> <ul> <li> <a href="/en/payment-modes/">Modes of payment</a> </li> <li> <a href="/en/breakdown-of-electricity-bill/">Bill analysis Electricity</a> </li> <li> <a href="/en/breakdown-of-natural-gas/">Bill analysis Natural Gas</a> </li> <li> <a href="/en/ebill/">E-bill</a> </li> <li> <a href="/en/register-your-own-readings/">Register your own readings</a> </li> <li> <a href="/en/faq/">FAQs</a> </li> <li> <a href="/en/energy-saving-tips/">Energy saving tips</a> </li> </ul> </div> </div> <div class="tab-content__contact"> <div class="title"> <span>Instant support</span> </div> <div class="info"> <a href="tel:18228">18228</a> <a href="mailto:customercare@heron.gr">customercare@heron.gr</a> <a href="/en/myheronapp/">myHERON</a> </div> </div> </div> <div class="tab-swipers"> <div class="swiper-container active"> <!-- SERVICE TOP SWIPER --> <div class="swiper top" data-role="tab-swiper" id="service_top-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <picture> <source srcset="/media/fy3jnezz/customer_care_2024_600x150.png, /media/fy3jnezz/customer_care_2024_600x150.png 2x" /> <img src="/media/fy3jnezz/customer_care_2024_600x150.png" alt="Click2Call" /> </picture> <header> <span class="title">Click2Call</span> </header> <main> <!DOCTYPE html> <html> <head> </head> <body> <p>Fill in your details, and a HERON representative will contact you.</p> </body> </html> </main> <a class="button" href="https://www.heron.gr/en/click-2-call/"> <span>CALL ME</span> </a> </div> </div> <div class="swiper-pagination" id="service_top_pagination"></div> </div> <!-- SERVICE BOTTOM SWIPER --> <div class="swiper bottom" data-role="tab-swiper" id="service_bottom-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <header> <span class="title">Become a customer</span> </header> <main> <p>Register online through the e-contract.</p> </main> <a class="button" target="_blank" href="https://my.heron.gr/e-contract/whats-new"> <span>SIGN UP</span> </a> </div> </div> <div class="swiper-pagination" id="service_bottom_pagination"></div> </div> </div> </div> </div> </div> </div> </header> <!-- #region Critical Path Logic --> <!-- #region Critical Path CSS --> <!-- #endregion --> <!-- #endregion --> <div class="theNewLoader"> </div> <div class="theLoader"> <nav class="section-nav"> <ul></ul> </nav> <main data-body-class="red" data-page-title="HERON YELLOW FREE HOME - HERON"> <section id="INTRO"> <div class="back-fix-container out"> <div class="back-fix"> ELECTRICITY<br> </div> </div> <div class="outerContainer out"> <div class="innerContainer"> <div class="magic-nav-box"> <div class="counter-box"> <span class="programCounter">01</span>/<span class="programTotal">11</span> </div> <a href="/en/energy/electricity/home/yellow-one-home/" class="magic-link"> YELLOW ΟΝΕ ΗΟΜE </a> </div> <!-- TIMOLOGIO REVMATOS FLAG --> <div class="electricity-bill-flag kimenomeno"> <span>VARIABLE-RATE TARRIF</span> </div> <div class="programm-title-block"> <div class="programm-title"> <img src="/media/25pogz2l/yellow-free-logo-for-light-bg.png?quality=90" alt="" /> </div> <div class="small-title"> HOME </div> </div> <!-- PROGRAMMS DESCRIPTION --> <div class="prog-descr-block"> <h1>ELECTRICITY WITH ZERO FIXED TARRIF.</h1> <p> The electricity price plan that you pay only for the electricity you consume, without conditions. </p> </div> </div> </div> </section> <!-- SECOND SECTION --> <section id="INFORMATION"> <div class="back-fix-sections-container"> <div class="back-fix-sections"> HERON<br /> YELLOW <br /> FREE<br /> HOME<br /> </div> </div> <div class="outerContainer"> <div class="innerContainer"> <div class="text-block"> <h2 class="h2">YOUR BENEFITS</h2> <!DOCTYPE html> <html> <head> </head> <body> <p>Do you want to be sure that you will always pay according to the electricity you consume?</p> <p>With the <strong>YELLOW FREE HOME</strong> plan, you have electricity at a<strong> low rate</strong>, <strong>zero fixed tariff</strong>, <strong>without commitments</strong> or other <strong>conditions</strong>. This means that you only pay for the electricity you consume!</p> <p>In addition, you get <strong>5% loyalty discount</strong> after 9 months in the plan.</p> </body> </html> </div> <div class="array-block"> <h2 class="h2">WHAT YOU PAY</h2> <!DOCTYPE html> <html> <head> </head> <body> <table border="1" style="border-collapse: collapse; width: 482px; height: 230px;"> <tbody> <tr> <td width="178" style="width: 159px;"> <p>Fixed Tariff (€/month)</p> </td> <td width="152" style="width: 137px;"> <p>Basic Electricity Rate (€/kWh)</p> </td> <td width="208" style="width: 186px;"> <p>Basic Electricity Rate with 5% loyalty discount (€/kWh)</p> </td> </tr> <tr> <td width="178" style="width: 159px;"> <p>0</p> </td> <td width="152" style="width: 137px;"> <p>0,0840</p> </td> <td width="208" style="width: 186px;"> <p>0,0798</p> </td> </tr> </tbody> </table> <p>Contract duration: No time limit</p> <p>A Purchase Cost Variation is applied to the price plan in accordance with article 3.2.2.2 of the Special Terms. More information <a href="https://www.heron.gr/en/faq/">here</a>.</p> <p>During August 2024, the plan benefits from the state subsidy E.T.F. (€0.0160/kWh) for the first 500kWh and an additional equalized HERON discount for the whole monthly consumption</p> <p>The priceplan is available for for S.R.Τ. beneficiaries.</p> <p>The rates in the above table are not inclusive of V.A.T. &amp; regulated charges.</p> </body> </html> </div> <div class="list-block"> <h2 class="h2">EXTRA PRIVILEGES</h2> <ol> <li> <p> <!DOCTYPE html> <html> <head> </head> <body> <p><strong>Zero security deposit</strong>/advance payment by activating a direct debit order.</p> </body> </html> </p> </li> </ol> </div> </div> </div> </section> <!-- THIRD SECTION --> <section id="ABOUT"> <div class="outerContainer"> <div class="innerContainer"> <!-- LIST BLOCK --> <div class="list-block"> <ol> <li> <h2 class="h2">HOW DO I BECOME A CUSTOMER?</h2> <p> <!DOCTYPE html> <html> <head> </head> <body> <p>Sign with HERON through a simple and easy process and enjoy unique privileges tailored to your needs!</p> </body> </html> </p> <a href="/en/join-heron/" class="mybut"> <div class="lines-cont"> <div class="line top"></div> <div class="line right"></div> <div class="line bottom"></div> <div class="line left"></div> </div> </a> </li> <li> <h2 class="h2">HOW DO I CHANGE MY ENERGY SUPPLIER?</h2> <p> <!DOCTYPE html> <html> <head> </head> <body> <p>You need a change? Come to HERON! Change your supplier through a short and simple process and take the power of energy in your hands! Easy as pie!</p> </body> </html> </p> <a href="/en/change-of-supplier/" class="mybut"> <div class="lines-cont"> <div class="line top"></div> <div class="line right"></div> <div class="line bottom"></div> <div class="line left"></div> </div> </a> </li> <li> <h2 class="h2">I AM MOVING OUT! WHAT SHOULD I DO?</h2> <p> <!DOCTYPE html> <html> <head> </head> <body> <p>Are you moving into a new home and wonder how are you going to get things in order? Just put HERON in your schedule and enjoy your new daily routine with all the power you’ll need! Easy as pie!</p> </body> </html> </p> <a href="/en/relocation/" class="mybut"> <div class="lines-cont"> <div class="line top"></div> <div class="line right"></div> <div class="line bottom"></div> <div class="line left"></div> </div> </a> </li> </ol> </div> <div class="carousel-container"> <div class="nav-cont whiten"> <div href="#" class="carousel-but prin"> </div> <!-- SLIDES COUNTERS --> <div class="counters"><span class="current-slide"></span> / <span class="total-slides"></span></div> <div href="#" class="carousel-but meta"> </div> </div> <div class="lines-cont"> <div class="line top"></div> <div class="line right"></div> <div class="line bottom"></div> <div class="line left"></div> </div> <div class="yellow-carousel"> <div class="slide"> <div class="image-slide"> <div class="img-block"> <div class="img-container"> <img class="onlyMob" src="/media/pvhlylgf/heron_slider_programmaton_ena_01.jpg?quality=90" alt=""> <img class="onlyDes" src="/media/pvhlylgf/heron_slider_programmaton_ena_01.jpg?quality=90" alt=""> </div> </div> </div> <div class="slide-desc"> <h2>HERON EN.A PROGRAM</h2> <p>With HERON EN.A., you “produce” the electricity you consume.</p> <a href="/en/ena/" class="mybut sline"> <div class="lines-cont"> <div class="line top"></div> <div class="line right"></div> <div class="line bottom"></div> <div class="line left"></div> </div> </a> </div> </div> <div class="slide"> <div class="image-slide"> <div class="img-block"> <div class="img-container"> <img class="onlyMob" src="/media/bgyn1jxg/heron_slider_programmaton_logariasmo_01.jpg?quality=90" alt=""> <img class="onlyDes" src="/media/bgyn1jxg/heron_slider_programmaton_logariasmo_01.jpg?quality=90" alt=""> </div> </div> </div> <div class="slide-desc"> <h2>CHECK YOUR BILL</h2> <p>Send your Electricity or Natural Gas Bill to HERON, via Messenger or via Viber &amp; WhatsApp, at 6951 00 88 22 and find out what would you pay if you became a HERON customer.</p> <a href="/en/offers/heron-viber/" class="mybut sline"> <div class="lines-cont"> <div class="line top"></div> <div class="line right"></div> <div class="line bottom"></div> <div class="line left"></div> </div> </a> </div> </div> <div class="slide"> <div class="image-slide"> <div class="img-block"> <div class="img-container"> <img class="onlyMob" src="/media/etneolwd/yellows.png?quality=90" alt=""> <img class="onlyDes" src="/media/etneolwd/yellows.png?quality=90" alt=""> </div> </div> </div> <div class="slide-desc"> <h2>YELLOW REWARD PROGRAMME</h2> <p>Pay your bill in MyHERON, redeem your yellows and win!</p> <a href="/en/offers/reward-programme/" class="mybut sline"> <div class="lines-cont"> <div class="line top"></div> <div class="line right"></div> <div class="line bottom"></div> <div class="line left"></div> </div> </a> </div> </div> </div> </div> </div> </div> </section> <!-- FORTH SECTION --> <section id="E-CONTRACT"> <div class="outerContainer"> <div class="innerContainer full"> <div class="single-block"> <div class="lines-cont"> <div class="line top"></div> <div class="line right"></div> <div class="line bottom"></div> <div class="line left"></div> </div> <div class="single-block-image"> <div class="img-block left"> <div class="img-title"> <span><!DOCTYPE html> <html> <head> </head> <body> <p>Apply online <br />and win a €50 <br />Welcome Bonus!</p> </body> </html></span> </div> <div class="img-container"> <img src="/media/pjap53nu/heron_doro_eggrafis_header_357x542_04.jpg?quality=90" alt="" /> </div> </div> </div> <div class="single-block-description"> <p><!DOCTYPE html> <html> <head> </head> <body> <p>Find the package that best suits your needs and take the power of energy in your own hands! Sign with HERON online through the e-contract and enjoy unique offers!</p> </body> </html></p> <a href="https://my.heron.gr/e-contract/whats-new" target="_blank" class="mybut"> <div class="lines-cont"> <div class="line top"></div> <div class="line right"></div> <div class="line bottom"></div> <div class="line left"></div> </div> </a> </div> </div> </div> </div> </section> </main> </div> <footer> <div class="footer__top"> <div class="footer__top__mid-container"> <div class="footer-wrapper"> <div class="footer__top__mid-container__top"> <a href="/en/stores/" class="bouble"> <img src="/media/imbpwusb/stores.svg" alt="STORES" /> <div class="text-content"> <h2>STORES</h2> <p>Discover the HERON store network</p> </div> </a> <a href="tel:18228" class="bouble"> <img src="/media/qyfbz1cu/phone.svg" alt="18228" /> <div class="text-content"> <h2>18228</h2> <p>A HERON representative will be there for you</p> </div> </a> <a href="/en/myheronapp/" class="bouble"> <img src="/media/wwsgazq5/profile.svg" alt="REGISTER" /> <div class="text-content"> <h2>REGISTER</h2> <p>Discover myHERON now and take advantage</p> </div> </a> </div> <div class="footer__top__mid-container__bottom"> <div class="footer__top__mid-container__bottom__left"> <div class="content-container"> <h2>USEFUL LINKS</h2> <div class="list"> <ul> <li> <a href="/en/energy/electricity/">Electricity</a> </li> <li> <a href="/en/energy/gas/">Natural Gas</a> </li> </ul> <ul> <li> <a href="/en/customercare/">Customer Service</a> </li> <li> <a href="/en/news/">News</a> </li> <li> <a href="/en/stores/">Stores</a> </li> </ul> <ul> <li> <a href="/en/join-heron/">Be a customer</a> </li> <li> <a href="/en/myheronapp/">myHERON</a> </li> </ul> </div> </div> <div class="content-container"> <h2>HERON GROUP</h2> <div class="list"> <ul> <li> <a href="/en/business-activity/electricity-production/">Electricity Production</a> </li> <li> <a href="/en/business-activity/electricity-trade/">Electricity Trade</a> </li> <li> <a href="/en/business-activity/electricity-supply/">Electricity Supply</a> </li> <li> <a href="/en/business-activity/natural-gas-supply/">Natural Gas Supply</a> </li> <li> <a href="/en/business-activity/energy-portfolio/">Energy Portfolio</a> </li> <li> <a href="/en/business-activity/electromobility/">Electromobility</a> </li> </ul> <ul> <li> <a href="/en/omilos/history/">History</a> </li> <li> <a href="/en/omilos/financial-details/">Financial Details</a> </li> <li> <a href="/en/omilos/quality-assurance/">Quality Assurance</a> </li> </ul> <ul> <li> <a href="/en/the-heron-team/">Join our team</a> </li> <li> <a href="/en/franchise-partner/">Open a store</a> </li> </ul> </div> </div> </div> <div class="footer__top__mid-container__bottom__right"> <h2>CONTACT</h2> <div class="info-container"> <ul> <li> <a href="https://goo.gl/maps/GEjKhYFTk8Ts7xXMA" target="_blank"> <img src="/img/footer/pin.svg" alt="Pin" /> <address>124 Kifisias Avenue, Athens, 11526</address> </a> </li> <li> <a href="tel:+30 213 00 75 499" target="_blank"> <img src="/img/footer/fax.svg" alt="Fax" /> <span>+30 213 00 75 499</span> </a> </li> <li> <a href="mailto:CustomerCare@heron.gr"> <img src="/img/footer/mic.svg" alt="Contact" /> <span>CustomerCare@heron.gr</span> </a> </li> </ul> </div> <div class="social-container"> <ul> <li class="social-item"> <a href="https://www.facebook.com/heronGR?fref=ts" target="_blank"> <img src="/img/footer/fb.svg" alt="Facebook Logo" /> </a> </li> <li class="social-item"> <a href="https://www.instagram.com/heron.gr/?hl=el" target="_blank"> <img src="/img/footer/ig.svg" alt="Instagram Logo" /> </a> </li> <li class="social-item"> <a href="https://www.youtube.com/channel/UC02V8_CaOxbkV-WJsgdyung" target="_blank"> <img src="/img/footer/yt.svg" alt="Youtube Logo" /> </a> </li> <li class="social-item"> <a href="https://www.linkedin.com/company/1255717?trk=prof-0-ovw-curr_pos" target="_blank"> <img src="/img/footer/in.svg" alt="Linkedin Logo" /> </a> </li> </ul> <a href="/en/blogs/" class="button"> HERON BLOG </a> </div> </div> </div> </div> </div> <div class="footer__top__bottom-container"> <div class="footer-wrapper"> <h2 class="title">DISTINCTIONS</h2> <div class="image-collection"> <picture> <source media="(min-width: 768px)" srcset="/media/s0edlrum/e-volution-awards-2023_stickers_gold.png, /media/s0edlrum/e-volution-awards-2023_stickers_gold.png 2x" /> <source media="(max-width: 767px)" srcset="/media/s0edlrum/e-volution-awards-2023_stickers_gold.png, /media/s0edlrum/e-volution-awards-2023_stickers_gold.png 2x" /> <img src="/media/s0edlrum/e-volution-awards-2023_stickers_gold.png" alt="E Volution Awards 2023 Stickers Gold" /> </picture> <picture> <source media="(min-width: 768px)" srcset="/media/zdafzd2h/cloud_computing_awards_2023_sticker_gold.jpg, /media/zdafzd2h/cloud_computing_awards_2023_sticker_gold.jpg 2x" /> <source media="(max-width: 767px)" srcset="/media/zdafzd2h/cloud_computing_awards_2023_sticker_gold.jpg, /media/zdafzd2h/cloud_computing_awards_2023_sticker_gold.jpg 2x" /> <img src="/media/zdafzd2h/cloud_computing_awards_2023_sticker_gold.jpg" alt="Cloud Computing Awards 2023 Sticker Gold" /> </picture> <picture> <source media="(min-width: 768px)" srcset="/media/1lzc1w4e/award_4.png, /media/1lzc1w4e/award_4.png 2x" /> <source media="(max-width: 767px)" srcset="/media/1lzc1w4e/award_4.png, /media/1lzc1w4e/award_4.png 2x" /> <img src="/media/1lzc1w4e/award_4.png" alt="Award 4" /> </picture> <picture> <source media="(min-width: 768px)" srcset="/media/e2ydqhtu/loyalty-awards_stickers-2024_gold-ai.png, /media/e2ydqhtu/loyalty-awards_stickers-2024_gold-ai.png 2x" /> <source media="(max-width: 767px)" srcset="/media/e2ydqhtu/loyalty-awards_stickers-2024_gold-ai.png, /media/e2ydqhtu/loyalty-awards_stickers-2024_gold-ai.png 2x" /> <img src="/media/e2ydqhtu/loyalty-awards_stickers-2024_gold-ai.png" alt="Loyalty Awards Stickers 2024 Gold Ai (1)" /> </picture> <picture> <source media="(min-width: 768px)" srcset="/media/i21lw5ye/2022-4_excellence-award-gr.jpg, /media/i21lw5ye/2022-4_excellence-award-gr.jpg 2x" /> <source media="(max-width: 767px)" srcset="/media/i21lw5ye/2022-4_excellence-award-gr.jpg, /media/i21lw5ye/2022-4_excellence-award-gr.jpg 2x" /> <img src="/media/i21lw5ye/2022-4_excellence-award-gr.jpg" alt="2022 4 Excellence Award GR" /> </picture> </div> </div> </div> </div> <div id="footer-copyright"> <div class="container-holder"> <div class="container-alt"> <div class="row"> <div class="footer-left col-xl-3"> <div class="footer-left-inside"> <div class="footer-inside"> <img src="/media/j1zdqw5l/heron-logo-header-eng.svg" /> </div> </div> </div> <div class="footer-right col-xl-8"> <div class="footer-inside"> <div class="footer-right-inside"> <div class="container-fluid"> <div class="row"> <div class="col-xl-3 d-flex flex-column flex-xl-row"> <span class="theText">Group of companies:</span> <a href="http://www.gekterna.com" target="_blank"> <img src="/media/jekntjui/gek_terna_eng.png" /> </a> </div> <div class="copyright-text col-xl-8"> <span class="copyright">&#169; 2024 HERON</span> <span>•</span> <a href="/en/terms-of-use/" class="transition">TERMS OF USE</a> <span>•</span> <a href="/en/cookies-policy/" class="transition">COOKIES POLICY</a> <span>•</span> <a href="/en/privacy-policy/" class="transition">PRIVACY POLICY</a> <span>•</span> <a class="transition" href="javascript: Cookiebot.renew()">COOKIES SETTINGS</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <a href="/documents/12-2023/poster-espa.pdf" target="_blank"><img class="espa-banner" src="/img/espa.png" alt="ESPA banner" /></a> </div> </footer> <div id="searchPop"> <div class="searchPop-header"> <form id="searchForm" action="/en/results/" class="searchField-container search-container"> <input type="search" name="query" id="query"><a class="allResults" href="#" onclick="document.getElementById('searchForm').submit(); return false;">ALL THE RESULTS</a> </form> </div> <div class="searchPop-body"> <div class="search-container"> </div> </div> </div> <script src="/scripts/jquery-3.3.1.min.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/mvc/5.1/jquery.validate.unobtrusive.min.js"></script> <div id="gnomiPop"> <div id="umbraco_form_e882d3462ec344e89e2ab8a4a082e40b" class="umbraco-forms-form questionnaireen umbraco-forms-questionnaire"> <form action="/en/energy/electricity/home/yellow-free-home/" enctype="multipart/form-data" method="post"><input name="__RequestVerificationToken" type="hidden" value="J40bYdEfm-v5h-2RX615r1tLr02kw6oz9wMwgToSNroEiZvwQC-tfefqTkxcJAT7sTUYGWvwwjicnJWImq10rSAmTzOaKY0KaxSTd1sTPso1" /><input data-val="true" data-val-required="The FormId field is required." name="FormId" type="hidden" value="e882d346-2ec3-44e8-9e2a-b8a4a082e40b" /><input name="FormName" type="hidden" value="Questionnaire EN" /><input data-val="true" data-val-required="The RecordId field is required." name="RecordId" type="hidden" value="00000000-0000-0000-0000-000000000000" /><input name="PreviousClicked" type="hidden" value="" /><input name="Theme" type="hidden" value="questionnaire" /> <input type="hidden" name="FormStep" value="0" /> <input type="hidden" name="RecordState" value="RjRDNkVBMzkzRjVCMDNFNTE2RTM1MkI5QzJBQzRFODYxMERFQkRGOENBMkQxODI2MTI4NDkyNUI3MDFCN0Q5RkFFNEY4QjM0QTkxRjJDQjUxRkE2RUQyNTlFNTdDMUQxMDBFMUNFMjY5OENCMzcwNUYxMEYxRjcxQjA1QTdBNzk1MjYwNTdGQTlGM0I1OERENDRCMkREQTk1QTE4RDIyODdFODMyQTM2NDM2MTgxODVGRDJBNDE0NTBCMDFBODYyMzkwN0I5QjFFRTcxQjE0RUMxMTNBNTFFMjFEMjAyMDQ2QUMyRkJDNDg4MkU5NDI5NDM2NzI5MDU1ODIzOUIyMzg1MTE2QjA1RUNBN0RCMkM2NDFFNDRENjAxNTFDNDBEQkE1MjM0NTE2MzdBQ0FCMzA2QkU4QzQwRDY2NzdCM0NBOEI3MEVBOTU4MjNBMTZBQ0FGOTVCMjRFMTY1MUY0NkY3RkIyRjNEMkRBRjI0MkE2REQzQzRCM0I3NTM3MkI4MTI2RjdEODQxMENFMEQxNTdDMkYxMURDMDU3NTdEN0I1RTIxNzgzNzgwMEU0OTE2MjNERTAxRjkyNEQ2RTQwQzJGRkZFMjM4QUMxQTIwRTE2ODg3NUU0MkYwNzI2RUI0QjIyMUI1NjY5RDVDMEI2MEYxQzZBRTU2RDE1OUU4ODkwNDg4QzNDNkM3MzBBMTNEODAxMjZEMjE2OEIxRTBFMjYxQjg3QkY0NzA4RTMwQzlDMDQxN0IxRDM1MkJFQkIxMDYxMkQ3MjFCQ0I4N0UxMUZERDQ2REM1MEQ5QjE1Q0UwNEIzRUU1QjZEOEVEMTIyNDAwOTQ3MTQ5RUE0NkJDMjNGNjE4Qzc4MzMyRDQ0ODk5QkJFODRBRDcxQ0NEOTE3NDcxQzk2MTJERDA0RTYzOEE3OTMzQjc4QjM2MDQ2NEU1NDhCQzlCRDM5M0ZFNTk2QUY1M0U5RUFFN0QzQTFCOEQzNDU3MkU2RTFEMDhGNjJCOUVGODg5OTJEQkY0MkJDQThBQzYyNzc3Qjk3RjU0NTczM0YxM0Q4QjQ3Q0FFRTM1RjYxQTA1Njg3NTdFNUM0N0NDOTJGRDk0NUZBQTRGMTM2MjQzN0E1MEIyMzU4OTRFRUEyOTAzNEMzNjQ2QTI1RTQyRDM1MjdDNkE0QzBDMTNGMkZBN0Y4NTJDRUE0NUZDM0FEQUUzQkZGMEM5N0M4NjFENzAxQkI4Q0MyNUU4NjkxNzJGNThBREYwNUFFODZCOTk0QThCMThFOUMxMEUwMzU3NkE4QjFCNzMxQTg4NjI2MzEyQzZFNEVBNUQ3NDYyMjhDNjA1RTYwNDQxMTFCODgzNzBBNjE1NzRBQTIyMA==" /> <div class="umbraco-forms-page"> <fieldset class="umbraco-forms-fieldset" id="099cb563-077f-4b66-9d3d-3bdc0a7ea883"> <!-- NEXT PREV --> <div class="nav-cont"> <div href="#" class="carousel-but prin"> </div> <!-- SLIDES COUNTERS --> <div class="counters"> <span class="current-slide"></span> / <span class="total-slides"></span> </div> <div href="#" class="carousel-but meta"> </div> </div> <div class="gnomi-slider umbraco-forms-fieldset" id="099cb563-077f-4b66-9d3d-3bdc0a7ea883"> <!-- SLIDE --> <div class="gnomi-slide"> <div class="questionNum">QUESTION 01</div> <div class="questionLektiko">Πόσο χρήσιμες σου φάνηκαν οι πληροφορίες σχετικά τα θέματα που σε ενδιέφεραν; EN</div> <div class="shortForm"> <div class="radiosContainer umbraco-forms-field πόσοχρήσιμεςσουφάνηκανοιπληροφορίεςσχετικάταθέματαπουσεενδιέφερανen singlechoice" > <input type="radio" id="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_0" name="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72" value="Καθόλου" > <label for="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_0">1</label> <input type="radio" id="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_1" name="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72" value="Λίγο" > <label for="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_1">2</label> <input type="radio" id="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_2" name="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72" value="Αρκετά" > <label for="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_2">3</label> <input type="radio" id="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_3" name="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72" value="Πολύ" > <label for="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_3">4</label> <input type="radio" id="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_4" name="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72" value="Πάρα Πολύ" > <label for="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72_4">5</label> <span class="field-validation-valid" data-valmsg-for="e92f9b42-4ab5-4a3e-8701-eedaaaf00e72" data-valmsg-replace="true"></span> </div> <div class="forms-controls"> <div class="skip">Skip Step</div> <div class="skip">Next</div> </div> </div> </div> <!-- SLIDE --> <div class="gnomi-slide"> <div class="questionNum">QUESTION 02</div> <div class="questionLektiko">Βρήκες όλες τις πληροφορίες που χρειαζόσουν; EN</div> <div class="shortForm"> <div class="radiosContainer umbraco-forms-field βρήκεςόλεςτιςπληροφορίεςπουχρειαζόσουνen singlechoice alternating" > <input type="radio" id="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_0" name="da7f6123-0bce-49db-ea0e-7c8dc90a9f12" value="Καθόλου" > <label for="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_0">1</label> <input type="radio" id="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_1" name="da7f6123-0bce-49db-ea0e-7c8dc90a9f12" value="Λίγο" > <label for="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_1">2</label> <input type="radio" id="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_2" name="da7f6123-0bce-49db-ea0e-7c8dc90a9f12" value="Αρκετά" > <label for="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_2">3</label> <input type="radio" id="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_3" name="da7f6123-0bce-49db-ea0e-7c8dc90a9f12" value="Πολύ" > <label for="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_3">4</label> <input type="radio" id="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_4" name="da7f6123-0bce-49db-ea0e-7c8dc90a9f12" value="Πάρα Πολύ" > <label for="da7f6123-0bce-49db-ea0e-7c8dc90a9f12_4">5</label> <span class="field-validation-valid" data-valmsg-for="da7f6123-0bce-49db-ea0e-7c8dc90a9f12" data-valmsg-replace="true"></span> </div> <div class="forms-controls"> <div class="skip">Skip Step</div> <div class="skip">Next</div> </div> </div> </div> <!-- SLIDE --> <div class="gnomi-slide"> <div class="questionNum">QUESTION 03</div> <div class="questionLektiko">Πόσο εύκολα βρήκες τις πληροφορίες που σε ενδιέφεραν; EN</div> <div class="shortForm"> <div class="radiosContainer umbraco-forms-field πόσοεύκολαβρήκεςτιςπληροφορίεςπουσεενδιέφερανen singlechoice" > <input type="radio" id="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_0" name="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97" value="Καθόλου" > <label for="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_0">1</label> <input type="radio" id="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_1" name="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97" value="Λίγο" > <label for="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_1">2</label> <input type="radio" id="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_2" name="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97" value="Αρκετά" > <label for="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_2">3</label> <input type="radio" id="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_3" name="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97" value="Πολύ" > <label for="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_3">4</label> <input type="radio" id="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_4" name="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97" value="Πάρα Πολύ" > <label for="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97_4">5</label> <span class="field-validation-valid" data-valmsg-for="86f0142c-77c9-4d8a-c8fa-e728b9bd8b97" data-valmsg-replace="true"></span> </div> <div class="forms-controls"> <div class="skip">Skip Step</div> <div class="skip">Next</div> </div> </div> </div> <!-- SLIDE --> <div class="gnomi-slide"> <div class="questionNum">QUESTION 04</div> <div class="questionLektiko">Θα έλεγες ότι οι εντυπώσεις σου από το σύνολο της ιστοσελίδας ΗΡΩΝ είναι ικανοποιητικές; EN</div> <div class="shortForm"> <div class="radiosContainer umbraco-forms-field θαέλεγεςότιοιεντυπώσειςσουαπότοσύνολοτηςιστοσελίδαςηρωνείναιικανοποιητικέςen singlechoice alternating" > <input type="radio" id="1344b674-e93a-4e41-d6b7-617e54a09afd_0" name="1344b674-e93a-4e41-d6b7-617e54a09afd" value="Καθόλου" > <label for="1344b674-e93a-4e41-d6b7-617e54a09afd_0">1</label> <input type="radio" id="1344b674-e93a-4e41-d6b7-617e54a09afd_1" name="1344b674-e93a-4e41-d6b7-617e54a09afd" value="Λίγο" > <label for="1344b674-e93a-4e41-d6b7-617e54a09afd_1">2</label> <input type="radio" id="1344b674-e93a-4e41-d6b7-617e54a09afd_2" name="1344b674-e93a-4e41-d6b7-617e54a09afd" value="Αρκετά" > <label for="1344b674-e93a-4e41-d6b7-617e54a09afd_2">3</label> <input type="radio" id="1344b674-e93a-4e41-d6b7-617e54a09afd_3" name="1344b674-e93a-4e41-d6b7-617e54a09afd" value="Πολύ" > <label for="1344b674-e93a-4e41-d6b7-617e54a09afd_3">4</label> <input type="radio" id="1344b674-e93a-4e41-d6b7-617e54a09afd_4" name="1344b674-e93a-4e41-d6b7-617e54a09afd" value="Πάρα Πολύ" > <label for="1344b674-e93a-4e41-d6b7-617e54a09afd_4">5</label> <span class="field-validation-valid" data-valmsg-for="1344b674-e93a-4e41-d6b7-617e54a09afd" data-valmsg-replace="true"></span> </div> <div class="forms-controls"> <div class="skip">Skip Step</div> <div class="skip">Next</div> </div> </div> </div> <!-- SLIDE --> <div class="gnomi-slide"> <div class="questionNum">QUESTION 05</div> <div class="questionLektiko">Υπάρχει κάτι επιπλέον, που θα ήθελες να υπάρχει μέσα στην ιστοσελίδα αλλά δεν το βρήκες; EN</div> <div class="shortForm long"> <div class=" umbraco-forms-field υπάρχεικάτιεπιπλέονπουθαήθελεςναυπάρχειμέσαστηνιστοσελίδααλλάδεντοβρήκεςen longanswer" > <textarea class="" name="6b968c38-9239-461e-f107-a03158adeacc" id="6b968c38-9239-461e-f107-a03158adeacc" placeholder="Type a reason" ></textarea> <span class="field-validation-valid" data-valmsg-for="6b968c38-9239-461e-f107-a03158adeacc" data-valmsg-replace="true"></span> </div> <div class="forms-controls"> <input type="submit" class="submition" value="Submit" name="__next" /> </div> </div> </div> </div> </fieldset> <div style="display: none"> <input type="text" name="e882d3462ec344e89e2ab8a4a082e40b" /> </div> <div class="umbraco-forms-navigation row-fluid"> <div class="col-md-12"> </div> </div> </div> <input name="ufprt" type="hidden" value="32C2E0F72D1505CD8F9DE135C637E2600D43760AA1E3C0BC2E0D0ADB2C43CA38CD9ABB77FD1EECF45D097360957AA977880D9534A97424653FF5EF06ECCAFDED57E04D74484E1B7CF6F494B78EEB10BDAFC2F5C4E12400DAD2B88CFFCBA2156C91F5F3F5EF2FE9B5892BD664153AC7896494E7A2AAF56611C50C655DD300279C1200ADCD28D4C67AAC69D8B1889D2A51" /></form> <div class="umbraco-forms-form-config" style="display: none" data-id="e882d3462ec344e89e2ab8a4a082e40b" data-serialized-page-button-conditions="{}" data-serialized-fieldset-conditions="{}" data-serialized-field-conditions="{}" data-serialized-fields-not-displayed="{}" data-trigger-conditions-check-on="change"></div> <script type='application/javascript' src='/App_Plugins/UmbracoForms/Assets/themes/default/umbracoforms.min.js' defer='defer'></script><link rel='stylesheet' href='/App_Plugins/UmbracoForms/Assets/Themes/Questionnaire/style.css' /> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.js"></script> <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script> <script src="/scripts/scrolloramaScrollExt.js"></script> <script src="/scripts/bootstrap.min.js"></script> <script src="/scripts/slick.min.js"></script> <script src="/scripts/jquery.fancybox.min.js"></script> <script src="/scripts/matchHeight.js"></script> <script src="/scripts/jquery.matchHeight.js"></script> <script src="/dist/js/FormValidation.min.js"></script> <script src="/dist/js/plugins/Bootstrap.min.js"></script> <script src="/scripts/footer-validation.js"></script> <script src="/scripts/enllax.min.js"></script> <script src="/scripts/fitty.js"></script> <script src="/scripts/rtable.js"></script> <script src="/scripts/Recaptcha.min.js"></script> <script src="/scripts/tilt.js"></script> <script> jQuery("td").removeAttr("style"); //jQuery("th").removeAttr("style"); jQuery("table").removeAttr("style"); </script> <script src="/scripts/main.js?v=1"></script> <script type="text/javascript"> $(document).ready(function () { var HTML = '<div class="results-block">'; HTML += '<div class="results-block-category">!CATEGORY!</div>'; HTML += '<a href="!URL!" class="results-block-title">!PAGETITLE!</a>'; HTML += '<div class="results-block-text">!LINKTITLE!</div>'; HTML += '</div>'; $("#query").on('input', function () { if ($(this).val().length > 2) { $.ajax({ url: '/umbraco/Surface/Search/AllResults', method: "POST", dataType: "json", async: true, data: { 'searchTerm': $("#query").val(), 'cCode': 'en' } }).done(function (data, textStatus, request) { $(".searchPop-body .search-container").html(""); var dataLength = data.length; console.log(data); if (dataLength > 0) for (var i = 0; dataLength; i++) { var result = HTML; result = result .replace('!CATEGORY!', data[i].Category) .replace('!PAGETITLE!', data[i].PageTitle) .replace('!URL!', data[i].Url) .replace('!LINKTITLE!', data[i].LinkTitle); $(".searchPop-body .search-container").append(result); } }).fail(function () { }); } }); jQuery(".e-menu-btn-right").on('click', function (e) { gtag('event', "click", { 'event_category': 'My_Heron_header', 'event_label': "Across_website_button" }); }); }); </script> <script async src="https://assets.strossle.com/strossle-analytics/1/strossle-analytics.js"></script> <script> window.strossleAnalyticsQueue = window.strossleAnalyticsQueue || []; function strossleAnalytics() { strossleAnalyticsQueue.push(arguments); } strossleAnalytics('config', 'deviceStorage', true); </script> <noscript><link href="/css/bootstrap.min.css" rel="stylesheet"></noscript> <noscript><link href="/css/formValidation.min.css" rel="stylesheet"></noscript> <noscript><link href="/css/jquery.fancybox.min.css" rel="stylesheet" media="screen"></noscript> <noscript><link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&amp;subset=greek-ext" rel="stylesheet"></noscript> <noscript><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"></noscript> <noscript><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/brands.css" integrity="sha384-n9+6/aSqa9lBidZMRCQHTHKJscPq6NW4pCQBiMmHdUCvPN8ZOg2zJJTkC7WIezWv" crossorigin="anonymous"></noscript> <noscript><link rel="stylesheet" type="text/css" href="/css/slick.css"></noscript> <noscript><link rel="stylesheet" type="text/css" href="/css/slick-theme.css"></noscript> <noscript><link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" /></noscript> <noscript><link href="/css/hamburgers.css" rel="stylesheet"></noscript> <noscript><link href="css/basictable.css" rel="stylesheet"></noscript> <noscript><link href="css/jquery.mCustomScrollbar.css" rel="stylesheet"></noscript> <noscript><link href="/css/phil.css" rel="stylesheet"></noscript> <noscript><link href="/css/alex.css" rel="stylesheet"></noscript> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10