CINXE.COM

YELLOW PLUS 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>YELLOW PLUS HOME - HERON</title> <meta name="description" content="A price plan without commitments and a free consumption of 30 kWh every month!" /> <!-- for Facebook --> <meta property="og:title" content="YELLOW PLUS HOME - HERON" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://www.heron.gr/media/5c4j0iex/generic_electricity_fb.jpg" /> <meta property="og:url" content="https://www.heron.gr/en/energy/electricity/home/yellow-plus-home/" /> <meta property="og:description" content="A price plan without commitments and a free consumption of 30 kWh every month!" /> <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://www.heron.gr/en/energy/electricity/home/yellow-plus-home/" /> <link rel="alternate" hreflang="el" href="https://www.heron.gr/energy/electricity/gia-to-spiti/yellow-plus-home/" /> <link rel="alternate" hreflang="x-default" href="https://www.heron.gr/energy/electricity/gia-to-spiti/yellow-plus-home/" /> <!-- Google Fonts Link --> <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.png"> <style> @charset 'UTF-8'; .transitionSlide { display: none; } .iemessage { display: none; } </style> <link rel="stylesheet" href="/css/header.css"> <link rel="stylesheet" media="print" onload="this.media='all'" href="/css/footer.css"> <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 rel="stylesheet" media="print" onload="this.media='all'" href="/css/bootstrap.min.css"> <link rel="stylesheet" media="print" onload="this.media='all'" href="/dist/css/formValidation.min.css"> <link rel="stylesheet" media="print" onload="this.media='all'" href="/css/jquery.fancybox.min.css"> <link rel="stylesheet" media="print" onload="this.media='all'" href="https://fonts.googleapis.com/css?family=Roboto&#x2B;Slab:100,300,400,700&amp;amp;subset=greek-ext"> <link rel="stylesheet" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" media="print" onload="this.media='all'" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"> <link rel="stylesheet" integrity="sha384-n9+6/aSqa9lBidZMRCQHTHKJscPq6NW4pCQBiMmHdUCvPN8ZOg2zJJTkC7WIezWv" crossorigin="anonymous" media="print" onload="this.media='all'" href="https://use.fontawesome.com/releases/v5.8.1/css/brands.css"> <link rel="stylesheet" type="text/css" media="print" onload="this.media='all'" href="/css/slick.css" /> <link rel="stylesheet" type="text/css" media="print" onload="this.media='all'" href="/css/slick-theme.css" /> <link rel="stylesheet" media="print" onload="this.media='all'" href="https://unpkg.com/swiper@7/swiper-bundle.min.css"> <link rel="stylesheet" media="print" onload="this.media='all'" href="/css/hamburgers.css"> <link rel="stylesheet" media="print" onload="this.media='all'" href="/css/basictable.css"> <link rel="stylesheet" media="print" onload="this.media='all'" href="/css/jquery.mCustomScrollbar.css"> <link rel="stylesheet" media="print" onload="this.media='all'" href="/css/phil.css"> <link rel="stylesheet" media="print" onload="this.media='all'" href="/css/alex.css"> <style> .grecaptcha-badge { display: none; } </style> <div style="display:none;"> Local <br /> </div> <script type="application/ld+json" defer async> { "@context": "https://schema.org", "@type": "Organization", "url": "https://www.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" async 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" fetchpriority="low"/> </noscript> <!-- End Facebook Pixel Code --> <!-- Taboola Pixel Code --> <script type='text/javascript' defer async> 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' fetchpriority="low"/> </noscript> <!-- End of Taboola Pixel Code --> <link rel="preconnect" src="https://www8.smartadserver.com/diffx/track/partner?partnername=heron&value=visit=yes&expdate=90" style="display: none;" width=1 height=1 border=0 as="image"/> <script type="text/javascript" async defer> 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(); //TODO: See if this needs to be uncommented -kbibis TriggerTaboolaPageView(); TriggerFacebookpageView(); } </script> <script defer src="/dist/js/header.js"></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" loading="lazy"></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" fetchpriority="high" /> </a> </li> <li> <a href="tel:18228"> <img src="/img/header/phone.svg" alt="Phone" fetchpriority="high" /> </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-one-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW &#x39F;&#x39D;&#x395; &#x397;&#x39F;&#x39C;E</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-plus-home/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW PLUS 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 &#x397;&#x39F;&#x39C;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> </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 &#x397;&#x39F;&#x39C;&#x395;</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 &#x395;&#x39D;.&#x391;</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 &#x397;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</span> <!-- < hasLabel > --> <div class="label">BEST SELLER</div> <!-- </ 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 &#x39F;&#x39D;&#x395; 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-plus-business-small/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW PLUS BUSINESS S</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 S</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 S</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 S</span> <!-- < hasLabel > --> <!-- </ hasLabel > --> </a> </li> <li > <a href="/en/energy/electricity/business/yellow-plus-business-large/"> <!-- < hasColor > --> <div class="square" style="background-color: #ecc700"></div> <!--</ hasColor > --> <span class="inner-list-text">YELLOW PLUS BUSINESS L</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 L</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 L</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 &#x395;&#x39D;.&#x391;</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 &#x397;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/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="/cdn-cgi/l/email-protection#5a392f292e35373f28393b283f1a323f283534743d28"><span class="__cf_email__" data-cfemail="bad9cfc9ced5d7dfc8d9dbc8dffad2dfc8d5d494ddc8">[email&#160;protected]</span></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-plus-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-plus-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> <button id="desktop-close-bt"></button> </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 class=has-tag> <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 &#x39F;&#x39D;&#x395; &#x397;&#x39F;&#x39C;E </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-plus-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 PLUS 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 &#x397;&#x39F;&#x39C;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> </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 &#x397;&#x39F;&#x39C;&#x395; </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 &#x395;&#x39D;.&#x391; </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 &#x397;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 </span> <!-- LEAF --> <!-- TAG --> <span class="inner-tab__category__list__tag">BEST SELLER</span> </span> </a> </li> <li class=has-tag> <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 &#x39F;&#x39D;&#x395; 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-plus-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 PLUS BUSINESS S </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 S </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 S </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 S </span> <!-- 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/yellow-plus-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"> YELLOW PLUS BUSINESS L </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 L </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 L </span> <!-- 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 &#x395;&#x39D;.&#x391; </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 &#x397;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 12 months of low price rate</p> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></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">&#x20AC;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 12 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/yv3lcyat/8f211fb4-4de0-479d-982b-fbf90f998236.jpg, /media/yv3lcyat/8f211fb4-4de0-479d-982b-fbf90f998236.jpg 2x" /> <img src="/media/yv3lcyat/8f211fb4-4de0-479d-982b-fbf90f998236.jpg" alt="Win the electricity of the year!" /> </picture> <header> <span class="label">Contest</span> <span class="title">Win the electricity of the year!</span> </header> <main> <!DOCTYPE html> <html> <head> </head> <body> </body> </html> </main> <a class="button" 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&#x27;s reward scheme and win!</p> </main> <a class="button" 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/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="/cdn-cgi/l/email-protection#5734222423383a322534362532173f32253839793025"><span class="__cf_email__" data-cfemail="7a190f090e15171f08191b081f3a121f081514541d08">[email&#160;protected]</span></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> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></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" 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="YELLOW PLUS 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">09</span>/<span class="programTotal">09</span> </div> <a href="/en/energy/electricity/home/yellow-free-home/" class="magic-link"> YELLOW FREE HOME </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/hmnntzd4/yellow-plus-logo-for-white-bg.png?quality=90" alt="" /> </div> <div class="small-title"> HOME </div> </div> <!-- PROGRAMMS DESCRIPTION --> <div class="prog-descr-block"> <h1>ELECTRICITY SAVINGS WITH BONUS FOR YOUR HOME</h1> <p> A price plan without commitments and a free consumption of 30 kWh every month! </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 /> PLUS<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>HERON brings unexpected solutions and bonus! For you who want electricity saving without commitments, Yellow Plus is here, offering a free consumption <strong data-renderer-mark="true">for the first</strong> 30 kWh every month!</p> </body> </html> </div> <div class="array-block"> <h2 class="h2">WHAT YOU PAY</h2> <!DOCTYPE html> <html> <head> </head> <body> <table border="0" style="font-weight: 400;" data-tablestyle="MsoNormalTable" data-tablelook="1184" aria-rowcount="2"> <tbody> <tr aria-rowindex="1"> <td data-celllook="69905"> <p><span>Consumption (kWh/month)</span> </p> </td> <td data-celllook="69905"> <p><span>Fixed Charge (€/month)</span> </p> </td> <td data-celllook="69905"> <p><span>Basic Electricity Rate (€/kWh)</span> </p> </td> </tr> <tr aria-rowindex="2"> <td data-celllook="69905"> <p><span>0-30</span> </p> <p><span>Above 31</span> </p> </td> <td data-celllook="69905"> <p><span>9,50</span> </p> </td> <td data-celllook="69905"> <p><span>0</span> </p> <p><span>0,0450</span> </p> </td> </tr> </tbody> </table> <p><span>Contract duration: No time limit</span> </p> <p><span>A Purchase Cost Variation is applied to the price plan in accordance with article 3.2.2.2 of the Special Terms. More information </span><a href="https://www.heron.gr/en/faq/"><span data-ccp-charstyle="Hyperlink">here</span></a><span>.</span> </p> <p><span>The priceplan is available for S.R.Τ. beneficiaries.</span> </p> <p><span>The rates in the above table are not inclusive of V.A.T. &amp; regulated charges.</span> </p> </body> </html> </div> <div class="list-block"> <h2 class="h2">EXTRA PRIVILEGES </h2> <ol> <li> <p> <!DOCTYPE html> <html> <head> </head> <body> <p><span class="NormalTextRun SCXW169895290 BCX0">Zero security deposit</span><span class="NormalTextRun SCXW169895290 BCX0">/advance payment by activating a direct debit order.</span></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 src="/media/pvhlylgf/heron_slider_programmaton_ena_01.jpg?quality=90" srcset="/media/pvhlylgf/heron_slider_programmaton_ena_01.jpg?quality=90 474w, /media/pvhlylgf/heron_slider_programmaton_ena_01.jpg?quality=90 474w" sizes="(max-width: 474px) 474px, 474px" alt="" loading="lazy"/> </div> </div> </div> <div class="slide-desc"> <h2>HERON EN.A PROGRAM</h2> <p>With HERON EN.A., you &#x201C;produce&#x201D; 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 src="/media/bgyn1jxg/heron_slider_programmaton_logariasmo_01.jpg?quality=90" srcset="/media/bgyn1jxg/heron_slider_programmaton_logariasmo_01.jpg?quality=90 474w, /media/bgyn1jxg/heron_slider_programmaton_logariasmo_01.jpg?quality=90 474w" sizes="(max-width: 474px) 474px, 474px" alt="" loading="lazy"/> </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 src="/media/etneolwd/yellows.png?quality=90" srcset="/media/etneolwd/yellows.png?quality=90 474w, /media/etneolwd/yellows.png?quality=90 474w" sizes="(max-width: 474px) 474px, 474px" alt="" loading="lazy"/> </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 or 213 0333000" /> <div class="text-content"> <h2>18228 or 213 0333000</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/">Become 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:&#x2B;30 213 00 75 499" target="_blank"> <img src="/img/footer/fax.svg" alt="Fax" /> <span>&#x2B;30 213 00 75 499</span> </a> </li> <li> <a href="/cdn-cgi/l/email-protection#fdbe888e899290988fbe9c8f98bd95988f9293d39a8f"> <img src="/img/footer/mic.svg" alt="Contact" /> <span><span class="__cf_email__" data-cfemail="e7a4929493888a8295a4869582a78f82958889c98095">[email&#160;protected]</span></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/odyeisob/e-volution-awards-2025_stickers_silver.png, /media/odyeisob/e-volution-awards-2025_stickers_silver.png 2x" /> <source media="(max-width: 767px)" srcset="/media/odyeisob/e-volution-awards-2025_stickers_silver.png, /media/odyeisob/e-volution-awards-2025_stickers_silver.png 2x" /> <img src="/media/odyeisob/e-volution-awards-2025_stickers_silver.png" alt="E Volution Awards 2025 Stickers Silver" /> </picture> <picture> <source media="(min-width: 768px)" srcset="/media/5xrlkcrr/new_cloud_computing_awards_2023_sticker_gold.jpg, /media/5xrlkcrr/new_cloud_computing_awards_2023_sticker_gold.jpg 2x" /> <source media="(max-width: 767px)" srcset="/media/5xrlkcrr/new_cloud_computing_awards_2023_sticker_gold.jpg, /media/5xrlkcrr/new_cloud_computing_awards_2023_sticker_gold.jpg 2x" /> <img src="/media/5xrlkcrr/new_cloud_computing_awards_2023_sticker_gold.jpg" alt="New Cloud Computing Awards 2023 Sticker Gold (1)" /> </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">&#xA9; 2025 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> <!-- jQuery 3.7.1 (with local fallback) --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous" src="https://code.jquery.com/jquery-3.7.1.min.js"> </script> <script>(window.jQuery||document.write("\u003Cscript integrity=\u0022sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=\u0022 crossorigin=\u0022anonymous\u0022 src=\u0022/scripts/jquery-3.7.1.min.js\u0022\u003E\u003C/script\u003E"));</script> <!-- jQuery validate 1.19.5--> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script> <!-- jQuery validate unobtrusive 5.2 --> <script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2/jquery.validate.unobtrusive.min.js"></script> <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/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> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8K9zlnpVr7VElrfvzn1kX1rgV0ILWyv7KGjCCKzoEtZsQfQL651JLW02gXV3bUoTnUZygVpGiDy9DkUD-njy0ylRlnthphhdTlzwWrSdwLvdiPUB_0VnIFPzCqHk1k8bRM4KkzA1kCTgqDq-iELZRu0" /> <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: false, data: { 'searchTerm': $("#query").val(), 'cCode': 'en', '__RequestVerificationToken': $('input[name="__RequestVerificationToken"]').val() } }).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> <link rel="preconnect" src="https://assets.strossle.com/strossle-analytics/1/strossle-analytics.js" as="script" /> <script> window.strossleAnalyticsQueue = window.strossleAnalyticsQueue || []; function strossleAnalytics() { strossleAnalyticsQueue.push(arguments); } strossleAnalytics('config', 'deviceStorage', true); </script> <noscript><link rel="stylesheet" href="/css/bootstrap.min.css"></noscript> <noscript><link rel="stylesheet" href="/css/formValidation.min.css"></noscript> <noscript><link rel="stylesheet" media="screen" href="/css/jquery.fancybox.min.css"></noscript> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&#x2B;Slab:100,300,400,700&amp;amp;subset=greek-ext"></noscript> <noscript><link rel="stylesheet" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"></noscript> <noscript><link rel="stylesheet" integrity="sha384-n9+6/aSqa9lBidZMRCQHTHKJscPq6NW4pCQBiMmHdUCvPN8ZOg2zJJTkC7WIezWv" crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.8.1/css/brands.css"></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 rel="stylesheet" href="/css/hamburgers.css"></noscript> <noscript><link rel="stylesheet" href="css/basictable.css"></noscript> <noscript><link rel="stylesheet" href="css/jquery.mCustomScrollbar.css"></noscript> <noscript><link rel="stylesheet" href="/css/phil.css"></noscript> <noscript><link rel="stylesheet" href="/css/alex.css"></noscript> </body> </html>

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