{"id":2189,"date":"2022-10-26T18:09:33","date_gmt":"2022-10-26T15:09:33","guid":{"rendered":"https:\/\/lab.bluecloudnet.com\/dev\/"},"modified":"2023-09-22T22:32:14","modified_gmt":"2023-09-22T19:32:14","slug":"dev","status":"publish","type":"page","link":"https:\/\/cga-car-batteries.com\/el\/dev\/","title":{"rendered":"Dev"},"content":{"rendered":"\n\n<div class=\"hero-image-fp-parent no-parallax-mode hide-video video-loop show-after-slider-button-inline\">\n\n\t\t\t<div class=\"hero-image-fp-shine-animation\"><\/div>\n\t\t<div class=\"hero-image-fp-container\">\t\n\t\t\t\t<div class=\"hero-image-fp-title fadedin-introed-title\">\u0386\u03bc\u03b5\u03c3\u03b7 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ae \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u2013 \u03c7\u03c9\u03c1\u03af\u03c2 \u03ba\u03b1\u03b8\u03c5\u03c3\u03c4\u03b5\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2<\/div>\n\t\t\t\n\t\t\t\t<div class=\"hero-image-fp-subtitle fadedin-introed-subtitle\"><div class='fp-subtitle-text'>\u039c\u03b5\u03af\u03bd\u03b1\u03c4\u03b5 \u03b1\u03c0\u03cc \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1; \u0386\u03bc\u03b5\u03c3\u03b7 \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2, \u03cc\u03c0\u03bf\u03c5 \u03ba\u03b9 \u03b1\u03bd \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c3\u03c4\u03b5.<\/div>\n<div class='fp-contact-section-parent'>\n  <div class='fp-contact-section'>\n    <div>\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2:<\/div>\n    <div class='fp-contact-section-links-parent'>\n      <a href='tel:+35799676792' target='_blank' class='fa-mobile fa'> <\/a>\n      <a href='viber:\/\/chat?number=+35799676792' target='_blank' class='fa-brands fa-viber'> <\/a>\n      <a href='https:\/\/wa.me\/+35799676792' target='_blank' class='fa-brands fa-whatsapp'><\/a>\n      <a href='https:\/\/www.facebook.com\/share\/193AF11U7j\/?mibextid=wwXIfr' target='_blank' class='fa-brands fa-facebook-f'><\/a>\n      <a href='https:\/\/www.instagram.com\/cga__carbatteries?igsh=MTcwcjZiZDBjenlqbQ==' target='_blank' class='fa-brands fa-instagram'><\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n\t\t\t\n<div class=\"html-after-slider-parent\">\n\t<div id=\"html-after-slider\" class=\"html-after-slider\">\n\t\t<div id=\"html-after-slider-text\" class=\"html-after-slider-text\">Scroll Down<\/div>\n\t\t<div id=\"html-after-slider-symbol\" class=\"html-after-slider-symbol\"><\/div>\n\t<\/div>    \n<\/div>\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - After Slider Button ***\/\n\n.html-after-slider-parent {\n\tposition: relative;\n\twidth:200px;\n\tmargin: auto;\n\tline-height: 1;\n}\n\n.html-after-slider {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tbottom: 4vh;\/*Always use ch, pixels are bad on low heights, percentage does nothing*\/\n\tz-index:100;\n\tcolor:var(--alternate-color);\t\t\n\ttext-shadow: 2px 2px 8px #222;\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n@media only screen and (max-width:800px){\n\t.html-after-slider {\n\t\tbottom: 5px; \n\t}\n\n\t.html-after-slider-text {\n\t\tdisplay:none;\n\t}\n}\n\n.html-after-slider-text {\n    font-size: 20px;\n    text-align:center;\t\n}\n\n.html-after-slider-symbol {\n    margin: auto;\n    text-align:center;\n    font-size: 20px;\n    transition: all 0.3s;\n\t\tanimation-name: arrow-down;\n\t\tanimation-duration: 5s;\n\t\tanimation-iteration-count: infinite;\n}\n\n\n@keyframes arrow-down {\n  0%   {transform:translateY(0px);}\n  90%  {transform:translateY(0px);}\n  95%  {transform:translateY(6px);}\n  100% {transform:translateY(0px);}\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n.html-after-slider-symbol::before {\n\tcontent: '\\f347';\n\tfont-family: dashicons;\n\tfont-size: 36px;\n\ttransition: all 0.3s;\t\n}\n\n.html-after-slider-parent:hover .html-after-slider-symbol {\n\tanimation-name: hovered-arrow-down;\n\tanimation-duration: 0.3s;\t\n\tanimation-iteration-count: 1;\n\tanimation-fill-mode: forwards;\n\t\n}\n\n@keyframes hovered-arrow-down {\n  0%   {transform:translateY(0px);}\n  100%  {transform:translateY(7px);}\n}\n\n\n<\/style>\n\t\n<script defer>\n\t(function($) {\n\t\n\t  $(document).ready(function() {\n      $(\".html-after-slider-parent\").click(function(){\n        $('html, body').animate({\n          scrollTop: $(\".html-after-slider-parent\").offset().top - 90\n        }, 800);\n\t\t\t });\n\t\t\n    });\n  \t\n  })( jQuery );\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n<\/script>\t\t\t\n\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t\t\t\t   \n\n\t<\/div>\n<\/div>\n\n\n<style>\n\t\t\n\t\t\/*** Content: Shortcode HTML Based - Hero Image ***\/\n\t\n.hero-image-fp-parent {\n\tposition:relative;\t\n\toverflow:hidden;\n\tmargin: auto;\n\theight: auto;\t\t\n\tmin-height: 100vh;\n\ttext-align:center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content:center;\n}\t\t\n\t\n\n\n@media only screen and (max-width:800px){\n    .hero-image-fp-parent {\n       \n\t}\n}\n\t\n.hero-image-fp-parent-background {\n\tposition:absolute;\n\tz-index:-2;\n\ttop:0;\n\tleft:0;\n\twidth:100%;\n\theight:100%;\t\n\tbackground-image:url(\"\");\n\tbackground-position: center;\n\tbackground-repeat: no-repeat; \n\tbackground-size: cover;\n\tfilter:brightness(100%);\t\n}\t\n\n\t\n\t\n@media only screen and (max-width:800px){\n\t.hero-image-fp-parent-background {\n\t\tmax-height: calc(100vh - 70px);\n\t}\n}\t\n\t\n@media only screen and (min-width:1241px) {\t\n\t.show-video.no-video-loop .hero-image-fp-parent-background\t{\n\t\tfilter:brightness(0);\/* for white background effect use opacity instead of brighness*\/\n\t}\n\t\n\t.show-video.no-video-loop.video-end .hero-image-fp-parent-background {\n\t\tfilter:brightness(1);\/* for white background effect use opacity instead of brighness*\/\n\t\ttransition:all 2s;\n\t\ttransition-delay:4s;\n\t}\t\n}\t\t\n\t\n\t\n.hero-image-fp-shine-animation {\n\tposition:absolute;\n\tleft:0;\n\ttop:0;\n\twidth:100%;\n\theight:100%;\n\tbackground: rgb(0,0,0);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\ttransform:translateX(-50%);\n\tanimation-name: shine-from-left-to-right;\n\tanimation-duration: 12s;\n\tanimation-delay: 8s;\n\t\/*animation-timing-function: ease-in;*\/\n\tanimation-iteration-count: infinite;\n}\n\n\n@keyframes shine-from-left-to-right {\n  0%   {\n\ttransform:translateX(-60%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n\t20%   {\n\ttransform:translateX(-60%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n  40%  {\n\ttransform:translateX(-25%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n\t41%  {\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 44%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n\t42%  {\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 43%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n  44%  {\n\ttransform:translateX(100%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 42%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n  100% {\n\ttransform:translateX(100%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n}\t\n\t\n\t\n.hero-video {\n  position: absolute;\t\n\tz-index: -1;\n\tmax-width: initial;\/*to override css that says 100%*\/\t\n\twidth:100%;\/* These all help the video to fill the container no matter its dimensions *\/\n\theight: 100%;\/* These all help the video to fill the container no matter its dimensions *\/\n\tobject-fit: cover;\/* These all help the video to fill the container no matter its dimensions *\/\n\tdisplay: block;\/*to override css that says inline-block*\/\n\tleft: 50%; \/* these two are for centering the item *\/\n\ttransform: translateX(-50%); \/* these two are for centering the item *\/\n}\n\t\n@media only screen and (min-width:1241px) {\t\n\t.show-video.no-video-loop .hero-video\t{\n\t\tanimation: lights-in 5s, lights-out 4s calc(25000ms - 3000ms);\n\t}\n\t\n\t\t@keyframes lights-in {\n\t\t0%   {filter:brightness(0) blur(10px);}\/* for white background effect use opacity instead of brighness*\/\n\t\t40%   {filter:brightness(0) blur(10px);}\/* for white background effect use opacity instead of brighness*\/\n\t\t100% {filter:brightness(1) blur(0px);}\/* for white background effect use opacity instead of brighness*\/\n\t}\n\t\n\t@keyframes lights-out {\n\t\t0%   {filter:brightness(1) blur(0px);}\/* for white background effect use opacity instead of brighness*\/\n\t\t90% {filter:brightness(0) blur(10px);}\/* for white background effect use opacity instead of brighness*\/\n\t\t100% {filter:brightness(0) blur(10px);}\/* for white background effect use opacity instead of brighness*\/\n\t}\n\t\n\t.show-video.no-video-loop.video-end .hero-video {\n\t\topacity:0;\n\t\tvisibility:hidden;\t\t\t\n\t}\t\n}\t\t\t\n\t\n\n@media only screen and (max-width:1240px){\n\t.hero-video {\n\t\tdisplay:none;\n\t}\n}\t\t\n\t\n.hero-image-fp-container {\n\tposition:relative;\t\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n}\t\n\t\n@media only screen and (min-width: 801px) {\n\t.hero-image-fp-container {\n\t\tmargin: auto 3%;\n\t}\n}\n\n@media only screen and (max-width: 800px) {\n\t.hero-image-fp-container {\n\tmargin: auto 3%;\n\t}\n}\t\t\n\n.hero-image-fp-title {\n\tcolor:var(--alternate-color);\n\ttext-align:center;\n\tfont-size: 68px;\n\tpadding:0 30px;\n\tmargin:10px auto; \t\t\n\tbackground: rgba(0, 0, 0, 0.0);  \n\ttext-shadow: 2px 4px 14px #000; \n}\n\n.dark-mode-on .hero-image-fp-title {\n\tcolor:var(--dark-alternate-color);\n}\n\t\n@media only screen and (min-width:1241px) {\t\n\t.show-video.no-video-loop .hero-image-fp-title\t{\n\t\topacity:0;\n\t\tvisibility:hidden;\n\t\ttransition:all 1.5s;\n\t\ttransition-delay:0.5s;\n\t}\n\t\n\t.show-video.no-video-loop.video-end .hero-image-fp-title {\n\t\topacity:1;\n\t\tvisibility:visible;\n\t}\t\n}\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n@media only screen and (max-width:800px){\n   .hero-image-fp-title {\n     font-size: 32px;   \n\t}\n}\n\n\t\n\t\n.hero-image-fp-subtitle {\n    color:var(--alternate-color);\n\t\ttext-align:center;\n    font-size: 32px;   \n    display: inline-block;    \n    padding:0 30px;\n\t\tmargin:10px auto; \n    background: rgba(0, 0, 0, 0.0); \n\t\ttext-shadow: 2px 4px 14px #000; \n}\t\n\n.dark-mode-on .hero-image-fp-subtitle {\n    color:var(--dark-alternate-color);\n}\n\t\n@media only screen and (min-width:1241px) {\t\n\t.show-video.no-video-loop .hero-image-fp-subtitle\t{\n\t\topacity:0;\n\t\tvisibility:hidden;\n\t\ttransition:all 1.5s;\n\t\ttransition-delay:2s;\n\t}\n\t\n\t.show-video.no-video-loop.video-end .hero-image-fp-subtitle {\n\t\topacity:1;\n\t\tvisibility:visible;\n\t}\t\n}\t\t\n\t\n@media only screen and (max-width:800px){\n.hero-image-fp-subtitle {\n     font-size: 18px;   \n\t}\n}\t\n\t\n\t\t\n\t\n\/* The typewriter cursor effect *\/\n@keyframes blink-caret {\n  from, to { border-color: transparent }\n  50% { border-color: white; }\n}\t\n\t\n.fadedin-introed-title,\n.fadedin-introed-subtitle {\n\topacity:0;\n\tvisibility:hidden;\n\tanimation-name: herotitlesfadein;\n  animation-duration: 2s;\n  animation-delay: 1s;\n\tanimation-fill-mode: forwards;\n}\n\n.fadedin-introed-subtitle {\n  animation-delay: 2.2s;\n}\n\n@keyframes herotitlesfadein {\n\t0%   {opacity:0; visibility:hidden;}\n\t100%   {opacity:1; visibility:visible;}\n}\t\t\n\t\n.hero-image-fp-parent .woocommerce-product-search {\n\tmargin:auto;\n\tmargin-top:60px;\n\tmargin-bottom:40px;\n\tmax-width:1260px;\n\twidth:94%;\t\n}\t\n\t\n.hero-image-fp-parent .woocommerce-product-search input.search-field {\n\tborder-color:transparent;\t\n}\n\n.hero-image-fp-parent .woocommerce-product-search {\n\tdisplay:flex;\n}\n\n.hero-image-fp-parent .hero-image-with-search-search-button {\t\n\tborder:var(--border-width-style-small);\n\tborder-radius:var(--border-radius-small);\n\tbox-shadow:var(--box-shadow-small) var(--shadow-color);\n\tborder-color:var(--border-secondary-color);\n  color:var(--link-alternate-color);\n\tfont-size:13px;\n\ttransition:all 0.3s;\n}\n\n.hero-image-fp-parent .hero-image-with-search-search-button:hover {\t\n\tbox-shadow:var(--box-shadow-small) var(--hovered-shadow-color);\n\ttransition:all 0.3s;\n}\n\n@media only screen and (min-width: 801px){\n\t.hero-image-fp-parent .hero-image-with-search-search-button\t{\n\t\tmin-width:120px;\n\t}\t\n}\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n.hero-image-fp-button {\n\tdisplay:block;\n  width:260px;\n\tmargin: 10px auto; \n  border-radius: 2px;\n  transition: all 0.3s ease-in-out;\n}\n\n.dark-mode-on .hero-image-fp-button {\n\tbox-shadow: var(--box-shadow-small) var(--hovered-shadow-color);\n}\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n.hero-image-fp-button:hover {\n  box-shadow: var(--box-shadow-small) var(--hovered-shadow-color);\n  transition: all 0.3s ease-in-out;\n}\n\t\n.show-after-slider-button-inline .hero-image-fp-container {\n\tmin-height: 57vh;\n\tmargin-bottom: calc(0vh + 100px);\n}\n\t\n@media only screen and (max-width: 800px){\n\t.show-after-slider-button-inline .hero-image-fp-container {\n\t\tmin-height: 59vh;\n\t\tmargin-bottom: calc(0vh + 184px);\n\t}\n}\t\t\n\t\t\n.show-after-slider-button-inline .html-after-slider-parent {\n\tmargin-bottom: 0;\n}\n\t\n.show-after-slider-button-inline .html-after-slider {\n\tposition: relative;\n\tbottom: 0;\n}\n\n\/*:Redundant now since we use front-page-1:after as a layer to darken the color*\/\t\n\/*.darken-header {\n    background: linear-gradient(180deg, rgba(28,28,201,0.2) 0%, rgba(28,28,201,0) 100%)!important;\n}*\/\n\n<\/style>\n\n\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<script defer>\n\n(function($) {\n\n\tif (window.matchMedia(\"(max-width: 1240px)\").matches) {\n\t\t$('#front-page-video').remove();\n\t}\n    \n\t\/\/Darken-header:Redundant now since we use front-page-1:after as a layer to darken the color\n\t\/*if (window.matchMedia(\"(min-width: 1241px)\").matches && $(\".front-page-1 .hero-image-fp-parent\").length > 0) {\/\/ only on big screen and if the shortcode is in the first home widget area\n\t\t\t\/\/console.log(\"its true\");\n\t\t\t$('.front-page-1').addClass('darken-header');\n\t}*\/\n\t\n\t\/\/Paralax Mode\t\n\t$(window).on('scroll', function() {\n\t\tvar element_distance_from_top = $(\".hero-image-fp-parent\").offset().top;\n\t\t\/\/console.log(\"Elenemt Distance from top: \"+element_distance_from_top);\n\t\tvar window_scroll_distance = $(window).scrollTop();\n\t\t\/\/console.log(\"Wondow scroll Distance: \"+window_scroll_distance);\n\t\tvar disntance_from_viewport = element_distance_from_top - window_scroll_distance;\n\t\t\/\/console.log(\"Distance from viewport: \"+disntance_from_viewport);\n    $('.hero-image-fp-parent.parallax-mode .hero-image-fp-container').css('transform', 'translateY('+ disntance_from_viewport * .4 +'px)');\n\t});\n\t\n\t\/\/Title Typewriter effect\n\t\t\n\t\/\/Subtitle Typewriter effect\n\t\t\n\tvar whenVideoEnds = function(){\n     $('.hero-image-fp-parent').addClass('video-end');\n\t};\n\tsetTimeout(whenVideoEnds, 25000);\n \n})( jQuery );\n\n<\/script>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\n<div class=\"html-after-slider-parent\">\n\t<div id=\"html-after-slider\" class=\"html-after-slider\">\n\t\t<div id=\"html-after-slider-text\" class=\"html-after-slider-text\">Scroll Down<\/div>\n\t\t<div id=\"html-after-slider-symbol\" class=\"html-after-slider-symbol\"><\/div>\n\t<\/div>    \n<\/div>\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - After Slider Button ***\/\n\n.html-after-slider-parent {\n\tposition: relative;\n\twidth:200px;\n\tmargin: auto;\n\tline-height: 1;\n}\n\n.html-after-slider {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tbottom: 4vh;\/*Always use ch, pixels are bad on low heights, percentage does nothing*\/\n\tz-index:100;\n\tcolor:var(--alternate-color);\t\t\n\ttext-shadow: 2px 2px 8px #222;\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n@media only screen and (max-width:800px){\n\t.html-after-slider {\n\t\tbottom: 5px; \n\t}\n\n\t.html-after-slider-text {\n\t\tdisplay:none;\n\t}\n}\n\n.html-after-slider-text {\n    font-size: 20px;\n    text-align:center;\t\n}\n\n.html-after-slider-symbol {\n    margin: auto;\n    text-align:center;\n    font-size: 20px;\n    transition: all 0.3s;\n\t\tanimation-name: arrow-down;\n\t\tanimation-duration: 5s;\n\t\tanimation-iteration-count: infinite;\n}\n\n\n@keyframes arrow-down {\n  0%   {transform:translateY(0px);}\n  90%  {transform:translateY(0px);}\n  95%  {transform:translateY(6px);}\n  100% {transform:translateY(0px);}\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n.html-after-slider-symbol::before {\n\tcontent: '\\f347';\n\tfont-family: dashicons;\n\tfont-size: 36px;\n\ttransition: all 0.3s;\t\n}\n\n.html-after-slider-parent:hover .html-after-slider-symbol {\n\tanimation-name: hovered-arrow-down;\n\tanimation-duration: 0.3s;\t\n\tanimation-iteration-count: 1;\n\tanimation-fill-mode: forwards;\n\t\n}\n\n@keyframes hovered-arrow-down {\n  0%   {transform:translateY(0px);}\n  100%  {transform:translateY(7px);}\n}\n\n\n<\/style>\n\t\n<script defer>\n\t(function($) {\n\t\n\t  $(document).ready(function() {\n      $(\".html-after-slider-parent\").click(function(){\n        $('html, body').animate({\n          scrollTop: $(\".html-after-slider-parent\").offset().top - 90\n        }, 800);\n\t\t\t });\n\t\t\n    });\n  \t\n  })( jQuery );\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n<\/script>\t\t\t\n\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t\t\t\t   \n\n[html-simple-slider-fp]\n[html-masonry-boxes-fp]\n\n<div id=\"grid-boxes-one-fp-container\" class=\"grid-boxes-one-fp-container\">\n\t\n\n\t<div class=\"grid-boxes-one-fp-grid-box desktop-columns-one tablet-columns-one smartphone-columns-one border-top-bottom\"\n\t\t\t >\n\t\t\n\t\t\n\t\t<div class=\"grid-boxes-one-fp-text-section\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"grid-boxes-one-fp-content\"><p>\u0397 CGA Car Batteries \u03b5\u03b4\u03c1\u03b5\u03cd\u03b5\u03b9 \u03c3\u03c4\u03b7 \u039b\u03b5\u03c5\u03ba\u03c9\u03c3\u03af\u03b1, \u039a\u03cd\u03c0\u03c1\u03bf \u03ba\u03b1\u03b9 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03cd\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03c3\u03c4\u03b7\u03bd \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03b9\u03ce\u03bd \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b9\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03b9\u03ce\u03bd \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5, \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03b5\u03c4\u03ce\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7 \u039b\u03b5\u03c5\u03ba\u03c9\u03c3\u03af\u03b1, \u03c4\u03b7 \u039b\u03ac\u03c1\u03bd\u03b1\u03ba\u03b1, \u03c4\u03b7\u03bd \u0391\u03b3\u03af\u03b1 \u039d\u03ac\u03c0\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03bd \u03a0\u03c1\u03c9\u03c4\u03b1\u03c1\u03ac. \u03a0\u03b1\u03c1\u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03b5\u03b3\u03ba\u03b1\u03b8\u03b9\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b5\u03c2 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03cc\u03c0\u03c9\u03c2 DELCOR Car Batteries, AGM Car Batteries, BOSCH AGM Car Batteries, EXIDE AGM Car Batteries \u03ba\u03b1\u03b9 YUASA Car Batteries, \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03bf\u03c7\u03ae\u03bc\u03b1\u03c4\u03b1. \u0397 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ae\u03c2 \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03ac\u03bc\u03b5\u03c3\u03b7 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 \u00ab\u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03ba\u03bf\u03bd\u03c4\u03ac \u03bc\u03bf\u03c5\u00bb, \u03ba\u03b9\u03bd\u03b7\u03c4\u03ae \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03c3\u03c4\u03bf \u03c3\u03b7\u03bc\u03b5\u03af\u03bf \u03c0\u03bf\u03c5 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03c4\u03bf \u03cc\u03c7\u03b7\u03bc\u03ac \u03c3\u03b1\u03c2. \u0394\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b7 24 \u03ce\u03c1\u03b5\u03c2 \u03c4\u03bf 24\u03c9\u03c1\u03bf, \u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03bf\u03c5\u03bc\u03b5 \u03b5\u03c0\u03b5\u03af\u03b3\u03bf\u03bd\u03c4\u03b1 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03ac \u03cc\u03c0\u03c9\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 24h, \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u039b\u03b5\u03c5\u03ba\u03c9\u03c3\u03af\u03b1 24h, \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03ba\u03bf\u03bd\u03c4\u03ac \u03bc\u03bf\u03c5 24h, \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ac\u03b4\u03b5\u03b9\u03b1\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2, \u03b1\u03c5\u03c4\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03bf \u03c0\u03bf\u03c5 \u03b4\u03b5\u03bd \u03c0\u03b1\u03af\u03c1\u03bd\u03b5\u03b9 \u03bc\u03c0\u03c1\u03bf\u03c3\u03c4\u03ac \u03ba\u03b1\u03b9 \u03b5\u03ba\u03ba\u03af\u03bd\u03b7\u03c3\u03b7 \u03bc\u03b5 \u03ba\u03b1\u03bb\u03ce\u03b4\u03b9\u03b1. \u0395\u03af\u03c4\u03b5 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03c3\u03c4\u03b7 \u039b\u03b5\u03c5\u03ba\u03c9\u03c3\u03af\u03b1, \u03c3\u03c4\u03b7 \u039b\u03ac\u03c1\u03bd\u03b1\u03ba\u03b1, \u03c3\u03c4\u03b7\u03bd \u0391\u03b3\u03af\u03b1 \u039d\u03ac\u03c0\u03b1 \u03ae \u03c3\u03c4\u03bf\u03bd \u03a0\u03c1\u03c9\u03c4\u03b1\u03c1\u03ac, \u03b7 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b1 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03b9\u03ce\u03bd \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03bc\u03b1\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03c9\u03c2 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b7\u03bc\u03b1 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03b9\u03ce\u03bd \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5, \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b5\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b5\u03c2 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5, \u03b1\u03bb\u03bb\u03b1\u03b3\u03ae \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u03ba\u03bf\u03bd\u03c4\u03ac \u03bc\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u03bc\u03b5 \u03c4\u03b1\u03c7\u03cd\u03c4\u03b7\u03c4\u03b1, \u03b1\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7.<\/p>\n<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\n\n<style>\n\n\t\/*** Content: Shortcode HTML Based - Grid Boxes One - Full Plugin ***\/\n\n\t.grid-boxes-one-fp-container\t{\n\t\tdisplay:flex;\n\t\tflex-direction: row;\n\t\tflex-wrap:wrap;\n\t\tjustify-content:flex-start;\n\t\twidth: 100%;\n\t\tmax-width:1280px;\n\t\tpadding:0 0 40px 0;\n\t\tmargin:40px auto 0px;\n\t}\n\n\n\t.grid-boxes-one-fp-grid-box {\t\n\t\tposition:relative;\n\t\toverflow:hidden;\n\t\tmin-height:150px;\t\n\t\tmargin:15px 1%;\t\n\t\tpadding:5px;\n\t\tbackground:var(--section-background-color);\n\t}\n\n\t.dark-mode-on .grid-boxes-one-fp-grid-box {\t\t\n\t\tbackground:var(--dark-section-background-color);\n\t}\t\n\n\t@media only screen and (min-width: 1281px) {\n\t\t.grid-boxes-one-fp-grid-box.desktop-columns-five {\t\n\t\t\twidth:calc(20% - 2%);\t\n\t\t}\t\n\n\t\t.grid-boxes-one-fp-grid-box.desktop-columns-four {\t\n\t\t\twidth:calc(25% - 2%);\t\n\t\t}\t\n\n\t\t.grid-boxes-one-fp-grid-box.desktop-columns-three {\t\n\t\t\twidth:calc(33.3% - 2%);\t\n\t\t}\t\n\n\t\t.grid-boxes-one-fp-grid-box.desktop-columns-two {\t\n\t\t\twidth:calc(50% - 2%);\t\n\t\t}\t\t\n\n\t\t.grid-boxes-one-fp-grid-box.desktop-columns-one {\t\n\t\t\twidth:calc(100% - 2%);\t\n\t\t}\t\t\n\n\t\t.grid-boxes-one-fp-grid-box.desktop-columns-list {\t\n\t\t\twidth:calc(100% - 2%);\t \n\t\t\tdisplay:flex;\t\t\n\t\t}\n\n\t\t.grid-boxes-one-fp-grid-box.desktop-columns-list .grid-boxes-one-fp-text-section {\t\n\t\t\twidth: calc(100% - 350px);\t\n\t\t\tflex-shrink: 0;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t}\n\n\n\t}\n\n\t@media only screen and (min-width: 801px) and (max-width: 1280px) {\t\n\t\t.grid-boxes-one-fp-grid-box.tablet-columns-three {\t\n\t\t\twidth:calc(33.3% - 2%);\t\n\t\t}\t\n\n\t\t.grid-boxes-one-fp-grid-box.tablet-columns-two {\t\n\t\t\twidth:calc(50% - 2%);\n\t\t}\t\t\n\n\t\t.grid-boxes-one-fp-grid-box.tablet-columns-one {\t\n\t\t\twidth:calc(100% - 2%);\t\n\t\t}\t\t\n\n\t\t.grid-boxes-one-fp-grid-box.tablet-columns-list {\t\n\t\t\twidth:calc(100% - 2%);\t\n\t\t\tdisplay:flex;\n\t\t}\t\n\n\t\t.grid-boxes-one-fp-grid-box.tablet-columns-list .grid-boxes-one-fp-text-section {\t\n\t\t\twidth: calc(100% - 350px);\t\n\t\t\tflex-shrink: 0;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t}\t\n\n\t}\t\n\n\t@media only screen and (max-width: 801px) {\n\t\t.grid-boxes-one-fp-grid-box.smartphone-columns-two {\t\n\t\t\twidth:calc(50% - 2%);\t\n\t\t}\t\t\t\n\n\t\t.grid-boxes-one-fp-grid-box.smartphone-columns-one {\t\n\t\t\twidth:calc(100% - 2%);\t\n\t\t}\t\n\t}\t\n\n\t\/* Border left *\/\t\n\t.grid-boxes-one-fp-grid-box.border-left {\n\t\tborder-left:5px solid var(--primary-color);\n\t}\n\n\t\/* End Border left *\/\t\t\n\t\/* Border top and bottom *\/\n\t.grid-boxes-one-fp-grid-box.border-top-bottom:before  {\n\t\tborder-width: 15px;\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tborder-bottom:3px solid;\n\t\tborder-bottom-color:var(--border-color);\n\t\tmargin:auto;\n\t\tposition: absolute;\n\t\twidth:90%;\n\t\ttop: 0%;\n\t\tleft:5%;\n\t}\n\n\t.dark-mode-on .grid-boxes-one-fp-grid-box.border-top-bottom:before  {\n\t\tborder-bottom-color:var(--dark-border-color);\n\n\t}\n\n\t.grid-boxes-one-fp-grid-box.border-top-bottom:after {\n\t\tborder-width: 15px;\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tborder-bottom:3px solid;\n\t\tborder-bottom-color:var(--border-color);\n\t\tmargin:auto;\n\t\tposition: absolute;\n\t\twidth:90%;\n\t\tbottom: 0%;\n\t\tleft: 5%;\n\t}\n\n\n\t.dark-mode-on .grid-boxes-one-fp-grid-box.border-top-bottom:after {\n\t\tborder-bottom-color:var(--dark-border-color);\n\n\t}\t\n\n\t\/* End Border top and bottom *\/\n\t\/* Border Bottom with Arrow *\/\n\n\t.grid-boxes-one-fp-grid-box.border-bottom-arrow:before  {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\tborder: solid transparent;\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\twidth: 0;\n\t\tposition: absolute;\n\t\tborder-top-color:var(--border-color);\n\t\tborder-width: 15px;\n\t\tmargin-left: -15px;\n\t}\n\n\t.dark-mode-on .grid-boxes-one-fp-grid-box.border-bottom-arrow:before  {\n\t\tborder-top-color:var(--dark-border-color);\n\t}\n\n\t.grid-boxes-one-fp-grid-box.border-bottom-arrow:after {\n\t\tborder-width: 15px;\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tborder-bottom:3px solid var(--border-color);\n\t\tmargin:auto;\n\t\tposition: absolute;\n\t\twidth: 20%;\n\t\ttop: 100%;\n\t\tleft: 40%;\t\t\n\t}\n\n\t.dark-mode-on .grid-boxes-one-fp-grid-box.border-bottom-arrow:after {\n\t\tborder-bottom:3px solid var(--dark-border-color);\t\t\n\t}\t\n\n\t\/* End Border Bottom with Arrow *\/\n\n\t.linkable-box:hover {\n\t\tcursor:pointer;\n\t}\t\t\n\n\t.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box {\n\t\tperspective: 1000px;\n\t\toverflow:visible;\n\t}\t\t\n\n\t.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box .flipcard-inner  {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttransform: rotateY(0deg);\n\t\ttransition: transform 0.6s;\n\t\ttransform-style: preserve-3d; \n\t\tbox-shadow: var(--box-shadow-medium) var(--shadow-color);\n\t}\t\n\n\t.dark-mode-on .grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box .flipcard-inner  {\n\t\tbox-shadow: var(--box-shadow-medium) var(--dark-shadow-color);\n\t}\t\n\n\t.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box:hover .flipcard-inner  {\n\t\ttransform: rotateY(180deg);\n\t\tbox-shadow: var(--box-shadow-medium) var(--hovered-shadow-color);\n\t}\n\n\t.dark-mode-on .grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box:hover .flipcard-inner  {\t\n\t\tbox-shadow: var(--box-shadow-medium) var(--dark-hovered-shadow-color);\n\t}\t\t\n\n\t.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-image-parent,\n\t.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-text-section {  \n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: var(--section-background-color);\n\t\tborder: var(--border-width-style-small);\n\t\tborder-radius: var(--border-radius-medium);\n\t\t-webkit-backface-visibility: hidden;\n\t\tbackface-visibility: hidden;\n\t}\n\n\t.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-image-parent {\n\t\tposition: relative;\n\t}\n\n\t.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-text-section {\n\t\tposition: absolute;  \n\t\ttop:0;\n\t}\n\n\t.dark-mode-on .grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-image-parent, .dark-mode-on  .grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-text-section {\n\t\tbackground: var(--dark-section-background-color);\n\t}\t\n\n\t.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-text-section {\n\t\ttransform: rotateY(180deg);\n\t}\t\t\n\n\t.grid-boxes-one-fp-icon\t{\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 74px;\n\t\theight: 74px;\t\n\t\tmargin: 10px auto 10px 0;;\n\t\ttransition:all 0.3s;\n\t}\t\n\n\t.grid-boxes-one-fp-icon span,\n\t.grid-boxes-one-fp-icon i {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: var(--primary-color);\t\n\t\tfont-size: 60px;\n\t\ttransition:all 0.3s;\n\t}\n\n\t.dark-mode-on .grid-boxes-one-fp-icon span,\n\t.dark-mode-on .grid-boxes-one-fp-icon i {\n\t\tcolor: var(--dark-primary-color);\t\n\t}\t\n\n\t.grid-boxes-one-fp-icon.circular-border\t{\n\t\tborder: 1px solid;\n\t\tborder-color:car(--border-color);\n\t\tborder-radius:100%;\n\t}\n\n\t.dark-mode-on  .grid-boxes-one-fp-icon.circular-border\t{\n\t\tborder-color:car(--dark-border-color);\n\t}\t\n\n\n\t.grid-boxes-one-fp-icon.zoom-on-hover:hover span {\n\t\ttransform:scale(1.2);\n\t\ttransition:all 0.3s;\n\t}\n\n\t.grid-boxes-one-fp-container img {\n\t\tdisplay: block;\n\t\twidth:100%;\n\t\tmargin:auto;\n\t}\n\n\t.grid-boxes-one-fp-image-parent {\n\t\tposition:relative;\n\t\toverflow:hidden;\n\t}\n\n\t.grid-boxes-one-fp-image-overlay.darken\t{\t\n\t\tbackground: rgba(0,0,0,0.4);\n\t\tposition:absolute;\n\t\tz-index: 2;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: 0;\n\t\ttransition: all 0.4s ease 0s;\t\n\t}\n\n\t.grid-boxes-one-fp-image-parent:hover .grid-boxes-one-fp-image-overlay.darken\t{\n\t\topacity: 0.8;\n\t\ttransition: all 0.4s ease 0s;\t\n\t}\t\t\n\n\t.grid-boxes-one-fp-image-overlay.icon\t{\t\n\t\tbackground: var(--primary-color);\n\t\tposition:absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: 0;\n\t\ttransition: all 0.3s ease-in-out;\n\t\t-moz-transition: all 0.3s ease-in-out;\n\t\t-webkit-transition: all 0.3s ease-in-out;\n\t\ttransform: rotateY(0deg) scale(0.3);\n\t\t-ms-transform: rotateY(0deg) scale(0.3);\n\t\t-webkit-transform: rotateY(0deg) scale(0.3);\n\t}\n\n\t.dark-mode-on .grid-boxes-one-fp-image-overlay.icon\t{\t\n\t\tbackground: var(--dark-primary-color);\n\t}\t\n\n\t.grid-boxes-one-fp-image-parent:hover .grid-boxes-one-fp-image-overlay.icon\t{\t\t\n\t\topacity: 0.8;\n\t\tfilter: alpha(opacity=80);\n\t\ttransform: rotateY(180deg) scale(1);\n\t\t-ms-transform: rotateY(180deg) scale(1);\n\t\t-webkit-transform: rotateY(180deg) scale(1);\n\t}\n\n\t.grid-boxes-one-fp-image-overlay.icon span\t{\n\t\tcolor: var(--alternate-color);\n\t\tfont-size: 40px;\n\t\tleft: 50%;\n\t\tline-height: 40px;\n\t\tmargin: -20px 0 0 -20px;\n\t\topacity: 1;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t}\n\n\t.dark-mode-on .grid-boxes-one-fp-image-overlay.icon span\t{\n\t\tcolor: var(--dark-alternate-color); \n\t}\t\n\n\t.grid-boxes-one-fp-image-parent img {\n\t\ttransition: all 0.3s;\n\t}\t\n\n\t\t.grid-boxes-one-fp-image-parent.saturation-on-hover:hover img {\n\t\tfilter: saturate(0);\n\t\ttransition: all 0.3s;\n\t}\t\n\t\n\t\t.grid-boxes-one-fp-image-parent.zoom-on-hover:hover img {\n\t\ttransform: scale(1.04);\t\n\t\ttransition: all 0.3s;\n\t}\t\n\t\t\n\n\t\t.grid-boxes-one-fp-image-parent.intense-zoom-on-hover:hover img {\n\t\ttransform: scale(1.2);\t\n\t\ttransition: all 0.3s;\n\t}\t\t\t\n\t\t\n\n\n\th4.grid-boxes-one-fp-title {\n\t\tposition:relative;\n\t\ttext-wrap: wrap;\n\t\tmargin: 10px 0;\n\t\tpadding: 10px 15px;\n\t\ttext-align: left;\n\t}\t\n\n\th4.grid-boxes-one-fp-title.title-inside-image {\n\t\tposition:absolute;\n\t\twidth:100%;\n\t\t\t\t\t\t\t\tbottom:0;\n\t\t\t\t\n\t}\t\n\n\th4.grid-boxes-one-fp-title.button-color-background {\n\t\tbackground: var(--primary-color);\n\t\tcolor: var(--alternate-color);\n\t}\t\n\n\t.dark-mode-on h4.grid-boxes-one-fp-title.button-color-background {\n\t\tbackground: var(--dark-primary-color);\n\t\tcolor: var(--dark-alternate-color);\n\t}\t\t\n\n\th4.grid-boxes-one-fp-title.dark-color-background {\n\t\tbackground: rgba(0,0,0,0.5);\n\t\tcolor: var(--alternate-color);\n\t}\t\t\n\n\t.dark-mode-on  h4.grid-boxes-one-fp-title.dark-color-background {\n\t\tcolor: var(--dark-alternate-color);\n\t}\t\t\n\n\t.grid-boxes-one-fp-grid-box,\n\t.grid-boxes-one-fp-title.title-border\t{\n\t\tborder: var(--border-width-style-small);\n\t\tborder-radius: var(--border-radius-medium);\n\t}\n\n\t.flipcard\t.grid-boxes-one-fp-grid-box\t{\n\t\tbackground:transparent;\n\t}\t\n\n\t.flipcard\t.grid-boxes-one-fp-grid-box,\n\t.flipcard .grid-boxes-one-fp-title.title-border\t{\n\t\tborder: none;  \n\t}\n\n\t.grid-boxes-one-fp-grid-box,\n\t.grid-boxes-one-fp-title.title-shadow\t{ \n\t\tbox-shadow: var(--box-shadow-medium) var(--shadow-color);\n\t\ttransition: all 0.3s;\n\t}\t\n\n\t.flipcard .grid-boxes-one-fp-grid-box,\n\t.flipcard .grid-boxes-one-fp-title.title-shadow\t{ \n\t\tbox-shadow: none;  \n\t}\t\t\n\n\t.dark-mode-on .grid-boxes-one-fp-grid-box,\n\t.dark-mode-on .grid-boxes-one-fp-title.title-shadow\t{ \n\t\tbox-shadow: var(--box-shadow-medium) var(--dark-shadow-color);\n\t}\t\n\n\t.dark-mode-on .flipcard .grid-boxes-one-fp-grid-box,\n\t.dark-mode-on .flipcard .grid-boxes-one-fp-title.title-shadow\t{ \n\t\tbox-shadow: none;\n\t}\t\t\n\n\t.grid-boxes-one-fp-grid-box:hover,\n\t.grid-boxes-one-fp-title.title-shadow:hover {\n\t\tbox-shadow: var(--box-shadow-medium) var(--hovered-shadow-color);\n\t\ttransition: all 0.3s;\n\t}\t\n\n\t.flipcard .grid-boxes-one-fp-grid-box:hover,\n\t.flipcard .grid-boxes-one-fp-title.title-shadow:hover {\n\t\tbox-shadow: none;\n\t}\t\n\n\t.dark-mode-on .grid-boxes-one-fp-grid-box:hover,\n\t.dark-mode-on .grid-boxes-one-fp-title.title-shadow:hover {\n\t\tbox-shadow: var(--box-shadow-medium) var(--dark-hovered-shadow-color);\n\t}\t\n\n\t.dark-mode-on .flipcard .grid-boxes-one-fp-grid-box:hover,\n\t.dark-mode-on .flipcard .grid-boxes-one-fp-title.title-shadow:hover {\n\t\tbox-shadow: none;\n\t}\t\t\n\n\t.grid-boxes-one-fp-content {\t\n\t\tmargin: 0 2%;\n\t\tpadding: 15px 0;\n\t\ttext-align: left;\n\t}\t\t\n\n\t.front-page-1 .grid-boxes-one-fp-container p,\n\t.front-page-2 .grid-boxes-one-fp-container p,\t\t\n\t.front-page-3 .grid-boxes-one-fp-container p,\t\t\n\t.front-page-4 .grid-boxes-one-fp-container p,\t\t\n\t.front-page-5 .grid-boxes-one-fp-container p,\t\t\n\t.front-page-6 .grid-boxes-one-fp-container p,\t\n\t.front-page-7 .grid-boxes-one-fp-container p {\t\t\n\t\tcolor: var(--text-color);\t\n\t}\t\t\n\n\n\t.dark-mode-on .front-page-1 .grid-boxes-one-fp-container p,\n\t.dark-mode-on .front-page-2 .grid-boxes-one-fp-container p,\t\t\n\t.dark-mode-on .front-page-3 .grid-boxes-one-fp-container p,\t\t\n\t.dark-mode-on .front-page-4 .grid-boxes-one-fp-container p,\t\t\n\t.dark-mode-on .front-page-5 .grid-boxes-one-fp-container p,\t\t\n\t.dark-mode-on .front-page-6 .grid-boxes-one-fp-container p,\t\n\t.dark-mode-on .front-page-7 .grid-boxes-one-fp-container p {\t\t\n\t\tcolor: var(--dark-text-color);\t\n\t}\t\t\n\n\t.grid-boxes-one-fp-button-parent {\n\t\ttext-align:center;\n\t}\n\n\t.grid-boxes-one-fp-button {\n\t\tdisplay:inline-block;\n\t\tborder: 0 !important;\n\t\ttext-transform:none;\n\t\tmargin: 0;\n\t}\t\n\n\n\t\/* Pagination *\/\t\n\t.grid-boxes-one-fp-pagination.archive-pagination.pagination\t{\n\t\tmargin: 40px auto 80px;\t\n\t}\n\n\t.grid-boxes-one-fp-pagination.archive-pagination.pagination a,\n\t.grid-boxes-one-fp-pagination.archive-pagination.pagination span {\t\n\t\tcursor: pointer;\n\t\tfont-size: 10px;\n\t\tpadding: 8px 12px;\n\t\ttext-decoration: none;\n\t\ttext-transform: uppercase;\n\t\tborder-radius: var(--border-radius-small);\n\t\toverflow: hidden;\n\t\tborder: var(--border-width-style-small);\n\t\tbox-shadow: var(--box-shadow-vertical-small) var(--shadow-color);\n\t\ttransition: all 0.3s;\n\t}\n\n\n\t.dark-mode-on\t.grid-boxes-one-fp-pagination.archive-pagination.pagination a,\n\t.dark-mode-on .grid-boxes-one-fp-pagination.archive-pagination.pagination span {\t\n\t\tbox-shadow: var(--box-shadow-vertical-small) var(--dark-shadow-color);\n\t}\n\n\t.grid-boxes-one-fp-pagination.archive-pagination.pagination span {\n\t\tbackground: var(--button-color) !important;\n\t\tcolor: var(--link-alternate-hover-color) !important;\n\t}\t\n\n\t.dark-mode-on .grid-boxes-one-fp-pagination.archive-pagination.pagination span {\n\t\tbackground: var(--dark-button-color) !important;\n\t\tcolor: var(--dark-link-alternate-hover-color) !important;\n\t}\t\t\n\n\n<\/style>\n\n<script>\t\n\t(function($) {\n\n\t\t\/\/ If whole box is linkable make the pointer appear on hover\n\t\t\t\t\n\t\t\/\/If the title is set to appear inside the image, then move it inside the image\n\t\t\n\t\t\/\/ If the box is displayed as flipcard, reconstruct the divs: Move the title in the image container and create an inner div to host the image and text containers \n\t\t\n\t})( jQuery );\t\t\n<\/script>\n\n\n[html-four-boxes-with-central-background-one-fp]\n\n\t<div class=\"html-tbiar-one-left-image-square-one\">\n\t\t<div class=\"html-tbiar-one-left-box  animated slideInLeft  duration2 eds-on-scroll \">\n\t\t\t<div class=\"html-tbiar-one-left-box-outer\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-left-box-outer-overlay\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-left-box-inner\">\n\t\t\t\t<div class=\"html-tbiar-one-left-box-inner-child\"> <\/div>\n\n\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"html-tbiar-one-right-box  animated slideInRight  duration2 eds-on-scroll \">\n\t\t\t<h2 class=\"show-title\">\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5<\/h2>\n\t\t\t<div><div id='services-section'><\/div>\r\n\r\n<ul>\r\n<li><i class='fa-regular fa-car-battery'><\/i> \u0395\u03ba\u03ba\u03af\u03bd\u03b7\u03c3\u03b7 \u0391\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 (Jump Start)<\/li>\r\n<ul>\r\n<li><i class='fa-regular fa-circle-check'><\/i> \u0394\u03b5\u03bd \u03c0\u03b1\u03af\u03c1\u03bd\u03b5\u03b9 \u03bc\u03c0\u03c1\u03bf\u03c3\u03c4\u03ac \u03c4\u03bf \u03b1\u03c5\u03c4\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03bf; \u0395\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b5\u03b4\u03ce \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5!<\/li>\r\n<li><i class='fa-regular fa-circle-check'><\/i> \u039a\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03b5\u03ba\u03ba\u03af\u03bd\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03c3\u03b1\u03c2 \u03ac\u03bc\u03b5\u03c3\u03b1.<\/li>\r\n<li><i class='fa-regular fa-circle-check'><\/i> \u0391\u03bd \u03c7\u03c1\u03b5\u03b9\u03b1\u03c3\u03c4\u03b5\u03af, \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03b8\u03b9\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1 \u03c3\u03b1\u03c2 \u03b5\u03c0\u03af \u03c4\u03cc\u03c0\u03bf\u03c5.<\/li>\r\n<\/ul><\/ul>\r\n<ul>\r\n<li><i class='fa-regular fa-car-battery'><\/i> \u0391\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u039c\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u0391\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5<\/li>\r\n<ul>\r\n<li><i class='fa-regular fa-circle-check'><\/i> \u039a\u03b9\u03bd\u03b7\u03c4\u03ae \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1\u03c2 \u03c3\u03c4\u03bf \u03c3\u03c0\u03af\u03c4\u03b9 \u03c3\u03b1\u03c2 \u03ae \u03cc\u03c0\u03bf\u03c5 \u03ba\u03b9 \u03b1\u03bd \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c3\u03c4\u03b5.<\/li>\r\n<li><i class='fa-regular fa-circle-check'><\/i> \u0395\u03c1\u03c7\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c3\u03c4\u03bf\u03bd \u03c7\u03ce\u03c1\u03bf \u03c3\u03b1\u03c2, \u03c7\u03c9\u03c1\u03af\u03c2 \u03c7\u03c1\u03ad\u03c9\u03c3\u03b7 \u03b5\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7\u03c2.<\/li>\r\n<\/ul><\/ul>\r\n<\/div>\n\t\t\t<a href=\"\/home\" class=\"hide-button\">\n\t\t\t\t<button>Ut maximus 1<\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div>\n\n\n\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 Boxes in a row one - left image square 1 ***\/\n\n\t.html-tbiar-one-left-image-square-one {\n\t\tdisplay:table;\n\t\toverflow: hidden;\n\t\twidth:100%;\n\t\tmax-width:1200px;\n\t\tmargin: 0px auto;\n\t\tpadding:20px;\t\n\t}\n\n\t.html-tbiar-one-left-image-square-one .hide-title, .html-tbiar-one-left-image-square-one .hide-button {\n\t\tdisplay:none;\n\t}\n\n\t@media only screen and (min-width: 801px) { \n\t\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box, .html-tbiar-one-left-image-square-one .html-tbiar-one-right-box {\n\t\t\twidth:50%;\n\t\t\tdisplay:table-cell;\n\t\t\tvertical-align: middle;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px) { \n\n\t\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box, .html-tbiar-one-left-image-square-one .html-tbiar-one-right-box {\n\t\t\tdisplay:block;\n\t\t\tvertical-align: middle;\n\t\t\tmargin-bottom:40px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box{\n\t\tposition:relative;\n\t\tvertical-align: middle;\n\t\theight:400px;\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-outer {    \n\t\tposition: absolute;\n\t\tz-index:-2;\n\t\tdisplay: block;\n\t\twidth: 90%;\n\t\theight: 80%;\n\t\ttop: 10%;\n\t\tleft: 0;\n\t\tmargin-bottom:40px;\n\t\tborder-radius: 10px 0 0 10px;\n\t\tbackground: var(--primary-color);\n\t\ttransition: transform 0.3s;   \n\t}\n\n\t.dark-mode-on .html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-outer {\n\t\tbackground: var(--dark-primary-color);   \n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box:hover .html-tbiar-one-left-box-outer { \n\t\ttransform: translateX(3px);\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-outer-overlay {    \n\t\tposition: absolute;\n\t\tz-index:-1;\n\t\tdisplay: block;\n\t\twidth: 90%;\n\t\theight: 80%;\n\t\ttop: 10%;\n\t\tleft:0;\n\t\tborder-radius: 10px 0 0 10px;\n\t\tbackground: linear-gradient(130deg, rgba(28,28,201,0) 10%, rgba(255,255,255,1) 70%);\n\t\ttransition: transform 0.3s;\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box:hover .html-tbiar-one-left-box-outer-overlay { \n\t\ttransform: translateX(3px);\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-inner {\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\twidth: 90%;\n\t\theight: 70%;\n\t\ttop: 15%;\n\t\tleft:5%;\n\t\toverflow:hidden;\n\t\tborder-radius: 6px;\n\t\ttransition: transform 0.3s;    \n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box:hover .html-tbiar-one-left-box-inner { \n\t\ttransform: translateX(-3px);\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-inner-child {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: url('https:\/\/cga-car-batteries.com\/wp-content\/uploads\/Backgrounds\/Background8.jpg');\n\t\tbackground-size: cover;    \n\t}\n\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-inner-child:before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0%;\n\t\twidth: 100%;\n\t\theight: 120%;\n\t\tbackground: rgba(255, 255, 255, 0.15);\n\t\ttransition: transform 1s;\n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);\n\t\tz-index: 200;\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-inner:hover .html-tbiar-one-left-box-inner-child::before { \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 80%, 0);\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-right-box {}\n\n\t.html-tbiar-one-left-image-square-one button {\n\t\tmargin-top:20px;\n\t\ttransition:all 0.3s;\n\t}\t\n\n\t.html-tbiar-one-left-image-square-one button:hover {\n\t\ttransition:all 0.3s;\n\t}\t\n\n\t<\/style>\n\n\t\n\t<div class=\"html-tbiar-one-right-image-rhombus-one\">\n\n\t\t<div class=\"html-tbiar-one-right-box animated slideInRight  duration2 eds-on-scroll\">\n\t\t\t<div class=\"html-tbiar-one-right-box-outer-one\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-right-box-outer-two\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-right-box-inner\">\n\t\t\t\t<div class=\"html-tbiar-one-right-box-inner-child\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"html-tbiar-one-left-box  animated slideInLeft delay1 duration2 eds-on-scroll \">\n\t\t\t<h2 class=\"show-title\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b5\u03bc\u03ac\u03c2<\/h2>\n\t\t\t<div><div id='aboutus-section'><\/div>\r\n\u039f\u03c4\u03b1\u03bd \u03bc\u03b9\u03bb\u03ac\u03bc\u03b5 \u03b3\u03b9\u03b1 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b5\u03c2 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5 \u03b7 \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03b5\u03bd\u03b1 \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03b5\u03b9\u03bd\u03b1\u03b9 \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03b7 .\r\n\u03a3\u03c4\u03b7\u03bd CGA car batteries \u03b5\u03b4\u03ce \u03ba\u03b1\u03b9 \u03c0\u03b1\u03bd\u03c9 \u03b1\u03c0\u03bf \u03b4\u03ad\u03ba\u03b1 \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b5\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b5\u03c2 \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7. \u0397 \u03b4\u03ad\u03c3\u03bc\u03b5\u03c5\u03c3\u03b7 \u03bc\u03b1\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03ba\u03b5\u03c1\u03b4\u03af\u03c3\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03bf\u03c3\u03cd\u03bd\u03b7 \u03b5\u03ba\u03b1\u03c4\u03bf\u03bd\u03c4\u03ac\u03b4\u03c9\u03bd \u03bf\u03b4\u03b7\u03b3\u03ce\u03bd \u03c0\u03bf\u03c5 \u03b2\u03b1\u03c3\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03b5\u03bc\u03ac\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c4\u03b7\u03c1\u03bf\u03cd\u03bd \u03c4\u03bf \u03cc\u03c7\u03b7\u03bc\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03c3\u03b5 \u03ac\u03c8\u03bf\u03b3\u03b7 \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7. \u0395\u03c7\u03bf\u03c5\u03bc\u03b5 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03b9 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03b5\u03af \u03bc\u03b5 \u03bc\u03b9\u03b1 \u03bc\u03b5\u03b3\u03ac\u03bb\u03b7 \u03b3\u03ba\u03ac\u03bc\u03b1 \u03b5\u03c0\u03ce\u03bd\u03c5\u03bc\u03c9\u03bd \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03b9\u03ce\u03bd \u03ce\u03c3\u03c4\u03b5 \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c0\u03bf\u03b9\u03b5\u03c2 \u03b1\u03bd\u03c4\u03ad\u03c7\u03bf\u03c5\u03bd \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03c3\u03c4\u03b9\u03c2 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03b5\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2 \u03c4\u03b7\u03c2 \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2.\r\n\r\n\u0394\u03b9\u03b1\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03bc\u03cc\u03bd\u03bf \u03c4\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b5\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b5\u03c2 \u03b1\u03c0\u03cc \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03c4\u03ad\u03c2 . \u039a\u03ac\u03b8\u03b5 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd \u03bc\u03b1\u03c2 \u03b5\u03c0\u03b9\u03bb\u03ad\u03b3\u03b5\u03c4\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03b5\u03ba\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b1\u03bd\u03c4\u03bf\u03c7\u03ae \u03c4\u03b7\u03bd \u03b5\u03b3\u03b3\u03cd\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03b4\u03b5\u03b4\u03b5\u03b9\u03b3\u03bc\u03ad\u03bd\u03b7 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03c4\u03bf\u03c5\u03c2.\r\n\u0395\u03af\u03c4\u03b5 \u03bf\u03b4\u03b7\u03b3\u03b5\u03af\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03bc\u03b9\u03ba\u03c1\u03cc \u03b1\u03c5\u03c4\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03bf \u03c0\u03cc\u03bb\u03b7\u03c2 \u03b5\u03af\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03c6\u03bf\u03c1\u03c4\u03b7\u03b3\u03cc \u03b2\u03b1\u03c1\u03ad\u03c9\u03c2 \u03c4\u03cd\u03c0\u03bf\u03c5 \u03ae \u03ad\u03bd\u03b1 \u03c0\u03bf\u03bb\u03c5\u03c4\u03b5\u03bb\u03ad\u03c2 \u03cc\u03c7\u03b7\u03bc\u03b1 \u03b5\u03c7\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b7 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b1 \u03b3\u03b9\u03b1 \u03b5\u03c3\u03ac\u03c2.\r\n<\/br><\/br>\r\n<h6>\u0393\u03b9\u03b1\u03c4\u03af \u03bf\u03b9 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03bc\u03b1\u03c2 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ad\u03c6\u03bf\u03c5\u03bd \u03be\u03b1\u03bd\u03ac \u03ba\u03b1\u03b9 \u03be\u03b1\u03bd\u03ac:<\/h6>\r\n<ul>\r\n<li><i class='fa-regular fa-circle-info'><\/i> \u0395\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c3\u03c5\u03bc\u03b2\u03bf\u03c5\u03bb\u03ad\u03c2. \u0394\u03b5\u03bd \u03c0\u03bf\u03c5\u03bb\u03ac\u03bc\u03b5 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03af\u03b5\u03c2 \u03c3\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ac\u03bc\u03b5 \u03bd\u03b1 \u03b2\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03b1\u03bc\u03ac\u03be\u03b9 \u03c3\u03b1\u03c2  <\/li>\r\n<li><i class='fa-regular fa-screwdriver-wrench'><\/i> \u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7. \u0386\u03bc\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c3\u03c4\u03bf \u03b4\u03b9\u03ba\u03cc \u03c3\u03b1\u03c2 \u03c7\u03ce\u03c1\u03bf <\/li>\r\n<li><i class='fa-regular fa-circle-dollar'><\/i> \u0391\u03bd\u03c4\u03b1\u03b3\u03c9\u03bd\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c4\u03b9\u03bc\u03ad\u03c2 . \u03a0\u03bf\u03b9\u03bf\u03c4\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03c0\u03ce\u03bd\u03c5\u03bc\u03b1 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c3\u03b5 \u03bb\u03bf\u03b3\u03b9\u03ba\u03ad\u03c2 \u03c4\u03b9\u03bc\u03ad\u03c2. <\/li>\r\n<li><i class='fa-regular fa-shield-check'><\/i> \u03a5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c0\u03ce\u03bb\u03b7\u03c3\u03b7. \u03a3\u03c4\u03b5\u03ba\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b4\u03af\u03c0\u03bb\u03b1 \u03c3\u03b1\u03c2 \u03bc\u03b5 \u03b5\u03b3\u03b3\u03c5\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c7\u03ae \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1. <\/li>\r\n<\/ul>\r\n\r\n\u03a3\u03c4\u03b7\u03bd CGA Car Batteries \u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03b1\u03c1\u03b1\u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03b1\u03c0\u03bb\u03cc \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b7\u03bc\u03b1 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03b9\u03ce\u03bd. \u0393\u03b9\u2019 \u03b1\u03c5\u03c4\u03cc \u03b5\u03c1\u03c7\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c3\u03c4\u03bf\u03bd \u03c7\u03ce\u03c1\u03bf \u03c3\u03b1\u03c2 \u03cc\u03c0\u03bf\u03c4\u03b5 \u03bc\u03b1\u03c2 \u03c7\u03c1\u03b5\u03b9\u03b1\u03c3\u03c4\u03b5\u03af\u03c4\u03b5. \u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03ad\u03c4\u03bf\u03b9\u03bc\u03b7 \u03bd\u03b1 \u03c3\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9 \u03bc\u03b5 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03c2 \u03bc\u03c0\u03b1\u03c4\u03b1\u03c1\u03b9\u03ce\u03bd, \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03ae \u03bf\u03c0\u03bf\u03b9\u03b1\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03b1\u03c0\u03bf\u03c1\u03af\u03b1 \u03ad\u03c7\u03b5\u03c4\u03b5.\t<\/div>\n\t\t\t<a href=\"\/about-us\/\" class=\"hide-button\">\n\t\t\t\t<button>Read More...<\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div>\n\n\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 boxes in a row - right image rhombus 1 ***\/\n\n\t.html-tbiar-one-right-image-rhombus-one {\n\t\tdisplay:table;\n\t\toverflow: hidden;\n\t\tmax-width:1200px;\n\t\tmargin: 30px auto;\n\t\tpadding:20px;\t\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .hide-title, .html-tbiar-one-right-image-rhombus-one .hide-button {\n\t\tdisplay:none;\n\t}\n\n\t@media only screen and (min-width: 801px) {     \n\t\t.html-tbiar-one-right-image-rhombus-one {\n\t\t\tdirection: rtl;  \t\n\t\t}\n\n\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-left-box, .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box {\n\t\t\twidth:50%;\n\t\t\tdisplay:table-cell;\n\t\t\tvertical-align: middle;\n\t\t\tdirection: ltr;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px) { \n\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-left-box, .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box {\n\t\t\twidth:100%;\n\t\t\tdisplay:block;\n\t\t\tvertical-align: middle;\n\t\t\tmargin-bottom:40px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\th2.html-tbiar-one-left-box {\n\t\tcolor:var(--primary-color);\n\t}\n\n\t.dark-mode-on h2.html-tbiar-one-left-box {\n\t\tcolor:var(--dark-primary-color);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-left-box {\n\t\tz-index: 1; \n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one button {\n\t\tmargin-top:20px;\n\t\ttransition:all 0.3s;\n\t}\t\t\n\n\t.html-tbiar-one-right-image-rhombus-one button:hover {\n\t\ttransition:all 0.3s;\n\t}\t\t\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box {\n\t\tposition:relative;\n\t\tvertical-align: middle;\n\t\theight: 500px\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box {\n\t\t\t\theight: 400px\n\t\t\t}\n\t\t}\t\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-one {\n\t\tposition: absolute;\n\t\tz-index:-2;\n\t\tdisplay: block;\n\t\twidth: 500px;\n\t\theight: 500px;\n\t\tright: 12%;\n\t\ttop: 0;\n\t\tborder-radius: 88px;\n\t\tbackground: var(--primary-color);\n\t\ttransform: rotate(45deg);\n\t\ttransition:transform 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-one {\n\t\t\t\twidth: 300px;\n\t\t\t\theight: 300px;\n\t\t\t\tright: 14%;\n\t\t\t\ttop: 60px;\n\t\t\t\tborder-radius: 58px;\n\t\t\t}\n\t\t}\t\t\n\n\t.dark-mode-on .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-one {\n\t\tbackground: var(--dark-primary-color);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box:hover .html-tbiar-one-right-box-outer-one {    \n\t\ttransform: rotate(45deg) translateX(4px)  translateY(-4px);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-two {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tz-index:-1;\n\t\twidth: 421px;\n\t\theight: 420px;\n\t\tright: 36%;\n\t\ttop:40px;\n\t\ttransform: rotate(45deg);\n\t\tborder-radius: 40px;\n\t\tbackground: var(--body-background-color);\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-two {\n\t\t\t\twidth: 301px;\n\t\t\t\theight: 301px;\n\t\t\t\tright: 36%;\n\t\t\t\ttop: 60px;\n\t\t\t\tborder-radius: 40px;\n\t\t\t}\n\t\t}\t\n\n\t.dark-mode-on .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-two {\n\t\tbackground: var(--dark-body-background-color);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\twidth: 300px;\n\t\theight: 300px;\n\t\tright: 20%; \n\t\ttop: 100px;\n\t\toverflow: hidden;\n\t\tborder-radius: 80px;\n\t\ttransform: rotate(45deg);\n\t\tbox-shadow: var(--box-shadow-medium) var(--shadow-color);\n\t\ttransition:all 0.3s;\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner:hover {\n\t\tbox-shadow: var(--box-shadow-medium) var(--hovered-shadow-color);\n\t\ttransition:all 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner {\n\t\t\t\twidth: 240px;\n\t\t\t\theight: 240px;\n\t\t\t\tright: 24%;\n\t\t\t\ttop: 90px;\n\t\t\t\tborder-radius: 70px;\n\t\t\t}\n\t\t}\n\n\t.dark-mode-on .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner {\n\t\tbox-shadow: var(--box-shadow-medium) var(--dark-shadow-color);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner-child {\n\t\ttransform: rotate(-45deg);\n\t\tposition: absolute;\n\t\twidth: 420px;\n\t\theight: 420px;\n\t\tleft: -75px;\n\t\ttop: -75px; \n\t\tbackground: url('https:\/\/cga-car-batteries.com\/wp-content\/uploads\/Backgrounds\/800x800\/Background1-800x800-1.jpg');\n\t\tbackground-size: cover;    \n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner-child::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth:420px;\n\t\theight: 420px;\n\t\tbackground: rgba(255, 255, 255, 0.15);\n\t\ttransition: transform 1s;\n\t\ttransition: transform 1s; \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 60deg) translate3d(0, -100%, 0);\n\t\tz-index: 200;  \n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner:hover .html-tbiar-one-right-box-inner-child::before { \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 55deg) translate3d(0, 68%, 0);\n\t}\n\n<\/style>\n\n\n[html-box-on-background-one-fp]\n[html-overlapping-boxes-one-fp]\n[html-cards-no-borders-one-fp]\n[html-timeline-one-fp]\n[html-contact-stripe-section-one-fp]\n[html-map-contact-info-fp]\n[call-shortcode-container-via-ajax]\n[categories-display]\n<h2>Needs other plugins to work<\/h2>\n<div class=\"su-spacer\" style=\"height:60px\"><\/div>\n[html-home-page-sales-fp]\n[html-home-slider]\n[html-popup-builder-form-inline]\n[html-carousel]\n[html-gallery-buttons]\n[html-menu-on-page]\n","protected":false},"excerpt":{"rendered":"<p>[html-simple-slider-fp] [html-masonry-boxes-fp] [html-four-boxes-with-central-background-o&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"sidebar-content","footnotes":""},"class_list":["post-2189","page","type-page","status-publish","entry"],"_links":{"self":[{"href":"https:\/\/cga-car-batteries.com\/el\/wp-json\/wp\/v2\/pages\/2189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cga-car-batteries.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cga-car-batteries.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cga-car-batteries.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cga-car-batteries.com\/el\/wp-json\/wp\/v2\/comments?post=2189"}],"version-history":[{"count":3,"href":"https:\/\/cga-car-batteries.com\/el\/wp-json\/wp\/v2\/pages\/2189\/revisions"}],"predecessor-version":[{"id":2517,"href":"https:\/\/cga-car-batteries.com\/el\/wp-json\/wp\/v2\/pages\/2189\/revisions\/2517"}],"wp:attachment":[{"href":"https:\/\/cga-car-batteries.com\/el\/wp-json\/wp\/v2\/media?parent=2189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}