PageSourceSearch

https://apogee.gr/en/home/

html apogee.gr collected 2026-10-02 20:45:15 UTC 151,565 bytes, 3,535 lines download raw bytes

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3    <head>
4        <!-- Meta initial-scale=1.0 -->
5        <meta charset="UTF-8">           
6        <meta name="viewport" content="width=device-width, initial-scale=1.0">
7        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8        <meta name="Description" content="Apogee Information Systems  is a company specialized in today's emerging business sectors and latest technologies, namely web applications, website design, project management, human resources, research consultancy and online marketing services.">
9        <meta NAME="Author" CONTENT="Apogee Information Systems">
10        <meta NAME="Generator" CONTENT="Apogee Essence CMS">
11        <meta property="og:title" content="Home - Apogee Information Systems"/>
12        <meta property="og:site_name" content="Apogee Information Systems"/>
13        <meta property="og:description" content="Apogee Information Systems  is a company specialized in today's emerging business sectors and latest technologies, namely web applications, website design, project management, human resources, research consultancy and online marketing services."/>
14        <meta property="og:image" content="https://apogee.gr/files/apogee_2017/meta_logo.png"/>
15        <meta property="og:type" content="" />
16        <meta property="og:url" content=""/>
17        <meta property="fb:admins" content="566580209"/>
18        <meta name="google-site-verification" content="dt5OMf7_SzEuCQEBKd78KbDBxVOxteCTfdU1gK_ltcs" />
19        <meta name="p:domain_verify" content="5e1e3d7cbf3dc6dfe8f52b3eb41c3dbe"/>
20        
21        <link rel="preconnect" href="https://essence.omikron.apogee.gr">
22        <link rel="preconnect" href="https://cdn.apogee.gr">
23        <link rel="preconnect" href="https://fonts.googleapis.com">
24        <link rel="dns-prefetch" href="https://www.googletagmanager.com">
25        <link rel="dns-prefetch" href="https://eu-assets.i.posthog.com">
26        <link rel="preconnect" href="https://apogee.gr">
27        <link rel="preconnect" href="https://support.apogee.gr">
28        <link rel="preconnect" href="https://apogeewatcher.com"> 
29        
30        <title>Home - Apogee Information Systems</title>
31        
32        <!-- jQuery -->
33        
33<script type="text/javascript" src="https://essence.omikron.apogee.gr/jquery/jquery-1.12.4.min.js"></script>
33 
34        
35        <!-- Bootstrap -->    
36        <link rel="stylesheet" href="https://essence.omikron.apogee.gr/bootstrap337/css/bootstrap.min.css">
37        <link rel="stylesheet" href="https://essence.omikron.apogee.gr/bootstrap337/css/bootstrap-theme.min.css">
38        
38<script type="text/javascript" src="https://essence.omikron.apogee.gr/bootstrap337/js/bootstrap.min.js" defer></script>
38
39        
39<script src="https://elfsightcdn.com/platform.js" async></script>
39
40        
41        <!-- select2 (jQuery) --> 
42        <!--link href="https://essence.omikron.apogee.gr/jquery/select2_4.0.3/css/select2.min.css" rel="stylesheet" />
43        
43<script src="https://essence.omikron.apogee.gr/jquery/select2_4.0.3/js/select2.min.js" defer></script--> 
44        
45        <!-- Custom styles for this template -->
46        <!--link href="navbar.css" rel="stylesheet" type="text/css"-->
47        
48        <!-- Google Fonts -->
49        <!--link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin,greek,greek-ext&display=swap" rel="stylesheet" type="text/css"-->
50
51        <!-- css -->
52        <style type="text/css">
53.image-link-image { max-width: 100px; margin-left: auto; margin-right: auto; }
54    .onlymobile{display:none;}
55
56    /****** GENERAL ******/   
57    body { font-family: 'Roboto', sans-serif; font-weight: 300; } 
58    
59    .logo img { max-width: 240px; }
60    
61    h1 { font-size: 40px; letter-spacing: 2pt; color: black; font-weight: 300; margin: 10px 0 25px; }
62    h2 { font-size: 20px; color: #ff6633; font-weight: 300; }
63    h3 { font-size: 20px; color: #ff6633; font-weight: 700; }
64    /* h4 { font-size: 25px; color: #ff6633; font-weight: 700; line-height: 1.6; }*/
65    h4 { font-size: 36px; color: white; font-weight: 700; line-height:32px; text-shadow: 0 0 10px rgba(80,80,80,0.2);}
66    h5 { font-size: 18px; color: #EEEEEE; font-weight: 700; }
67    
68    a { color: black; text-decoration: underline; transition: all 0.3s; }
69    a.link_white { font-size: 18px; color: white; text-decoration: none; }
70    a.link_black { font-size: 18px; color: black; text-decoration: none; }
71    
72    .footer_row a.link_white { font-size: 16px; color: white; text-decoration: none; }
73    .footer_row .divider { font-size:12px; }
74    
75    a:hover, a.link_white:hover, a.link_black:hover { color: #ff6633; }
76    
77    ul.list_no_bullets { list-style: none; padding-left: 20px; }
78    
79    .logo { margin-left: -15px; }
80    
81    .header_content_row p { font-size: 18px; color: white; }
82    .content_text_white { font-size: 18px; color: white; }
83    .content_text_white a { color: white; }
84    .content_text_black { font-size: 18px; color: black; }
85    .content_text_black img {     max-width: 100%;   width: 100%;
86    height: auto;
87    padding: 2px;
88} } 
89    .bold_orange { font-weight: 500; color: #ff6633; }
90    
91    .uppercase { text-transform: uppercase; }
92    
93    .orange_button_fill {
94        background-color: #ff6633;
95        border-radius: 5px;
96        color: white;
97        font-size: 18px; /*20px;*/
98        font-weight: 300; /*500;*/
99        /* padding: 2% 4%; */
100        transition: all 0.3s;
101        width: 100%;
102        line-height: 1.42857143;
103    }
104    .orange_button_fill.active,
105    .orange_button_fill:hover { color: #333; text-decoration: none; }
106    
107    .orange_button_border {
108        background-color: white;
109        border: 3px solid #ff6633;
110        border-radius: 5px;
111        color: #000;
112        font-size: 18px; /*20px;*/
113        font-weight: 300; /*500;*/
114        padding: 2% 1.5% 1.5% 1.5%;
115        text-align: center;
116        transition: all 0.3s;
117        width: 100%;
118    }
119    .orange_button_border.active,
120    .orange_button_border:hover { background-color: #ff6633; color: white; }
121    
122    .bg_image_centered_contain {
123        background-size: contain;
124        background-repeat: no-repeat;
125        background-position: 50%;
126    }
127    
128    .bg_image_centered_cover {
129        background-size: contain;
130        background-repeat: no-repeat;
131        background-position: 50%;
132    }
133    
134    /****** HEADER ******/
135    .header-image {
136        background-size: cover;
137        background-repeat: no-repeat;
138        background-position: center bottom;
139        /* height: 580px; */
140        padding: 0 0 12vw 0;
141    }
142    .header_content_row { padding-right: 10px; }
143    
144    /*
145    .header-image.air_baloons { background-image: url('https://apogee.gr/files/apogee_2017/home_top_image.png'); }
146    .header-image.surfboards { background-image: url('https://apogee.gr/files/apogee_2017/products_top_image.png'); }
147    .header-image.light_bulbs { background-image: url('https://apogee.gr/files/apogee_2017/products_essence_top_image.png'); }
148    .header-image.corporate_people { background-image: url('https://apogee.gr/files/apogee_2017/products_inspire_top_image.png'); }
149    .header-image.tablet_conversation { background-image: url('https://apogee.gr/files/apogee_2017/products_icarus_top_image.png'); }
150    .header-image.smiling_couple { background-image: url('https://apogee.gr/files/apogee_2017/products_easygoing_top_image.png'); }
151    .header-image.turbine { background-image: url('https://apogee.gr/files/apogee_2017/about_history_top_image.png'); }
152    .header-image.light_bulb { background-image: url('https://apogee.gr/files/apogee_2017/about_message_top_image.png'); }
153    .header-image.thessaloniki_sunset { background-image: url('https://apogee.gr/files/apogee_2017/about_vision_top_image.png'); }
154    .header-image.galaxy { background-image: url('https://apogee.gr/files/apogee_2017/about_creative_top_image.png'); }
155    .header-image.dominos { background-image: url('https://apogee.gr/files/apogee_2017/about_team_top_image.png'); }
156    .header-image.stormtroopers { background-image: url('https://apogee.gr/files/apogee_2017/career_top_image.png'); }
157    .header-image.calendar { background-image: url('https://apogee.gr/files/apogee_2017/calendar_top_image.png'); }
158    .header-image.keyboard { background-image: url('https://apogee.gr/files/apogee_2017/keyboard_top_image.png'); }
159    .header-image.tiled_wall { background-image: url('https://apogee.gr/files/apogee_2017/tiled_wall_top_image.png'); }
160    .header-image.mobile_devices { background-image: url('https://apogee.gr/files/apogee_2017/mobile_devices_top_image.png'); }
161    .header-image.paper_plane { background-image: url('https://apogee.gr/files/apogee_2017/paper_plane_top_image.png'); }
162    .header-image.beach { background-image: url('https://apogee.gr/files/apogee_2017/beach_top_image.png'); }
163    */
164    /*.header-image.cups { background-image: url('https://apogee.gr/files/site_new/apogee-innovation.png'); } */
165    /*.header-image.cups { background-image: url('https://www.apogee.gr/files/repository/20220429163115_apogee-website-home.jpg'); } */
166    
167    .header-image.air_baloons { background-image: url('https://cdn.apogee.gr/files/apogee_2017/home_top_image.png'); }
168    .header-image.surfboards { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_top_image.png'); }
169    .header-image.light_bulbs { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_essence_top_image.png'); }
170    .header-image.corporate_people { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_inspire_top_image.png'); }
171    .header-image.tablet_conversation { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_icarus_top_image.png'); }
172    .header-image.smiling_couple { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_easygoing_top_image.png'); }
173    .header-image.turbine { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_history_top_image.png'); }
174    .header-image.light_bulb { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_message_top_image.png'); }
175    .header-image.thessaloniki_sunset { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_vision_top_image.png'); }
176    .header-image.galaxy { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_creative_top_image.png'); }
177    .header-image.dominos { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_team_top_image.png'); }
178    .header-image.stormtroopers { background-image: url('https://cdn.apogee.gr/files/apogee_2017/career_top_image.png'); }
179    .header-image.calendar { background-image: url('https://cdn.apogee.gr/files/apogee_2017/calendar_top_image.png'); }
180    .header-image.keyboard { background-image: url('https://cdn.apogee.gr/files/apogee_2017/keyboard_top_image.png'); }
181    .header-image.tiled_wall { background-image: url('https://cdn.apogee.gr/files/apogee_2017/tiled_wall_top_image.png'); }
182    .header-image.mobile_devices { background-image: url('https://cdn.apogee.gr/files/apogee_2017/mobile_devices_top_image.png'); }
183    .header-image.paper_plane { background-image: url('https://cdn.apogee.gr/files/apogee_2017/paper_plane_top_image.png'); }
184    .header-image.beach { background-image: url('https://cdn.apogee.gr/files/apogee_2017/beach_top_image.png'); }
185    .header-image.cups { background-image: url('https://cdn.apogee.gr/files/repository/20220429163115_apogee-website-home.jpg'); }
186
187    .navbar-inverse .navbar-toggle {
188    border-color: rgb(255 255 255 / 25%);
189}
190    
191    /****** HEADER TOP BAR (Modal Toggles) ******/
192    .modal_toggles_row { text-align: right; }
193    .modal_toggles_row .modal_toggles { padding: 15px 0px; color: #c4c0bc; }
194    .modal_toggles_row .modal_toggles span.divider { color: white; padding: 0 3px; }
195    .modal_toggles_row .modal_toggles a { font-size: 13px; color: #c4c0bc; text-decoration: none; transition: all 0.3s; }
196    .modal_toggles_row .modal_toggles a.lang { color: white; }
197    .modal_toggles_row .modal_toggles a:hover { border-bottom: 1px solid #ff6633; color: #fff; text-decoration: none; }
198    .modal_toggles_row nav { border: none; background: none; }
199    .modal_toggles_row nav #navbar { padding: 0; }
200    
201    @media(max-width: 991px) {
202        .modal_toggles_row { text-align: initial; }
203        .modal_toggles_row nav { margin-bottom: 0px; }
204        .modal_toggles_row #navbar2 {
205            position: absolute;
206            right: 15px;
207            border: 1px solid black;
208            background-color: rgba(0,0,0,0.85);
209            border-radius: 5px;
210            z-index: 10;
211        }
212        .modal_toggles_row .modal_toggles a { display: block; }
213        .modal_toggles_row .modal_toggles span.divider { display: none; }
214        .modal_toggles_row .modal_toggles a:hover { border-bottom: none; color: #ff6633; text-decoration: none; }
215    }
216    
217    /****** HEADER MAIN MENU ******/
218    .main_menu_row { margin-top: 30px; }
219    .main_menu_row nav { border: none; background: none; }
220    .main_menu_row nav #navbar { padding: 0; }
221    .main_menu_row nav .menu { font-weight: 300; }
222    .main_menu_row nav .menu a { 
223        padding: 0px; 
224        margin-right: 20px; 
225        font-weight: 500; 
226        font-size: 17px; 
227        transition: all 0.3s;
228        color: #efefef; 
229    }
230    .main_menu_row nav .menu a:hover { border-bottom: 5px solid #ff6633; }
231    .main_menu_row nav .menu .submenu.active a { background: none; border-bottom: 5px solid #ff6633; box-shadow: none;}
232    .main_menu_row nav .menu .submenu.active .submenu2 a { border: none; }
233    
234    /****** SUBMENU ******/    
235    .main_menu_row #navbar ul.menu ul.dropdown-menu {
236        border: 1px solid black;
237        background-color: rgba(0,0,0,0.85);
238        border-radius: 5px;
239        z-index: 5;
240        padding: 10px 15px;
241        top: 28px;
242    }
243    .main_menu_row #navbar ul.menu ul.dropdown-menu li a { background: none; text-decoration: none; }
244    .main_menu_row #navbar ul.menu ul.dropdown-menu li a:hover { color: #ff6633; border-bottom: none; }
245    
246    /* test */
247    /* .main_menu_row #navbar ul.menu ul.dropdown-menu:hover { background-color: red; } */
248    
249    /****** MOBILE MENU ******/
250    /* @media(max-width: 767px) { */
251    @media(max-width: 991px) {
252        
253        .main_menu_row { margin-top: 0px; }
254        .main_menu_row #navbar {
255            position: absolute;
256            right: 15px;
257            border: 1px solid black;
258            background-color: rgba(0,0,0,0.85);
259            border-radius: 5px;
260            z-index: 5;
261        }
262        .main_menu_row #navbar .menu { margin: 15px; }
263        .main_menu_row #navbar .menu a { margin-right: 0; }
264        .main_menu_row #navbar .menu a:hover { border: none; color: #ff6633; }
265        
266        .main_menu_row nav .menu .submenu.active a.link_white,
267        .main_menu_row nav .menu .submenu a.link_white:hover { background: none; border-bottom: none; box-shadow: none; color: #ff6633; }
268    .main_menu_row nav .menu .submenu2.active a,
269        .main_menu_row nav .menu .submenu2 a:hover { background: none; border-bottom: none; box-shadow: none; color: #ff6633; }
270    
271        /* override default bootstrap breakpoint from 767px to 991px */
272        .navbar-header { float: none; }
273        .navbar-left,.navbar-right { float: none !important; }
274        .navbar-toggle { display: block; }
275        .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
276        .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
277        .navbar-collapse.collapse { display: none!important; }
278        .navbar-nav { float: none!important; margin-top: 7.5px; }
279        .navbar-nav>li { float: none; }
280        .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
281        .collapse.in{ display:block !important; }
282    
283        /* submenu */
284        .main_menu_row nav .menu .submenu { clear: both; }
285        .main_menu_row #navbar ul.menu ul.dropdown-menu {
286            display: block !important;
287            background: none; 
288            position: static; 
289            padding-left: 10px;
290            box-shadow: none;
291            border: none;
292            padding: 0px 15px;
293        }
294       
295        .main_menu_row #navbar ul.menu ul.dropdown-menu li a { background: none; text-decoration: none; }
296        .main_menu_row #navbar ul.menu ul.dropdown-menu li a:hover { color: #ff6633; border-bottom: none; }
297    }
298    
299    
300    /****** CONTENT ******/
301    .content-wrapper {
302        width: 100%;
303        max-width: 1400px;
304        margin: 0 auto;
305        height: auto;    
306    }
307    
308    /****** PAGINATION ******/
309    #pagination ul.pagination-links { margin-top: 10px; font-size: 20px; padding: 0; }
310    #pagination ul.pagination-links li { display: inline-block; vertical-align: top; }
311    #pagination ul.pagination-links li a {
312        display: block;
313        padding: 5px 10px;
314        color: black;
315        transition: all 0.3s;
316        text-decoration: none;
317    }
318    
319    #pagination ul.pagination-links li a.prev,
320    #pagination ul.pagination-links li a.next,
321    #pagination ul.pagination-links li.active a,
322    #pagination ul.pagination-links li a:hover { color: #ff6633; }
323    
324    #pagination ul.pagination-links li a.prev.disabled,
325    #pagination ul.pagination-links li a.next.disabled { color: #c4c0bc; } 
326    
327    /****** MODALS ******/
328    .modal h4 { color: black; font-weight: 300; font-size: 18px; padding: 20px 0px; }
329    
330    /* MODAL INPUT STYLE: https://codepen.io/sevilayha/pen/IdGKH/ */
331    .group { position:relative; margin-bottom:35px; }
332    .group input {
333        font-size: 18px;
334        padding: 10px 10px 10px 5px;
335        display: block;
336        width: 100%;
337        border: none;
338        border-bottom: 1px solid #aaa;
339        border-radius: 0px;
340    }
341    .group input:focus { outline: none; }
342    
343    .group label {
344        color: black;
345        font-weight: 700;
346        position: absolute;
347        pointer-events: none;
348        left: 5px;
349        top: 10px;
350        transition:0.2s ease all;
351        -moz-transition:0.2s ease all;
352        -webkit-transition:0.2s ease all;
353    }
354    
355    .group input:focus ~ label, 
356    .group input:valid ~ label {
357        top:-20px;
358        font-size:14px;
359        color:#ff6633;
360    }
361    
362    .group .bar { position:relative; display:block; width:100%; }
363    
364    .group .bar:before,
365    .group .bar:after     {
366        content:'';
367        height:2px;
368        width:0;
369        bottom:1px;
370        position:absolute;
371        background:#ff6633;
372        transition:0.2s ease all;
373        -moz-transition:0.2s ease all;
374        -webkit-transition:0.2s ease all;
375    }
376    
377    .group .bar:before { left:50%; }
378    .group .bar:after { right:50%; }
379    
380    .group input:focus ~ .bar:before,
381    .group input:focus ~ .bar:after { width:50%; }
382    
383    .group .highlight {
384        position:absolute;
385        height:60%;
386        width:100px;
387        top:25%;
388        left:0;
389        pointer-events:none;
390        opacity:0.5;
391    }
392
393    .group input:focus ~ .highlight {
394        -webkit-animation:inputHighlighter 0.3s ease;
395        -moz-animation:inputHighlighter 0.3s ease;
396        animation:inputHighlighter 0.3s ease;
397    }
398
399    @-webkit-keyframes inputHighlighter {
400        from { background:#ff6633; }
401        to { width:0; background:transparent; }
402    }
403    @-moz-keyframes inputHighlighter {
404        from { background:#ff6633; }
405        to { width:0; background:transparent; }
406    }
407    @keyframes inputHighlighter {
408        from { background:#ff6633; }
409        to { width:0; background:transparent; }
410    }
411    
412    /* style for loader modal */
413    #loaderModal .modal-body #loader_results .message { font-size: 18px; text-align: center; }
414    #loaderModal .modal-body #loader_results .message.success { /* as per Nektar color: green; */ }
415    #loaderModal .modal-body #loader_results .message.fail { color: red; }
416    #loaderModal .modal-footer .orange_button_border { width: initial; padding: 5px 15px; }
417    
418    /* style for start project modal */
419    #startProjectModal .modal-body #RecaptchaQuote > div { margin: 0 auto; }
420    #startProjectModal .modal-body .startProjectFormContainer,
421    #startProjectModal .modal-body #start_project_results { padding: 0 10px; margin-top: 0px; }
422    #startProjectModal .modal-body #start_project_results .spinner { display: none; }
423    #startProjectModal .modal-body #start_project_results .spinner img { width: 60px; }
424    #startProjectModal .modal-body #start_project_results .message.success { /* as per Nektar color: green; */ }
425    #startProjectModal .modal-body #start_project_results .message.fail { color: red; }
426    @media(max-width: 991px) {
427        
428        #startProjectModal .modal-body #startProjectModalForm .col-md-6:nth-child(2) { margin-top: 20px; }
429    }
430    
431    /* style for search modal */
432    #searchModal .modal-body .group { margin-bottom: 15px; }
433    #searchModal #searchModalForm input[type=submit] { margin-top: 8px; }
434    #searchModal .modal-footer { display: none; text-align: initial; }
435    #searchModal .modal-footer .spinner { display: none; }
436    #searchModal .modal-footer .spinner img { width: 60px; }
437    @media(max-width: 991px) {
438        
439        #searchModal #searchModalForm .row { margin-bottom: 15px; }
440    }
441    
442    /* style for contact modal */
443    #contactModal .contactFormContainer { margin-top: 40px; }
444    #contactModal .modal-body #RecaptchaContact > div { margin: 0 auto; }
445    #contactModal .modal-body .form-group { margin-bottom: 35px; }
446    #contactModal .modal-body .form-group:last-child { margin-bottom: 15px; margin-top: 60px; }
447    #contactModal .modal-body .intro_text, #contactModal .modal-body #contact_results .message { padding: 0px 15px; }
448    #contactModal .modal-body form { padding: 0px 30px; }
449    #contactModal .modal-body #contact_results { margin-top: 30px; }
450    #contactModal .modal-body #contact_results .spinner { display: none; }
451    #contactModal .modal-body #contact_results .spinner img { width: 60px; }
452    #contactModal .modal-body #contact_results .message.success { /* as per Nektar color: green; */ }
453    #contactModal .modal-body #contact_results .message.fail { color: red; }
454    
455    /* style for Newsletter Modal */
456    #newsletterModal .modal-body .group { margin-bottom: 15px; }
457    #newsletterModal .modal-body #newsletterModalFormSubmit { margin-top: 8px; }
458    #newsletterModal .modal-body #newsletter_results { margin-top: 30px; }
459    #newsletterModal .modal-body #newsletter_results .spinner { display: none; }
460    #newsletterModal .modal-body #newsletter_results .spinner img { width: 60px; }
461    #newsletterModal .modal-body #newsletter_results .message.success { /* as per Nektar color: green; */ padding-left: 0px; }
462    #newsletterModal .modal-body #newsletter_results .message.fail { color: red; }
463    @media(max-width: 991px) {
464        
465        #newsletterModal #newsletter_form .row { margin-bottom: 15px; }
466    }
467    
468    /* style for Language Selection Modal */
469    .uppercase { text-transform: uppercase; }
470    .lowercase { text-transform: lowercase; }
471    .capitalize { text-transform: capitalize; }
472    .orangeText { color: #ff6633; }
473    .modal button.orangeBG { color: #fff; border: none; }
474    
475    #langModal .modal-body .row { margin-top: 0px; }
476    #langModal .lang_item a.orange_button_border { width: 100%; display: block; text-decoration: none; }    
477    
478    .modal-title { text-align: center; font-size: 20px; }
479    
480    /* style for start project modal */
481    #startProjectModal.modal .row.startProjectFormContainer { margin-top: 40px; }
482    
483    .modal textarea, 
484    .modal select {
485        width: 100%;
486        padding: 8px;
487        border: none;
488        border: 1px solid #aaa;
489        border-radius: 5px;
490    }
491    .modal .row { margin-top: 20px; }
492    .modal .modal-header { text-align: center; }
493    
494    .modal input[type=submit] {
495        background-color: white;
496        padding-top: 10px;
497        padding-bottom: 6px;
498        border: 3px solid #ff6633;
499        border-radius: 5px;
500        width: 100%;
501        color: black;
502        transition: all 0.3s;
503        font-size: 18px;
504        font-weight: 300;
505    }
506    
507    .modal input[type=submit]:hover { background-color: #ff6633; color: white; }
508    
509    @media(max-width: 991px) {
510        /*.modal input, */
511        .modal textarea, 
512        .modal select {
513            margin-bottom: 10px;
514        }
515    }
516    
517    /****** style for Request Info Modal ******/
518    #requestInfoModal .requestInfoFormContainer { margin-top: 40px; }
519    #requestInfoModal .modal-header p { margin-top: 30px; }
520    #requestInfoModal .modal-body { padding-top: 30px; }
521    #requestInfoModal #request_info_form .checkbox { margin-bottom: 35px; }
522    #requestInfoModal #request_info_form #RecaptchaRequestInfo > div { margin: 0 auto; }
523    #requestInfoModal #request_info_form input[type=submit] { margin-top: 10px; }
524    #requestInfoModal #request_info_form span.mandatory { color: red; } 
525    
526    /****** FOOTER ******/
527    .footer_container .footer_row .footer-image {
528        /* background-image: url('https://apogee.gr/files/apogee_2017/footer.png'); */
529        background-image: url('https://cdn.apogee.gr/files/apogee_2017/footer.png');
530        background-repeat: no-repeat;
531        background-position: 50% 0;
532        background-size: cover;
533        margin-top: 3px;
534        padding: 100px 0 30px 0;
535    }
536    @media(max-width: 767px) {
537        .footer_container .footer_row .footer-image { padding-top: 150px; }
538    }
539    
540    .footer_container .useful_links .divider { color: white; padding: 0 3px; }
541    .footer_container .footer_row .left_column { padding-right: 60px; }
542    
543    .footer_container .footer_row .left_column .content_text_white,
544    .footer_container .footer_row .right_column .content_text_white { margin-top: 20px; }
545    
546    .footer_container .footer_row .right_column .social_icons,
547    .footer_container .footer_row .left_column .useful_links { margin-top: 25px; }
548    
549    .footer_container .footer_row .right_column .social_icons a { margin-right: 10px; text-decoration: none; }
550    .footer_container .footer_row .right_column .social_icons a img { height: 24px; width: auto;  }
551    
552    
553    /****** CYCLE SLIDER ******/
554    /* style for SLIDER */
555    .sliderPager, .sliderPager2 {
556        text-align: center;
557        font-size: 30px;
558    }
559    
560    .sliderPager span,
561    .sliderPager2 span { color: #cccccc; cursor: pointer; }
562    .sliderPager span.cycle-pager-active,
563    .sliderPager2 span.cycle-pager-active { color: orange; }
564    
565    .slideshow_item { padding: 20px; vertical-align: top; min-height: 300px; }
566    
567    .slideshow_item_title { color: #ffffff; white-space: initial; font-size: 41px; margin-bottom: 10px; }
568    .slideshow_item_text { color: #000000; white-space: initial; font-size: 19px; line-height: 120%; }
569    .slideshow_item_text.text_color_white { color: #ffffff; }
570    
571    .slideshow_item_text .link_list {
572        white-space: initial;
573        width: calc(50vw - 40px);
574        position: absolute;
575        bottom: 30px;
576    }
577    @media(max-width: 767px) {
578        .slideshow_item_text .link_list { width: calc(100vw - 40px); }
579    }
580    
581    
582    .slideshow_item_text .link_list a { color: #000000; }
583    .slideshow_item_text.text_color_white .link_list a { color: #ffffff; }
584    
585    
586    /* style for 2 active slides */
587    .home_slider .cycle-carousel-wrap .slideshow_item.cycle-slide-active > div { padding-right: 30px; }
588    .home_slider .cycle-carousel-wrap .slideshow_item.cycle-slide-active + .slideshow_item > div { padding-left: 30px; }
589    @media(min-width: 1400px) {
590        .home_slider .cycle-carousel-wrap .slideshow_item.cycle-slide-active > div { 
591            padding-left: calc((100vw - 1400px - 40px) / 2); 
592        }
593        .home_slider .cycle-carousel-wrap .slideshow_item.cycle-slide-active + .slideshow_item > div { 
594            padding-right: calc((100vw - 1400px - 40px) / 2); 
595        }
596    }
597    
598    
599    
600    /****** These should really go to module specific css templates at some point ******/
601    
602    /* HOMEPAGE - FEATURED ITEM */
603    .home_featured,
604    .home_slider,
605    .home_successes,
606    .home_positions_and_news { margin-top: 50px; }
607    
608    /* HOMEPAGE - SUCCESSES */
609    .home_successes a { text-decoration: none; }
610    
611    .home_successes .inline_col { display: inline-block; vertical-align: bottom; float: none; }
612    
613    .home_successes .successes_row1,
614    .home_successes .successes_row2 { margin-top: 25px; }
615    
616    @media(min-width: 768px) {
617        .home_successes .inline_col.col-xl-9,
618        .home_successes .inline_col.col-lg-9 { width: 74.5%; }
619        .home_successes .inline_col.col-xl-3,
620        .home_successes .inline_col.col-lg-3 { width: 24.5%; }
621    }
622    
623    .home_successes .orange_button_fill { margin-top: 40px; width: auto; white-space: normal; font-weight: 300; }
624    @media(max-width: 767px) {
625        .home_successes .orange_button_fill { margin-top: 25px; width: 100%; }
626        .mobileno{display:none}
627        .onlymobile{display:block;}
628    }
629    
630    @media(min-width: 576px) and (max-width: 991px) {
631        .onlymobile{display:block;float:right;margin-left:2rem;margin-right:0;margin-bottom:2rem;}
632    .content_text_black img{width:auto !important;max-width:auto !important;}
633        }
634    
635    
636     
637    
638    .home_successes .successes_row1 .success_item,
639    .home_successes .successes_row2 .success_item {
640        display: inline-block;
641        vertical-align: top;
642        height: 118px;
643        margin: 0 2%;
644    }
645    
646    .home_successes .successes_row1 .success_item { /*width: 15%;*/ /*width: 14.55%;*/ width: 20%; }
647    .home_successes .successes_row2 .success_item { width: 20%; /*width: 23%; */}
648    
649    /* HOMEPAGE - OPEN POSITIONS & LATEST NEWS */    
650    .home_positions_and_news .one_position a { text-decoration: none; }
651    .home_positions_and_news .one_position .position_title {
652        color: #ff6633;
653        font-size: 20px;
654        padding-bottom: 10px;
655        font-weight: 500;
656    }
657    
658    .home_positions_and_news .one_position .position_description {
659        color: #000000;
660        font-size: 20px;
661        line-height: 117%;
662        padding-left: 15px;
663        /*
664        padding-top: 1px;
665        border-left: 5px solid #ff6633;
666        */
667    }
668    .home_positions_and_news .one_position div.line { margin-top: 5px; }
669    .home_positions_and_news .one_position div.line img { width: 20px; vertical-align: top; }
670    .home_positions_and_news .one_position div.line span { margin-left: 10px; }
671    
672    .home_positions_and_news .latest_news_container a { text-decoration: none; }
673    .home_positions_and_news .latest_news_container p { margin: 0; }
674    .home_positions_and_news .latest_news_container .news_item { margin-bottom: 15px; }
675    
676    /* MODULE HOME - PROCESS */
677    .module_home_process > .col-md-12 > .row { margin-top: 15px; }
678    .module_home_process .inline-links { margin-top: 12px; }
679    
680    @media(max-width: 991px) {
681        .module_home_process img.img-responsive { margin: 0 auto; }
682        .module_home_process .inline-links { margin: 30px 0px; }
683        .module_home_process .orange_button_border { margin-bottom: 15px; }
684    }
685    
686    /* MODULE HOME - PRODUCT LINKS TABLE */
687    .blackBG { background-color: #000; }
688    .orangeBG { background-color: #ff6633; }
689    .darkGrayBG { background-color: #333333; }
690    .grayBG { background-color: #515151; }
691    .lightGrayBG { background-color: #6C6C6C; }
692    
693    .module_home_links_table { margin-top: 50px; }
694    .module_home_links_table a { text-decoration: none; }
695    .module_home_links_table table { width: 100%; }
696    .module_home_links_table table td { padding: 30px 20px; }
697    
698    .module_home_links_table .row1_left,
699    .module_home_links_table .row2_left,
700    .module_home_links_table .row2_middle,
701    .module_home_links_table .row2_right  {
702        color: #fff;
703        font-size: 40px;
704    }
705    
706    .module_home_links_table .row2_middle { text-align: center; }
707    .module_home_links_table .row1_left { padding-top: 7%; padding-bottom: 5%; }
708    .module_home_links_table .row1_right { color: #000; font-size: 40px; line-height: 1; }
709    .module_home_links_table .row1_right span.bigger { font-size: 88px; font-weight: 500; }
710    
711    @media(min-width: 1400px) {
712        .module_home_links_table .row1_left,
713        .module_home_links_table .row2_left { padding-left: calc((100vw - 1400px - 40px) / 2); }
714    
715        .module_home_links_table .row1_right,
716        .module_home_links_table .row2_right { padding-right: calc((100vw - 1400px - 40px) / 2); }
717    }
718    
719    @media(max-width: 991px) {
720        .module_home_links_table .row1_left,
721        .module_home_links_table .row1_right,
722        .module_home_links_table .row2_left,
723        .module_home_links_table .row2_middle,
724        .module_home_links_table .row2_right  {
725            font-size: 20px;
726        }
727    
728        .module_home_links_table .row1_right span.bigger { font-size: 46px; }
729        .module_home_links_table { margin-top: 30px; }
730    }
731    
732    /* PRE-FOOTER IMAGES */
733    
734    /* cup */
735    .pre_footer_image .pre_footer_image_cup {
736        /*background-image: url('https://apogee.gr/files/apogee_2017/cup.png'); */
737        background-image: url('https://cdn.apogee.gr/files/apogee_2017/cup.png');
738        background-size: cover;
739        background-position: center bottom;
740        background-repeat: no-repeat;
741        height: calc(1362 / 1990 * 70vw);
742        padding: 0;
743        margin-bottom: -110px;   
744    }
745    @media(max-width: 767px) {
746        .pre_footer_image .pre_footer_image_cup { margin-bottom: -130px; }
747    }
748    
749    /* honeycomb */
750    .pre_footer_image .pre_footer_image_honeycomb {
751        /*background-image: url('https://apogee.gr/files/apogee_2017/kypseli.png');*/
752        background-image: url('https://cdn.apogee.gr/files/apogee_2017/kypseli.png');
753        background-size: 1400px;
754        background-position: right top;
755        background-repeat: no-repeat;
756        height: calc(1035 / 1400 * 1400px);
757        padding: 0;
758        margin-bottom: -110px;
759    }
760    @media(max-width: 1399px) {
761        .pre_footer_image .pre_footer_image_honeycomb { 
762            background-size: contain;
763            height: calc(1035 / 1400 * 100vw); 
764        }
765    }
766    @media(max-width: 767px) {
767        .pre_footer_image .pre_footer_image_honeycomb { margin-bottom: -130px; }
768    }
769    @media(max-width: 420px) {
770        .pre_footer_image .pre_footer_image_honeycomb { margin-bottom: -200px; }
771    }
772    
773    /* marbles */
774    .pre_footer_image .pre_footer_image_marbles {
775        /*background-image: url('https://apogee.gr/files/apogee_2017/balls.png');*/
776        background-image: url('https://cdn.apogee.gr/files/apogee_2017/balls.png');
777        background-size: 1400px;
778        background-position: left top;
779        background-repeat: no-repeat;
780        height: calc(997 / 1400 * 1400px);
781        padding: 0;
782        margin-bottom: -250px;
783    }
784    
785    @media(max-width: 1399px) {
786        .pre_footer_image .pre_footer_image_marbles { 
787            background-size: contain;
788            height: calc(997 / 1400 * 100vw);
789            margin-bottom: -200px;
790        }
791    }
792    
793    /* mortarboard */
794    .pre_footer_image .pre_footer_image_mortarboard {
795        /* background-image: url('https://apogee.gr/files/apogee_2017/hut.png'); */
796        background-image: url('https://cdn.apogee.gr/files/apogee_2017/hut.png');
797        background-size: 1400px;
798        background-position: right top;
799        background-repeat: no-repeat;
800        height: calc(1097 / 1400 * 1400px);
801        padding: 0;
802        margin-bottom: -200px;
803    }
804    @media(max-width: 1399px) {
805        .pre_footer_image .pre_footer_image_mortarboard { 
806            background-size: contain;
807            height: calc(1097 / 1400 * 100vw);
808            margin-bottom: -200px;
809        }
810    }
811    
812    /* suitcase */
813    .pre_footer_image .pre_footer_image_suitcase {
814        /* background-image: url('https://apogee.gr/files/apogee_2017/bag.png'); */
815        background-image: url('https://cdn.apogee.gr/files/apogee_2017/bag.png');
816        background-size: 1400px;
817        background-position: center top;
818        background-repeat: no-repeat;
819        height: calc(989 / 1400 * 1400px);
820        padding: 0;
821        margin-bottom: -200px;
822    }
823    @media(max-width: 1399px) {
824        .pre_footer_image .pre_footer_image_suitcase {
825            background-size: contain;
826            height: calc(989 / 1400 * 100vw);
827        }
828    }
829
830    /* bulbs */
831    .pre_footer_image .pre_footer_image_bulbs {
832        /* background-image: url('https://apogee.gr/files/apogee_2017/lamps.png'); */
833        background-image: url('https://cdn.apogee.gr/files/apogee_2017/lamps.png');
834        background-size: cover;
835        background-position: center top;
836        background-repeat: no-repeat;
837        height: calc(754 / 1400 * 100vw);
838        margin-bottom: -110px;
839        padding: 0;
840    }
841    @media(max-width: 767px) {
842        .pre_footer_image .pre_footer_image_bulbs { margin-bottom: -160px; }
843    }
844    
845    /* bowtie */
846    .pre_footer_image .pre_footer_image_bowtie {
847        /* background-image: url('https://apogee.gr/files/apogee_2017/bow-tie.png'); */
848        background-image: url('https://cdn.apogee.gr/files/apogee_2017/bow-tie.png');
849        background-size: cover;
850        background-position: center bottom;
851        background-repeat: no-repeat;
852        height: calc(1362 / 1990 * 80vw);
853        margin-bottom: -110px;
854        padding: 0;
855    }
856    @media(max-width: 767px) {
857        .pre_footer_image .pre_footer_image_bowtie { margin-bottom: -160px; }
858    }
859    
860    /* heart */
861    .pre_footer_image .pre_footer_image_heart {
862        /* background-image: url('https://apogee.gr/files/apogee_2017/heart.png'); */
863        background-image: url('https://cdn.apogee.gr/files/apogee_2017/heart.png');
864        background-size: 877px;
865        background-position: left top;
866        background-repeat: no-repeat;
867        height: calc(657 / 877 * 877px);
868        margin-bottom: -200px;
869        padding: 0;
870    }
871    @media(max-width: 877px) {
872        .pre_footer_image .pre_footer_image_heart { 
873            background-size: 90vw;
874            height: calc(657 / 877 * 90vw);
875        }
876    }
877    
878    /* lighthouse */
879    .pre_footer_image .pre_footer_image_lighthouse {
880        /* background-image: url('https://apogee.gr/files/apogee_2017/lighthouse.png'); */
881        background-image: url('https://cdn.apogee.gr/files/apogee_2017/lighthouse.png');
882        background-size: cover;
883        background-position: center bottom;
884        background-repeat: no-repeat;
885        height: calc(1009 / 1400 * 100vw);
886        margin-bottom: -110px;
887        padding: 0;
888    }
889    @media(max-width: 767px) {
890        .pre_footer_image .pre_footer_image_lighthouse { margin-bottom: -160px; }
891    }
892    
893    /* creation cycle */
894    .pre_footer_image .pre_footer_image_creation_cycle {
895        /* background-image: url('http://5.apogee.gr/files/Apogee_Circle_of_Solution_to_Creation.png'); */
896        /* background-image: url('https://apogee.gr/files/apogee_2017/creation_cycle.png'); */
897        background-image: url('https://cdn.apogee.gr/files/apogee_2017/creation_cycle.png');
898        background-size: 543px;
899        background-position: center top;
900        background-repeat: no-repeat;
901        height: calc(1492 / 1510 * 543px);
902        padding: 0;
903    }
904    @media(max-width: 543px) {
905        .pre_footer_image .pre_footer_image_creation_cycle { 
906            margin-bottom: -130px;
907            background-size: 90vw;
908        }
909    }
910    @media(max-width: 450px) {
911        .pre_footer_image .pre_footer_image_creation_cycle {
912            margin-bottom: -230px;
913        }
914    }
915    
916    /* keys */
917    .pre_footer_image .pre_footer_image_keys {
918        /* background-image: url('https://apogee.gr/files/apogee_2017/keys.png'); */
919        background-image: url('https://cdn.apogee.gr/files/apogee_2017/keys.png');
920        background-size: 1400px;
921        background-position: right top;
922        background-repeat: no-repeat;
923        height: calc(1003 / 1600 * 1400px);
924        margin-bottom: -200px;
925        padding: 0;
926    }
927    @media(max-width: 1399px) {
928        .pre_footer_image .pre_footer_image_keys {
929            background-size: contain;
930            height: calc(1003 / 1600 * 100vw);
931        }
932    }
933    
934    /* sugar cubes */
935    .pre_footer_image .pre_footer_image_sugar_cubes {
936        /* background-image: url('https://apogee.gr/files/apogee_2017/sugar_cubes.png'); */
937        background-image: url('https://cdn.apogee.gr/files/apogee_2017/sugar_cubes.png');
938        background-size: 1400px;
939        background-position: center top;
940        background-repeat: no-repeat;
941        height: calc(1399 / 1900 * 1400px);
942        margin-bottom: -200px;
943        padding: 0;
944    }
945    @media(max-width: 1399px) {
946        .pre_footer_image .pre_footer_image_sugar_cubes { 
947            background-size: contain;
948            height: calc(1399 / 1900 * 100vw); 
949        }
950    }
951    
952    /* sunglasses */
953    .pre_footer_image .pre_footer_image_sunglasses {
954        /* background-image: url('https://apogee.gr/files/apogee_2017/sunglasses.png'); */
955        background-image: url('https://cdn.apogee.gr/files/apogee_2017/sunglasses.png');
956        background-size: 1400px;
957        background-position: right top;
958        background-repeat: no-repeat;
959        height: calc(1066 / 1900 * 1400px);
960        margin-bottom: -200px;
961        padding: 0;
962    }
963    @media(max-width: 1399px) {
964        .pre_footer_image .pre_footer_image_sunglasses { 
965            background-size: contain;
966            height: calc(1066 / 1900 * 100vw);
967            margin-bottom: -200px; 
968        }
969    }
970    @media(max-width: 767px) {
971        .pre_footer_image .pre_footer_image_sunglasses { margin-bottom: -170px; }
972    }
973    
974    /* stormtrooper */
975    .pre_footer_image .pre_footer_image_stormtrooper {
976        /* background-image: url('https://apogee.gr/files/apogee_2017/stormtrooper.png'); */
977        background-image: url('https://cdn.apogee.gr/files/apogee_2017/stormtrooper.png');
978        background-size: 1400px;
979        background-position: center right;
980        background-repeat: no-repeat;
981        height: calc(1324 / 1900 * 1400px);
982        margin-bottom: -200px;
983        padding: 0;
984    }
985    @media(max-width: 1399px) {
986        .pre_footer_image .pre_footer_image_stormtrooper { 
987            background-size: contain;
988            height: calc(1324 / 1900 * 100vw);
989        }
990    }
991    
992    /* watermelon */
993    .pre_footer_image .pre_footer_image_watermelon {
994        /* background-image: url('https://apogee.gr/files/apogee_2017/watermelon.png'); */
995        background-image: url('https://cdn.apogee.gr/files/apogee_2017/watermelon.png');
996        background-size: 1400px;
997        background-position: top right;
998        background-repeat: no-repeat;
999        height: calc(761 / 1500 * 1400px);
1000        margin-bottom: -50px;
1001        padding: 0;
1002    }
1003    @media(max-width: 1399px) {
1004        .pre_footer_image .pre_footer_image_watermelon {
1005            background-size: contain;
1006            height: calc(761 / 1500 * 100vw);
1007        }
1008    }
1009    
1010    /* elephant */
1011    .pre_footer_image .pre_footer_image_elephant {
1012        /* background-image: url('https://apogee.gr/files/apogee_2017/elephant.png'); */
1013        background-image: url('https://cdn.apogee.gr/files/apogee_2017/elephant.png');
1014        background-size: 1400px;
1015        background-position: top right;
1016        background-repeat: no-repeat;
1017        height: calc(767 / 1600 * 1400px);
1018        margin-bottom: -50px;
1019        padding: 0;
1020    }
1021    @media(max-width: 1399px) {
1022        .pre_footer_image .pre_footer_image_elephant {
1023            background-size: contain;
1024            height: calc(767 / 1600 * 100vw);
1025        }
1026    }
1027    @media(max-width: 767px) {
1028        .pre_footer_image .pre_footer_image_elephant {
1029            margin-bottom: -100px;
1030        }
1031    }
1032    
1033    /* origami_star */
1034    .pre_footer_image .pre_footer_image_origami_star {
1035        /* background-image: url('https://apogee.gr/files/apogee_2017/origami_star.png'); */
1036        background-image: url('https://cdn.apogee.gr/files/apogee_2017/origami_star.png');
1037        background-size: 1400px;
1038        background-position: top right;
1039        background-repeat: no-repeat;
1040        height: calc(1253 / 2667 * 1400px);
1041        margin-bottom: -150px;
1042        padding: 0;
1043    }
1044    @media(max-width: 1399px) {
1045        .pre_footer_image .pre_footer_image_origami_star {
1046            background-size: contain;
1047            height: calc(1253 / 2667 * 100vw);
1048        }
1049    }
1050    
1051    
1052    /* MODULE SHOWONE */
1053    .module_showone_headings,
1054    .module_showone_success { margin-top: 30px; }
1055    
1056    .module_showone_content .navigation_links a { text-decoration: none; }
1057    .module_showone_content .navigation_links .orange_button_border { margin-bottom: 10px; }
1058    .module_showone_content .navigation_links .orange_button_border.case_studies { 
1059        /* background-image: url('https://apogee.gr/files/apogee_2017/apogee_logo_bg.png'); */
1060        background-image: url('https://cdn.apogee.gr/files/apogee_2017/apogee_logo_bg.png');
1061        background-size: 32px;
1062        background-repeat: no-repeat;
1063        background-position: 5px center;
1064        transition: all 0.3s;
1065        margin-top: 50px; 
1066    }
1067    
1068    .module_showone_content .navigation_links .orange_button_border.case_studies:hover {
1069        /* background-image: url('https://apogee.gr/files/apogee_2017/apogee_logo_bg_white.png'); */
1070        background-image: url('https://cdn.apogee.gr/files/apogee_2017/apogee_logo_bg_white.png');
1071    }
1072    
1073    @media(max-width: 991px) {
1074     .module_showone_content .navigation_links { margin-top: 40px; }   
1075    }
1076    
1077    /* A-TEAM */
1078    .row.members { margin-top: 60px; }
1079    .row.members .one_member { float: none; display: inline-block; vertical-align: top; margin-bottom: 60px; }
1080    
1081    .members .member_avatar {
1082        background-size: cover;
1083        background-repeat: no-repeat;
1084        width: 150px;
1085        height: 150px;
1086        margin: 0 auto;
1087        border-radius: 75px;
1088    }
1089    
1090    .members .member_info { text-align: center; margin: 10px 0px 15px; }
1091    .members .member_info .member_name { color: #ff6633; margin-bottom:2px; font-weight: bold; }
1092    .members .member_info .member_title {  }
1093    
1094    .members .popup {
1095        background-color: white;
1096        border-radius: 5px;
1097        border: 1px solid #ff6633;
1098        position: absolute;
1099        width: 300px;
1100        display: none;
1101        padding: 14px;
1102        top: 0;
1103        left: calc(0.8 * 75vw / 4);
1104        z-index: 5996;
1105    }
1106    
1107    .members .popup button.close { display: none; }
1108    
1109    @media(max-width: 991px) and (pointer:coarse) {
1110        
1111        .members .popup { padding: 30px 14px 14px; }
1112        .members .popup button.close { display: block; position: relative; top: -20px; right: 0; }
1113    }
1114    
1115    .members .popup .tip {
1116        /* background-image: url("https://apogee.gr/files/apogee_2017/arrow-left-orange.png"); */
1117        background-image: url("https://cdn.apogee.gr/files/apogee_2017/arrow-left-orange.png");
1118        background-repeat: no-repeat;
1119        background-size: contain;
1120        background-position: center;
1121        position: absolute;
1122        top: 70px;
1123        left: -12px;
1124        height: 15px;
1125        width: 15px;
1126    }
1127    
1128    @media(min-width: 1550px) {
1129        .members .popup { left: calc(0.7 * 75vw / 4); }
1130        .members .one_member:nth-child(4n+0) .popup { right: calc(0.7 * 75vw / 4); left: initial; }
1131    }
1132    @media(min-width: 1750px) {
1133        .members .popup { 
1134            left: calc(0.65 * 75vw / 4); 
1135            left: calc(100% - 20px);
1136        }
1137        .members .one_member:nth-child(4n+0) .popup { right: calc(0.65 * 75vw / 4); left: initial; }
1138    }
1139    
1140    @media(min-width: 992px) {
1141        /* for 4 */
1142        .members .one_member:nth-child(4n+0) .popup { 
1143            right: calc(0.8 * 75vw / 4); 
1144            left: initial; 
1145            right: calc(100% - 20px);
1146        }
1147        .members .one_member:nth-child(4n+0) .popup .tip { 
1148            right: -12px; 
1149            left: initial; 
1150            /* background-image: url("https://apogee.gr/files/apogee_2017/arrow-right-orange.png"); */
1151            background-image: url("https://cdn.apogee.gr/files/apogee_2017/arrow-right-orange.png");
1152        }
1153    }
1154    @media(min-width: 768px) and (max-width: 991px) {
1155        /* for 3 */
1156        .members .popup { left: calc(75vw / 3); }
1157        
1158        .members .one_member:nth-child(3n+0) .popup { right: calc(75vw / 3); left: initial; }
1159        .members .one_member:nth-child(3n+0) .popup .tip {
1160            right: -12px;
1161            left: initial;
1162            /* background-image: url("https://apogee.gr/files/apogee_2017/arrow-right-orange.png"); */
1163            background-image: url("https://cdn.apogee.gr/files/apogee_2017/arrow-right-orange.png");
1164        }
1165    }
1166    @media(max-width: 767px) {
1167        /* for 2 */
1168        .members .popup { left: calc(75vw / 2); }
1169    
1170        .members .one_member:nth-child(2n+0) .popup { right: calc(75vw / 2); left: initial; }
1171        .members .one_member:nth-child(2n+0) .popup .tip {
1172            right: -12px;
1173            left: initial;
1174            /* background-image: url("https://apogee.gr/files/apogee_2017/arrow-right-orange.png"); */
1175            background-image: url("https://cdn.apogee.gr/files/apogee_2017/arrow-right-orange.png");
1176        }
1177    }
1178    @media(max-width: 520px) {
1179        
1180        .members .popup { width: 50vw; }
1181    }
1182    
1183    /*** CAREER ***/
1184    .module_career .content { margin-bottom: 60px; }
1185    .module_career .open_positions_container .one_position { margin-bottom: 20px; }
1186    
1187    .home_positions_and_news .open_positions_container .cycle-slideshow .cycle-slide { height: 250px; } 
1188    .home_positions_and_news .latest_news_container .inline_links { margin-top: 42px; }
1189    
1190    /*.open_positions_container .one_position { margin-bottom: 50px; } */
1191    .open_positions_container .one_position .position_title a { display: inline-block; margin-top:4px; }
1192    .open_positions_container .one_position .position_title a.btn_apply { float:right; font-size:18px; font-weight: 300; padding-top:8px; margin-top:0px;}
1193    .open_positions_container .one_position .position_title a { font-size: 24px; color: #ff6633; text-decoration: none; }
1194    .open_positions_container .one_position .position_title a:hover { text-decoration: none; }
1195    .open_positions_container .one_position .position_info { margin: 5px 0 15px; }
1196    .open_positions_container .one_position .position_info .line_location,
1197    .open_positions_container .one_position .position_info .line_deadline,
1198    .open_positions_container .one_position .position_info .line_duration { 
1199        display: inline-block; 
1200        vertical-align: top; 
1201        margin-right: 10px; 
1202    }
1203    .open_positions_container .one_position .position_info .line_expertise { margin: 10px 0px; }
1204    .open_positions_container .one_position .position_info .line_expertise .one_skill { 
1205        padding: 5px;
1206        background-color: #ff6633;
1207        color: white;
1208        margin-right: 5px;
1209        border-radius: 5px;
1210        font-size: 13px;
1211        display: inline-block;
1212        margin-bottom: 5px;
1213    }
1214    .open_positions_container .one_position .position_info img { width: 20p
1214x; vertical-align: top; }
1215    .open_positions_container .one_position .position_description p { text-align: justify; }
1216    .open_positions_container .one_position a.btn_apply { 
1217        padding: 5px 15px;
1218        text-decoration: none; 
1219        display: inline-block;
1220        border: 3px solid #ff6633;
1221        border-radius: 5px;
1222        transition: all 0.3s;
1223        color: black;
1224    }
1225    .open_positions_container .one_position a.btn_apply:hover { 
1226        text-decoration: none;
1227        background-color: #ff6633;
1228        color: white;
1229    }
1230    
1231    @media(min-width: 992px) {
1232        .open_positions_container { padding-right: 30px; }
1233    }
1234    
1235    .module_career .CV_form_container .pre_form_text { margin-bottom: 30px; }
1236    .module_career .CV_form_container .pre_form_text h2 { margin-bottom: 15px; margin-top:10px; }
1237    .module_career .CV_form_container .pre_form_text p { margin-bottom: 5px; }
1238    .module_career .CV_form_container span.mandatory { color: red; }
1239    .module_career .CV_form_container #RecaptchaCareer > div { margin: 0 auto; }
1240    
1241    .module_career .form-horizontal { margin: 0px 15px; }
1242    .module_career .form-horizontal input[type=submit] { margin-top: 30px; }
1243    .module_career .form-horizontal .form-group label,
1244    .module_career .form-horizontal .checkbox label { font-size: 18px; font-weight: initial; }
1245    .module_career .CV_form_container #CV_results { margin-top: 30px; }
1246    .module_career .CV_form_container #CV_results .spinner { display: none; }
1247    .module_career .CV_form_container #CV_results .message.success { /* as per Nektar color: green; */ }
1248    .module_career .CV_form_container #CV_results .message.fail { color: red; }
1249    
1250    .module_career .CV_form_container .teamplus_link { max-width: 200px; margin: 0 auto; /*text-align: right;*/ }
1251    .module_career .CV_form_container .teamplus_link a { display: inline-block; }
1252    @media(max-width: 991px) {
1253        .module_career .CV_form_container .teamplus_link { text-align: center; margin-bottom: 60px; }
1254    }
1255    
1256    .module_career .form-horizontal input[type=file] { height: initial; }
1257    .module_career .form-horizontal input[type=submit] {
1258        background-color: white;
1259        padding-top: 10px;
1260        padding-bottom: 6px;
1261        border: 3px solid #ff6633;
1262        border-radius: 5px;
1263        width: 100%;
1264        color: black;
1265        transition: all 0.3s;
1266        font-size: 18px;
1267        height: initial;
1268    }
1269    .module_career .form-horizontal input[type=submit]:hover { background-color: #ff6633; color: white; }
1270    
1271    
1272    /*** SUCCESS & NEWS ***/   
1273    /* 
1274    // For youtube embeded video
1275    */
1276    .yt_iframe { max-width: 100%; }
1277    
1278    .news_project_button_cont { margin-top: 10px; }
1279    
1280    .news_services_text { 
1281        display: inline-block;
1282        width: 50%;
1283        vertical-align: middle;
1284    }
1285    
1286    .news_orange_button {
1287        display: inline-block;
1288        width: 49%;
1289        min-width: 237px;
1290        vertical-align: middle;
1291    }
1292    
1293    .module_listboxes_headline { margin-top: 30px; }
1294    .module_listboxes_headline .col-md-6 { margin-bottom: 30px; }
1295    .module_listboxes_headline .news_list_latest .heading {
1296        font-size: 38px;
1297        font-weight: 400;
1298        letter-spacing: 2px;
1299        padding: 3.64vw 3.64vw 0px;
1300    }
1301    .module_listboxes_headline .news_list_latest .description {
1302        font-size: 18px;
1303        font-weight: 400;
1304        padding: 30px 3.64vw 3.64vw;
1305        vertical-align: middle;
1306    }
1307    .module_listboxes_headline .news_list_latest .one_skill {
1308        padding: 5px;
1309        background-color: #ff6633;
1310        color: white;
1311        margin-right: 5px;
1312        border-radius: 5px;
1313        font-size: 13px;
1314        display: inline-block;
1315        vertical-align: top;
1316        margin-top: 15px;
1317    }
1318    
1319    .module_listboxes_rest .heading {
1320        font-size: 20px;
1321        font-weight: 400;
1322        letter-spacing: 2px;
1323        padding: 1.4vw 1.4vw 0px;
1324    }
1325    .module_listboxes_rest .description {
1326        font-size: 16px;
1327        padding: 20px 1.4vw 1.4vw;
1328    }
1329    .module_listboxes_rest .one_skill {
1330        padding: 5px;
1331        background-color: #ff6633;
1332        color: white;
1333        margin-right: 5px;
1334        border-radius: 5px;
1335        font-size: 13px;
1336        display: inline-block;
1337        vertical-align: top;
1338        margin-top: 15px;
1339    }
1340    
1341    .module_listboxes_headline a:hover,
1342    .module_listboxes_rest a:hover { text-decoration: none; }
1343    
1344    .module_listboxes_pagination #pagination ul.pagination-links { margin-top: 10px; font-size: 20px; padding: 0; }
1345    .module_listboxes_pagination #pagination ul.pagination-links li { display: inline-block; vertical-align: top; }
1346    .module_listboxes_pagination #pagination ul.pagination-links li a {
1347        display: block;
1348        padding: 5px 10px;
1349        color: black;
1350        transition: all 0.3s;
1351    }
1352    
1353    .module_listboxes_pagination #pagination ul.pagination-links li a.prev,
1354    .module_listboxes_pagination #pagination ul.pagination-links li a.next,
1355    .module_listboxes_pagination #pagination ul.pagination-links li.active a,
1356    .module_listboxes_pagination #pagination ul.pagination-links li a:hover { color: #ff6633; }
1357    
1358    .module_listboxes_pagination #pagination ul.pagination-links li a.prev.disabled,
1359    .module_listboxes_pagination #pagination ul.pagination-links li a.next.disabled { color: #c4c0bc; }
1360    
1361    .module_listboxes_headline,
1362    .module_listboxes_rest .all_news { margin-bottom: 25px; }
1363    
1364    .news_list_latest {
1365        overflow: hidden;
1366        transition: max-height 3s ease 0s, opacity 1s ease 0s;
1367        border:1px solid #898989;
1368    }
1369    
1370    .news_list_latest a {
1371        background-color: white;
1372        color: #333;
1373        display: block;
1374        position: relative;
1375    }
1376    .news_list_latest_img_wrapper {
1377        height: 27vw;
1378        background-color: #fff;
1379        background-position: center center;
1380        background-size: 100% auto;
1381        overflow: hidden;
1382        position: relative;
1383        transition: all 0.5s ease 0s;
1384    }
1385    .news_list_latest_img {
1386        /*background-position: center center;*/
1387        background-position: top left;
1388        background-repeat: no-repeat;
1389        background-size: cover;
1390        height: 100%;
1391        transition: all 0.3s ease 0s;
1392        width: 100%;
1393    }
1394    .news_list_latest small {
1395        background-color: #fff;
1396        color: #333;
1397        display: block;
1398        /*font-family: Montserrat,sans-serif;*/
1399        font-size: 12px;
1400        font-weight: 400;
1401        line-height: 16px;
1402        /*width:60%;*/
1403        padding: 9px 12px 6px;
1404        position: absolute;
1405        right: 0;
1406        text-transform: uppercase;
1407        top: 15px;
1408        
1409        color: initial;
1410    }
1411    .news_list_latest h3 {
1412        display: table-cell;
1413        font-size: 25px;
1414        font-weight: 400;
1415        height: 12.1vw;
1416        letter-spacing: 0.1vw;
1417        padding: 2.64vw;
1418        vertical-align: middle;
1419        
1420        color: initial;
1421    }
1422    .news_list_latest h3 span {
1423        font-size: 16pt;
1424        font-weight: normal;
1425        letter-spacing: normal;
1426        
1427        color: initial;
1428    }
1429    .news_list_latest h3 .date_formatted {
1430        font-size: 18px;
1431        font-weight: 300;
1432        letter-spacing: initial;
1433        margin-top: 15px;
1434        padding-left: 30px;
1435        /* background-image: url('https://apogee.gr/files/apogee_2017/calendar_icon.png'); */
1436        background-image: url('https://cdn.apogee.gr/files/apogee_2017/calendar_icon.png');
1437        background-repeat: no-repeat;
1438        background-size: auto 19px;
1439        line-height: 1.3;
1440        opacity: 0.3;
1441    }
1442    .news_list_latest:hover .news_list_latest_img_wrapper .news_list_latest_img,
1443    .news_list_item:hover .news_list_item_img_wrapper .news_list_item_img {
1444        height:105%;
1445        width:105%;
1446        margin:-2.5% 0 0 -2.5%;
1447     }
1448    
1449    .news_list_item {
1450        /*float: left;*/
1451        padding: 0 0 2.15vw 0;
1452        /*width: 31.8%;*/
1453        overflow: hidden;
1454        transition: max-height 3s ease 0s, opacity 1s ease 0s;
1455        border:1px solid #898989;
1456        margin-bottom:1.6vw;
1457    }
1458    .news_list_item a,
1459    .news_list_latest a {
1460        background-color: white;
1461        color: #333;
1462        display: block;
1463        position: relative;
1464        transition: color 0.4s ease 0s, border-color 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s;
1465        text-decoration: none;
1466    }
1467    .news_list_item_img_wrapper {
1468        background-color: #fff;
1469        background-position: center center;
1470        background-size: 100% auto;
1471        /* height: 13vw; */
1472        overflow: hidden;
1473        position: relative;
1474        transition: all 0.5s ease 0s;
1475    }
1476    
1477    
1478    
1479
1480    /* STELIOS: fixed aspect ratio */
1481    .module_listboxes_headline .news_list_latest_img_wrapper { height: calc(590 / 1350 * 50vw); }
1482    .module_listboxes_rest .news_list_item_img_wrapper { height: calc(590 / 1350 * 33vw); }
1483    @media(max-width: 991px) {
1484        .module_listboxes_headline .news_list_latest_img_wrapper { height: calc(590 / 1350 * 100vw); }
1485        .module_listboxes_rest .news_list_item_img_wrapper { height: calc(590 / 1350 * 100vw); }
1486    }
1487    
1488    .news_list_item_img {
1489        /*background-position: center center;*/
1490        background-position: top left;
1491        background-repeat: no-repeat;
1492        background-size: cover;
1493        height: 100%;
1494        transition: all 0.3s ease 0s;
1495        width: 100%;
1496    }
1497    .news_list_item h3 {  
1498        background-color: #fff;
1499        display: table-cell;
1500        font-size: 19px;
1501        height: 5.5vw;
1502        padding: 1.4vw;
1503        vertical-align: middle;
1504        
1505        /* STELIOS: fix for different title heights */
1506        display: block;
1507        min-height: 96px;
1508        
1509        color: initial;
1510    }
1511    
1512    .news_list_item:hover .news_list_item_img_wrapper .news_list_item_img {
1513        height:105%;
1514        width:105%;
1515        margin:-2.5% 0 0 -2.5%;
1516     }
1517    .news_list_item small {
1518        background-color: #fff;
1519        color: #333;
1520        display: block;
1521        /*font-family: Montserrat,sans-serif;*/
1522        font-size: 10px;
1523        font-weight: 400;
1524        line-height: 12px;
1525        /*width:60%;*/
1526        padding: 9px 12px 6px;
1527        position: absolute;
1528        right: 0;
1529        text-transform: uppercase;
1530        top: 15px;
1531        
1532        color: initial;
1533    }
1534    .news_list_item h3 span {
1535        font-size: 15px;
1536        font-weight: normal;
1537        letter-spacing: normal;
1538        
1539        color: initial;
1540    }
1541    .news_list_item h3 .date_formatted,
1542    .module_plain_content_headings h1 .date_formatted
1543    {
1544        font-size: 16px;
1545        font-weight: 300;
1546        letter-spacing: initial;
1547        margin-top: 15px;
1548        padding-left: 25px;
1549        /* background-image: url('https://apogee.gr/files/apogee_2017/calendar_icon.png'); */
1550        background-image: url('https://cdn.apogee.gr/files/apogee_2017/calendar_icon.png');
1551        background-repeat: no-repeat;
1552        background-size: auto 17px;
1553        line-height: 1.3;
1554        opacity: 0.3;
1555    }
1556    
1557    .module_plain_content_content .col-md-6 { margin-top: 15px; }
1558    .module_plain_content_content .col-md-6 img.img-responsive { margin: 0 auto; }
1559    
1560    .module_plain_content_thumbnails { margin-top: 60px; }
1561    .thumbnails_container .title { margin-bottom: 15px; }
1562    .thumbnails_container .news_list_item .news_list_item_img_wrapper { height: calc(590 / 1350 * 25vw); }
1563    .module_plain_content_thumbnails a.orange_button_border { 
1564        font-size: 18px;
1565        display: inline-block;
1566        width: auto;
1567        text-decoration: none;
1568        padding: 6px 15px;
1569        font-weight: 300;
1570    }
1571    
1572    /* SITEMAP */
1573    .sitemap_content .sitemap_item { margin-bottom: 30px; }
1574    .sitemap_content .root { font-size: 18px; margin-bottom: 10px; }
1575    .sitemap_content .child { font-size: 16px; padding-left: 15px; }
1576    
1577    
1578    .latest_news_container .row.news_item{
1579        display: flex;
1580        align-items: center;
1581    }
1582    
1583    @media screen and (max-width: 991px) {
1584      .thumbnails_container .news_list_item .news_list_item_img_wrapper { height: calc(590 / 1350 * 170vw); }
1585    }
1586    
1587    @media only screen and (max-width: 1300px) and (min-width: 992px)  {
1588        .news_list_item h3{ height: 14.5vw; }
1589    }
1590    
1591    
1592    
1593    @media screen and (max-width: 898px) {
1594      .home_successes .success_item {
1595           width: 43% !important;
1596           margin-bottom: 2% !important;
1597      }
1598    
1599      .successes_row2{
1600        margin-top: 0px !important;
1601      }
1602    }
1603    
1604    
1605    .header-image div.logo{
1606        width: fit-content;
1607    }
1608    
1609    .header-image div.logo a{
1610        position: relative;
1611        z-index: 2;
1612    }
1613  
1614    .header-image .insideleft .header_content_row{
1615        position: relative;
1616        z-index: 3;
1617    }
1618    
1619</style>
1620        
1621        
1622        
1623        <!-- JavaScript -->
1624        
1624<script type="text/javascript" src="https://apogee.gr/files/js/real_escape_string.js"></script>
vendor: 2 bytes, line 1624
1624
1625<script type="text/javascript">
1626
1627    // render all reCAPTCHA plugins
1628    var recaptcha_contact = "";
1629    var recaptcha_quote = "";
1630    var recaptcha_career = "";
1631    var recaptcha_request_info = "";
1632    var CaptchaCallback = function(){ renderAllRecaptcha(); };
1633    
1634      ////////////////////
1635     // DOCUMENT READY //
1636    ////////////////////////////////////////////////////////////////////////////////
1637    
1638    $(document).ready(function(){
1639        
1640        console.log("general js loaded");
1641        
1642        // 1. start project modal
1643        // form submission
1644        $('#startProjectModalForm').submit(function(e) {
1645        
1646            e.preventDefault(); // avoid to execute the actual submit of the form
1647            sendProjectForm_AJAX(this); // handle form submission
1648        });
1649        
1650        // 2. search modal
1651        // form submission
1652        $('#searchModalForm').submit(function(e) {
1653            
1654            e.preventDefault(); // avoid to execute the actual submit of the form.
1655            search_AJAX(this); // handle form submission
1656        });
1657        
1658        // 3. newsletter modal
1659        // form submission
1660        $('#newsletter_form').submit(function(e) {
1661            
1662            e.preventDefault(); // avoid to execute the actual submit of the form
1663            sendNewsletterForm_AJAX(this); // handle form submission
1664        });
1665        
1666        // if user has just confirmed his subscription/unsubscription
1667        if($("#newsletterModal").hasClass("startup_popup")) {
1668           
1669            $("#newsletterModal").modal();
1670        }
1671        
1672        // 4. contact modal
1673        // form submission
1674        $('#contactModalForm').submit(function(e) {
1675        
1676            e.preventDefault(); // avoid to execute the actual submit of the form
1677            sendContactForm_AJAX(this); // handle form submission
1678        });
1679        
1680        // 5. SUCCESS CV Form
1681        $("#CV_Form_Container form#CV_Form").submit(function(e) {
1682            
1683            
1684            e.preventDefault(); // avoid to execute the actual submit of the form
1685            sendCVForm_AJAX(this); // handle form submission
1686        });
1687        
1688        // 6. REQUEST INFO Form (PDF Download)
1689        $("#requestInfoModal #request_info_form").submit(function(e) {
1690            
1691            e.preventDefault(); // avoid to execute the actual submit of the form
1692            requestInfoForm_AJAX(this); // handle form submission
1693        });
1694        
1695        // A-TEAM POPUP
1696        $('.members .member_avatar').on({
1697            'mouseenter':function(){
1698                $(this).parent().find(".popup").show();
1699            },
1700            'mouseleave':function(){
1701                $(this).parent().find(".popup").hide();
1702            }
1703        });
1704  
1705        // Main Menu Second Level
1706        $('.main_menu_row nav .menu li.dropdown a').hover(
1707            function() {
1708            
1709                if($(document).width() > 991) {
1710                    //$(this).parent().find(".dropdown-menu").fadeIn(300);
1711                    $(this).parent().find(".dropdown-menu").slideDown(300);
1712                }
1713            },
1714            function() {
1715                
1716                if($(document).width() > 991) {
1717                    var elm = $(this).parent().find(".dropdown-menu");
1718                    
1719                    setTimeout(function() {
1720                        if(!($('.main_menu_row nav ul.menu li.dropdown .dropdown-menu:hover').length > 0)) {
1721                            
1722                            elm.slideUp(300);
1723                        }
1724                    }, 200);
1725                }
1726            }
1727        );
1728        
1729        // Hide dropdown on mouse leave
1730        $('.main_menu_row nav ul.menu li.dropdown .dropdown-menu').mouseleave(function() {
1731            
1732            if($(document).width() > 991) {
1733                //$(this).fadeOut(300);
1734                $(this).slideUp(300);
1735            }
1736        });
1737        
1738        // A-TEAM popup close button click listener
1739        $('.members .popup button.close').click(function() {
1740            
1741            // $(this).parent().hide();
1742            $('.members .popup').hide();
1743        });
1744    });   
1745    
1746    
1747    ////////////////////////////////////////////////////////////////////////////////
1748    
1749    
1750    
1751      ///////////////
1752     // FUNCTIONS //
1753    ////////////////////////////////////////////////////////////////////////////////
1754    
1755    // render all reCAPTCHA plugins
1756    function renderAllRecaptcha() {
1757        
1758        // 1. contact form (modal)
1759        if($('#RecaptchaContact').length > 0) {    
1760            recaptcha_contact = grecaptcha.render('RecaptchaContact', {'sitekey' : '6LeqaQgTAAAAAPQQ0ShD5elPcKI5vxUVlZR2GaRV'});
1761        }
1762    
1763        // 2. quote form (modal)
1764        if($('#RecaptchaQuote').length > 0) {
1765            recaptcha_quote = grecaptcha.render('RecaptchaQuote', {'sitekey' : '6LeqaQgTAAAAAPQQ0ShD5elPcKI5vxUVlZR2GaRV'});
1766        }
1767        
1768        // 3. CV form (career page)
1769        if($('#RecaptchaCareer').length > 0) {
1770            recaptcha_career = grecaptcha.render('RecaptchaCareer', {'sitekey' : '6LeqaQgTAAAAAPQQ0ShD5elPcKI5vxUVlZR2GaRV'});
1771        }
1772        
1773        // 4. Request Company Info form (About Us page)
1774        if($('#RecaptchaRequestInfo').length > 0) {
1775            recaptcha_request_info = grecaptcha.render('RecaptchaRequestInfo', {'sitekey' : '6LeqaQgTAAAAAPQQ0ShD5elPcKI5vxUVlZR2GaRV'});
1776        }
1777    }
1778    
1779    // resets all reCAPTCHA plugins
1780    function resetAllRecaptcha() {
1781        // 1. contact form (modal)
1782        if($('#RecaptchaContact').length > 0) {
1783            grecaptcha.reset(recaptcha_contact);
1784        }
1785    
1786        // 2. quote form (modal)
1787        if($('#RecaptchaQuote').length > 0) { 
1788            grecaptcha.reset(recaptcha_quote);
1789        }
1790        
1791        // 3. CV form (career page)
1792        if($('#RecaptchaCareer').length > 0) {
1793            grecaptcha.reset(recaptcha_career);
1794        }
1795        
1796        // 4. Request Company Info form (About Us page)
1797        if($('#RecaptchaRequestInfo').length > 0) {
1798            grecaptcha.reset(recaptcha_request_info);
1799        }
1800    }
1801    
1802    // function to handle Project Form (Quote) submission (Quote Modal)
1803    function sendProjectForm_AJAX(element) {
1804        
1805        // 1. get AJAX parameters
1806        var action = $(element).attr("action"); // the script where you handle the form input.
1807        var method = $(element).attr("method");
1808        
1809        // 2. empty message (if any) and show loading spinner
1810        $("#startProjectModal .modal-body #start_project_results .message").html("");
1811        $("#startProjectModal .modal-body #start_project_results .spinner").show();
1812        
1813        // 3. hide the form
1814        $("#startProjectModal .modal-body .startProjectFormContainer").hide();
1815        
1816        // 4. ajax submit
1817        $.ajax({
1818            method: method,
1819            url: action,
1820            data: $(element).serialize(), // serializes the form's elements.
1821            dataType: "JSON",
1822            success: function(data) {
1823                
1824                // 4.1. initialize variables
1825                var c = "fail";
1826                
1827                // 4.2. remove all additional classes from message container
1828                $("#startProjectModal .modal-body #start_project_results .message").removeClass("success");
1829                $("#startProjectModal .modal-body #start_project_results .message").removeClass("fail");
1830                
1831                // 4.3. set current message class and show form on fail
1832                if(data.code == "success") { c = "success"; }
1833                else { $("#startProjectModal .modal-body .startProjectFormContainer").show(); }
1834                
1835                // 4.4. hide the loading spinner
1836                $("#startProjectModal .modal-body #start_project_results .spinner").hide();
1837                
1838                // 4.5. show message
1839                $("#startProjectModal .modal-body #start_project_results .message").addClass(c);
1840                $("#startProjectModal .modal-body #start_project_results .message").html(data.message);
1841            }
1842        });   
1843    }
1844    
1845    // function to handle Search Form submission (Search Modal)
1846    function search_AJAX(element) {
1847     
1848        // 1. revert modal footer to it's initial state
1849        $("#searchModal .modal-footer").show();
1850        $("#searchModal .spinner").show();
1851        $("#searchResults").html("");
1852        
1853        // 2. construct search string
1854        var s = $("#searchModalForm input[name=search_text]").val();
1855        s = real_escape_string(s);  // function located @ /files/js/real_escape_string.js
1856        s = s.split(' ').join('_');
1857        
1858        // 3. AJAX request for search results
1859        $.ajax({
1860            type: "GET",
1861            // url: 'https://apogee.gr/en/search/&modonly=1&f='+s,
1862            url: 'https://apogee.gr/en/search/&modonly=1&f='+s+'&htest=22',
1863            data: {},
1864            dataType: "HTML",
1865            success: function(data) {
1866
1867                // display results in modal footer
1868                $("#searchModal .spinner").hide();
1869                $("#searchModal .modal-footer").show();
1870                $("#searchResults").html(data);
1871            }
1872        });
1873    }
1874    
1875    // function to handle Newsletter Form submission (Newsletter Modal)
1876    function sendNewsletterForm_AJAX(element) {
1877        
1878        // 1. get AJAX parameters
1879        var action = $(element).attr("action"); // the script where you handle the form input.
1880        var method = $(element).attr("method");
1881        
1882        // 2. hide the contact modal and show the loader
1883        hideModal('#newsletterModal');
1884        resetLoader();
1885        showLoader();
1886        
1887        // 3. ajax submit
1888        $.ajax({
1889            method: method,
1890            url: action,
1891            data: $(element).serialize(), // serializes the form's elements.
1892            dataType: "JSON",
1893            success: function(data) {
1894                
1895                // 3.1. set message class according to response code
1896                var c = "fail";
1897                if(data.code == "subscribe" || data.code == "unsubscribe") { c = "success"; }
1898                
1899                // 3.2. show response in loader modal
1900                updateLoader(data.message, c);
1901            }
1902        });   
1903    }
1904    
1905    // function to handle Contact Form submission (Contact Modal)
1906    function sendContactForm_AJAX(element) {
1907        
1908        // 1. get AJAX parameters
1909        var action = $(element).attr("action"); // the script where you handle the form input.
1910        var method = $(element).attr("method");
1911        
1912        // 2. hide the contact modal and show the loader
1913        hideModal('#contactModal');
1914        resetLoader();
1915        showLoader();
1916        
1917        // 3. ajax submit
1918        $.ajax({
1919            method: method,
1920            url: action,
1921            data: $(element).serialize(), // serializes the form's elements.
1922            dataType: "JSON",
1923            success: function(data) {
1924
1925                // 3.1. set message class according to response code
1926                var c = "fail";
1927                if(data.code == "success") { c = "success"; }
1928                // 3.2. if wrong response, reset the recaptcha plugin
1929                else { resetAllRecaptcha(); }
1930
1931                // 3.3. show response in loader modal
1932                updateLoader(data.message, c);
1933
1934            }
1935        });   
1936    }
1937    
1938    // function to handle CV Form submission (Career Page)
1939    function sendCVForm_AJAX(element) {
1940        
1941        // 1. get AJAX parameters
1942        var action = $(element).attr("action"); // the script where you handle the form input.
1943        var method = $(element).attr("method");
1944        
1945        // 2. show the loader
1946        resetLoader();
1947        showLoader();
1948        
1949        // 3. ajax submit
1950        //var formdata = $(element).serialize();
1951        var formdata = new FormData($(element)[0]);
1952        
1953        $.ajax({
1954            method: method,
1955            url: action,
1956            data: formdata, // serializes the form's elements.
1957            dataType: "JSON",
1958            
1959            cache: false,
1960            contentType: false,
1961            processData: false,
1962            async: false,
1963            
1964            success: function(data) {
1965                
1966                // 3.1. set message class according to response code
1967                var c = "fail";
1968                if(data.code == "success") { c = "success"; }
1969                // 3.2. if wrong response, reset the recaptcha plugin
1970                else { resetAllRecaptcha(); }
1971                
1972                // 3.3. show response in loader modal
1973                updateLoader(data.message, c);
1974            }
1975        });
1976    }
1977    
1978    // function to handle Request Company Info Form submission (About Us Page)
1979    function requestInfoForm_AJAX(element) {
1980        
1981        // 1. get AJAX parameters
1982        var action = $(element).attr("action"); // the script where you handle the form input.
1983        var method = $(element).attr("method");
1984        
1985        // 2. show the loader
1986        hideModal('#requestInfoModal');
1987        resetLoader();
1988        showLoader();
1989        
1990        // 3. ajax submit
1991        $.ajax({
1992            method: method,
1993            url: action,
1994            data: $(element).serialize(), // serializes the form's elements.
1995            dataType: "JSON",
1996            success: function(data) {
1997                
1998                // 3.1. set message class according to response code
1999                var c = "fail";
2000                if(data.code == "success") { c = "success"; }
2001                // 3.2. if wrong response, reset the recaptcha plugin
2002                else { resetAllRecaptcha(); }
2003                
2004                // 3.3. show response in loader modal
2005                updateLoader(data.message, c);
2006            }
2007        }); 
2008    }
2009    
2010    //
2011    // FOR LOADER MODAL
2012    //
2013    
2014    // display loader
2015    function showLoader() {
2016        
2017        // 1.1. reset the Loader
2018        resetLoader();
2019        // 1.2. display the Loader
2020        $("#loaderModal").modal('show');
2021    }
2022    
2023    // reset Loader to it's initial state (spinner visible, message and dismiss button invisible)
2024    function resetLoader() {
2025        
2026        // 1. empty message (if any)
2027        $("#loaderModal #loader_results .message").empty();
2028        // 2. make spinner visible (if not)
2029        $("#loaderModal #loader_results .spinner").show();
2030        // 3. hide the footer
2031        $("#loaderModal .modal-footer").hide();
2032    }
2033    
2034    // show message specified and modal-dismiss button and hide the spinner
2035    function updateLoader(message, messageClass) {
2036        
2037        // 1. remove message class (if any)
2038        $("#loaderModal #loader_results .message").removeClass("success");
2039        $("#loaderModal #loader_results .message").removeClass("fail");
2040        
2041        // 2. set the message (text and style)
2042        $("#loaderModal #loader_results .message").addClass(messageClass);
2043        $("#loaderModal #loader_results .message").html(message);
2044        
2045        // 3. hide the spinner
2046        $("#loaderModal #loader_results .spinner").hide();
2047        
2048        // 4. make dismiss button visible
2049        $("#loaderModal .modal-footer").show();
2050        
2051        //$("#loaderModal").modal('show');
2052    }
2053    
2054    // hides modal with specified selector
2055    function hideModal(selector) {
2056        
2057        // 1. remove class fade so it doesn't interfere with other modals showing at the same time
2058        $(selector).removeClass("fade");
2059        // 2. hide the modal
2060        $(selector).modal('hide');
2061        // 3. add the fade class back
2062        $(selector).addClass("fade");
2063    }
2064    
2065    ////////////////////////////////////////////////////////////////////////////////
2066    
2067</script>
2067
2068        <!-- STELIOS: for homepage slider -->
2069<script type="text/javascript" src="https://malsup.github.io/jquery.cycle2.js"></script>
vendor: 2 bytes, line 2069
2069
2070<script type="text/javascript" src="https://malsup.github.io/jquery.cycle2.carousel.js"></script>
vendor: 2 bytes, line 2070
2070
2071<script type="text/javascript">
2072
2073    
2074      ////////////////////
2075     // DOCUMENT READY //
2076    ////////////////////////////////////////////////////////////////////////////////   
2077    
2078    $(document).ready(function(){
2079        
2080        // 1. fix slides' height (both sliders)
2081        $('.cycle-slideshow').cycle('pause');  // so that there is no conflict while calculating
2082        calculateSliderHeight();
2083        calculatePositionsSliderHeight();
2084        $('.cycle-slideshow').cycle('resume');
2085        
2086        // 2. slider link click
2087        $(".home_slider").on("click", ".link_list a#toggle", function() {
2088            
2089            var rel = $(this).attr("rel");
2090            toggleStartProject(rel);
2091        });
2092        
2093        // 3. color your audience link click listener
2094        $("#colorYourAudience").click(function() {
2095            
2096            var rel = 4;
2097            toggleStartProject(rel);
2098        });
2099    });
2100    
2101    $(window).load(function() {
2102        
2103        // 1. if needed, re-render home slider with appropriate number of visible slides
2104        var width = $(window).width();
2105        if(width < 768) {
2106            visible_slides = 1;
2107            resetHomeSlider(visible_slides);
2108        }
2109    });
2110    
2111    
2112      ///////////////////
2113     // WINDOW RESIZE //
2114    ////////////////////////////////////////////////////////////////////////////////
2115    
2116    var resizeTimer;
2117    var initialWidth = $(window).width();
2118    $(window).resize(function() {
2119        clearTimeout(resizeTimer);
2120        resizeTimer = setTimeout(resizeEnd, 200);
2121    });
2122        
2123    // function to be called on window resize end
2124    function resizeEnd() {
2125     
2126        // 1. fix slides' height (both sliders)
2127        $('.cycle-slideshow').cycle('pause');  // so that there is no conflict while calculating
2128        calculateSliderHeight();
2129        calculatePositionsSliderHeight();
2130        $('.cycle-slideshow').cycle('resume');
2131        
2132        // 2. if needed, re-render home slider with appropriate number of visible slides
2133        var width = $(window).width();
2134        var visible_slides = 2;
2135        
2136        if(width < 768) { visible_slides = 1; }
2137        
2138        if(width != initialWidth) {
2139            resetHomeSlider(visible_slides);
2140        }
2141    }
2142    
2143    
2144      ///////////////
2145     // FUNCTIONS //
2146    ////////////////////////////////////////////////////////////////////////////////
2147    
2148    // function to calculate and set the slider's height according to the tallest slide
2149    function calculateSliderHeight() {
2150        max_slide_height=0;
2151        $(".slideshow_item").each(function() {
2152            slide_height=$(this).find(".slideshow_item_title").height();
2153            slide_height+=$(this).find(".slideshow_item_text").height();
2154            if (max_slide_height<slide_height) {max_slide_height=slide_height;}
2155        });
2156        $(".slideshow_item").css("height", (max_slide_height+120)+"px");
2157    }
2158    
2159    //
2160    function toggleStartProject(rel) {
2161        
2162        $("#startProjectModal").modal();
2163        
2164        if(rel == 1) { $("#startProjectModalForm select[name=service]").val("5").trigger("change"); } // HR
2165        if(rel == 2) { $("#startProjectModalForm select[name=service]").val("9").trigger("change"); } // E-Learning
2166        if(rel == 3) { $("#startProjectModalForm select[name=service]").val("10").trigger("change"); } // Ticketing
2167        if(rel == 4) { $("#startProjectModalForm select[name=service]").val("2").trigger("change"); } // CMS
2168    }
2169    
2170    // function to calculate and set the open positions slider's height according to the latest news' height
2171    function calculatePositionsSliderHeight() {
2172       
2173        // 1. initialize variables
2174        var latestNewsHeight = 0;
2175        var sliderPagerHeight = $(".home_positions_and_news .open_positions_container .sliderPager2").outerHeight();
2176        
2177        
2178        // 2. calculate the overall height of the latest news items
2179        $(".home_positions_and_news .latest_news_container .news_item").each(function() {
2180            
2181            latestNewsHeight+= $(this).outerHeight() + 15;
2182        });
2183        
2184        // 3. set the open positions slider's height
2185        $(".home_positions_and_news .open_positions_container .cycle-slideshow").css("height", latestNewsHeight);
2186        
2187        // 4. set the top margin of the Latest News inline_links' accordingly
2188        $(".home_positions_and_news .latest_news_container .inline_links").css("margin-top", sliderPagerHeight+15);
2189    }
2190    
2191    function resetHomeSlider(visible_slides) {
2192        
2193        // 1. destroy the slider
2194        $("#homeSlider").cycle('destroy');
2195        
2196        // 2. fix bg colors
2197        $("#homeSlider .slideshow_item").each(function(index) {
2198            
2199            var color = $(this).attr('rel');
2200            $(this).css("background-color", color);
2201        });
2202        
2203        // 3. reinitialize the slider
2204        $('#homeSlider').cycle({
2205            'fx': 'carousel',
2206            'timeout': 8000,
2207            'carouselVisible': visible_slides,
2208            'pager': '.sliderPager',
2209            'prev': '#prev',
2210            'next': '#next',
2211            'slides': '> div.slideshow_item'
2212        });
2213        
2214        // 4. fix slides' opacity issue
2215        $('#homeSlider .slideshow_item').css('opacity', 1);
2216        
2217        // 5. fix slide's height
2218        calculateSliderHeight();
2219    }
2220    
2221</script>
2221
2222        
2223        <!-- Google reCAPTCHA -->
2224        <!-- this should always be after E3_js_common for explicit rendering -->
2225        <!--script src='https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit&hl=en'></script-->
2226        <!-- 2017 2025 -->
2227        <!-- 2025 -->
2228
2229<script>
2230    !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Re Ms Fs Pe Rs Cs capture Ve calculateEventProperties Ds register register_once register_for_session unregister unregister_for_session zs getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ls As createPersonProfile Ns Is Us opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing is_capturing clear_opt_in_out_capturing Os debug I js getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
2231    posthog.init('phc_cbZZfEGsm4yCHtB178xw5II8MeO6KJlJh1ny7mDqWtV', {
2232        api_host: 'https://eu.i.posthog.com',
2233        defaults: '2025-05-24',
2234        person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well
2235    })
2236</script>
2236
2237
2238<!-- Google Fonts -->
2239<link href='https://fonts.googleapis.com/css?family=Victor Mono:100,300,400,500,700,900&subset=latin,greek,greek-ext' rel='stylesheet' type='text/css'>
2240<style>
2241@font-face {
2242  font-family: 'Gorton Perfected';
2243  font-style: normal;
2244  font-weight: 400;
2245  src: url(https://apogee.gr/files/apogee_2025/GortonPerfected-Regular.woff2) format('woff2');
2246}
2247    
2248body, p, tr, td, h1, h3, h4 {
2249    font-family: "Victor Mono", sans-serif;
2250}
2251h1 { 
2252   letter-spacing: normal;;        
2253}
2254h2, h5 { 
2255    font-family: "Gorton Perfected", sans-serif;;
2256}  
2257h2 { 
2258    font-size: 2.2rem    
2259}
2260.content_text_black h2 {
2261    font-family: 'Victor Mono' !important;
2262    font-size: 2.2rem;
2263    text-transform: uppercase;
2264    padding-top: 0.5rem;
2265    font-weight: 600; 
2266}
2267.module_listboxes_headings h2 {
2268    font-size: 1.8rem;
2269    max-width: 66%;
2270}
2271h5 { 
2272    font-size: 1.6rem;      
2273}  
2274.logo {
2275    margin-left: 15px;
2276    margin-top: 7px;
2277    padding: 4px; 
2278    width: 248px; 
2279}
2280.main_menu_row {
2281    margin-top: 0px;     
2282}    
2283    
2284@media(min-width: 991px) {  
2285    .header-image {
2286         height: 370px;
2287    }
2288    body.home  .header-image {
2289         height: 480px;
2290    }
2291}
2292.header-image.turbine {
2293    background-image: url(https://cdn.apogee.gr/files/apogee_2025/earth-sun-apogee-about.jpg);
2294}
2295    
2296.header-image.cups {
2297    background-image: url(https://cdn.apogee.gr/files/apogee_2025/Don_Pettit_apogee-website-home.jpg);
2298}
2299    
2300.header-image.cups .insideleft .header_content_row {        
2301    background-color: #00000070;
2302    padding: 8px 15px;
2303}
2304.navbar {
2305    margin-bottom: 0px; 
2306}
2307.main_menu_row nav #navbar {
2308    padding-bottom: 40px;
2309}
2310
2311.content_text_black {
2312    line-height: 150%;        
2313}
2314
2315.content_text_black, .content_text_white { 
2316    font-size: 1.6rem;        
2317}
2318
2319    
2320.module_plain_content_content .content_text_black, 
2321.module_home_process .content_text_black,
2322.module_showone_content .content_text_black {
2323    font-size: 1.7rem;
2324    line-height: 180%;
2325} 
2326.module_plain_content_content .content_text_black li p,
2327.module_home_process .content_text_black li p,
2328.module_showone_content .content_text_black li p {    
2329    margin-bottom: 8px;     
2330}
2331.module_plain_content_content .content_text_black ul,
2332.module_home_process .content_text_black ul,
2333.module_showone_content .content_text_black ul {    
2334   list-style-type: none;
2335}    
2336
2337.module_plain_content_content .content_text_black ul li,
2338.module_home_process .content_text_black ul li,
2339.module_showone_content .content_text_black ul li {    
2340  position: relative;         /* so ::before can be positioned inside */
2341  padding-left: 1.5rem; 
2342}
2343    
2344.module_plain_content_content .content_text_black ul li:before,
2345.module_home_process .content_text_black ul li:before,
2346.module_showone_content .content_text_black ul li:before {    
2347    content: ">";
2348    color: #333;
2349    font-size: 80%;
2350    position: absolute;
2351    left: 0;
2352    top: 0px;
2353    bottom: 0;
2354
2355}
2356    
2357.module_listboxes_headline h3 div.news_texts { 
2358    padding-top: 1rem; 
2359}    
2360.news_list_latest h3 span, 
2361.module_listboxes_headline h3 div.news_texts span {
2362    font-size: 1.6rem;    
2363}
2364.news_list_item h3 { 
2365    min-height: 135px;
2366    font-size: 1.8rem;
2367    font-weight: 400;
2368    line-height: 160%;
2369    padding: 0.2rem 2.3rem;         
2370    letter-spacing: normal;  
2371}
2372.news_list_latest h3 {
2373    font-weight: 400;
2374    line-height: 160%;  
2375    letter-spacing: normal;
2376    padding: 2rem 3rem;          
2377}   
2378.news_list_latest h3 .date_formatted {
2379    font-size: 1.5rem;            
2380}
2381.module_listboxes_headline .news_list_latest_img_wrapper {
2382   max-height: 320px;
2383}   
2384.news_list_latest_img {
2385    background-position: center center;
2386}   
2387body.news .news_list_item_img {
2388    background-position: center center;        
2389}
2390
2391    
2392.module_listboxes_rest .one_skill {
2393  margin-top: 5px;
2394  color: #f63;
2395  background-color: white;  
2396  border-left: 1px solid #f63;
2397  border-right: 1px solid #f63;    
2398}    
2399@media only screen and (max-width: 767px) {
2400  .module_listboxes_headline .col-12.col-sm-6:nth-child(1) .news_list_latest, .module_listboxes_headline {
2401     margin-bottom: 1.6vw !important;
2402  }
2403  .news_list_item h3 {
2404     height: auto;  
2405  }
2406}    
2407.footer_container .footer_row .footer-image { 
2408    padding: 140px 0 30px 0;
2409}
2410    
2411.pre_footer_image .pre_footer_image_cup {
2412    background-image: url('https://cdn.apogee.gr/files/apogee_2025/apogee-cup-2025w.jpg');
2413}    
2414    
2415.home_positions_and_news {
2416    margin-top: 3px;     
2417}    
2418.slideshow_item_title { 
2419   font-size: 25px;
2420   text-transform: uppercase; 
2421}
2422</style>    
2423<!-- end 2025 -->
2424    </head>
2425    <body class="en home list">
2426        <div class="elfsight-app-662cf189-0c9c-4800-a48e-d3f3d494d5b6" data-elfsight-app-lazy></div>
2427        <!-- HEADER -->
2428        <div class="container-fluid">
2429            <div class="row">
2430                <div class ="header-image cups col-xs-12 col-sm-12 col-md-12 col-lg-12">
2431                    <div class="clearfix ">
2432                        <div class="content-wrapper">
2433                            <div class="col-md-4 col-sm-2 col-xs-1">
2434                                <!-- Website Logo -->
2435                                <div class="logo">
2436                                    <a href="/en/home/">
2437                                        <img src="https://cdn.apogee.gr/files/Apogee_logo_2025_gr_white.png" class="img-responsive">
2438                                    </a>
2439                                </div>
2440                            </div>
2441                            <div class="col-md-8 col-sm-10 col-xs-11 insideleft">
2442                                <!-- Modal Toggles -->
2443                                <div class="row modal_toggles_row">
2444                                    <nav class="navbar navbar-inverse"  role="navigation">
2445                                        <div class="navbar-header">
2446                                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar2" aria-expanded="false" aria-controls="navbar">
2447                                                <span class="sr-only">Toggle options</span>
2448                                                <img src="https://apogee.gr/files/apogee_2017/settings.png">
2449                                            </button>
2450                                        </div>
2451                                        <div id="navbar2" class="navbar-collapse collapse">
2452                                            <div class="modal_toggles">
2453                                                <a href="https://support.apogee.gr/help/1504017853" target=_blank no-data-toggle="modal" data-target="#contactModal">
2454                                                    
2455                                                    CONTACT
2456                                                </a>
2457                                                <span class="divider"> • </span>
2458                                                <!--a href="#" data-toggle="modal" data-target="#newsletterModal">
2459                                                    
2460                                                    NEWSLETTER
2461                                                </a>
2462                                                <span class="divider"> • </span-->
2463                                                <a href="#" data-toggle="modal" data-target="#searchModal">
2464                                                    
2465                                                    SEARCH
2466                                                </a>
2467                                                <span class="divider"> • </span>
2468                                                <a href="#" data-toggle="modal" data-target="#langModal" class="lang" >
2469                                                    
2470                                                    LANGUAGE:
2471                                                    <span class="uppercase">en</span>
2472                                                </a>
2473                                            </div>
2474                                        </div>
2475                                    </nav>
2476                                </div>
2477                                
2478                                <!-- Main (Navigation) Menu -->
2479                                <div class="row main_menu_row">
2480                                    <nav class="navbar navbar-inverse"  role="navigation">
2481                                        <div class="navbar-header">
2482                                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
2483                                                <span class="sr-only">Toggle navigation</span>
2484                                                <span class="icon-bar"></span>
2485                                                <span class="icon-bar"></span>
2486                                                <span class="icon-bar"></span>
2487                                            </button>
2488                                        </div>
2489                                        
2490                                        <div id="navbar" class="navbar-collapse collapse">
2491                                            <ul class="nav navbar-nav menu">
2492    <li class="submenu active ">
2493    <a class="link_white" href="https://apogee.gr/en/home/">
2494        HOME
2495    </a>
2496    
2497</li><li class="submenu  ">
2498    <a class="link_white" href="https://apogee.gr/en/news/">
2499        NEWS
2500    </a>
2501    
2502</li><li class="submenu  ">
2503    <a class="link_white" href="https://apogee.gr/en/success/">
2504        SUCCESS
2505    </a>
2506    
2507</li><li class="submenu  dropdown">
2508    <a class="link_white" href="https://apogee.gr/en/services/">
2509        PRODUCTS
2510    </a>
2511    <ul class="dropdown-menu">
2512    <li class="submenu2 " >
2513    <a href="https://apogee.gr/en/services/ESSENCE-WCMS.215/">
2514        ESSENCE WCMS
2515    </a>
2516</li><li class="submenu2 " >
2517    <a href="https://apogee.gr/en/services/ICARUS-E-Learning.213/">
2518        ICARUS E-LEARNING
2519    </a>
2520</li><li class="submenu2 " >
2521    <a href="https://apogee.gr/en/services/VOYAGER-OTS.214/">
2522        VOYAGER OTS
2523    </a>
2524</li><li class="submenu2 " >
2525    <a href="https://apogee.gr/en/services/SEED.229/">
2526        SEED
2527    </a>
2528</li>
2529</ul>
2530</li><li class="submenu  dropdown">
2531    <a class="link_white" href="https://apogee.gr/en/about-us/">
2532        ABOUT
2533    </a>
2534    <ul class="dropdown-menu">
2535    <li class="submenu2 " >
2536    <a href="https://apogee.gr/en/about-us/MESSAGE-BY-THE-MD.224/">
2537        MESSAGE BY THE MD
2538    </a>
2539</li><li class="submenu2 " >
2540    <a href="https://apogee.gr/en/about-us/THE-A-TEAM.221/">
2541        THE A-TEAM
2542    </a>
2543</li><li class="submenu2 " >
2544    <a href="https://apogee.gr/en/about-us/VISION-MISSION.219/">
2545        VISION & MISSION
2546    </a>
2547</li><li class="submenu2 " >
2548    <a href="https://apogee.gr/en/about-us/n-STEPS.222/">
2549        (n)STEPS
2550    </a>
2551</li><li class="submenu2 " >
2552    <a href="https://apogee.gr/en/about-us/LOCATIONS.223/">
2553        LOCATIONS
2554    </a>
2555</li><li class="submenu2 " >
2556    <a href="https://apogee.gr/en/about-us/CREATIVE-PROCESS.220/">
2557        CREATIVE PROCESS
2558    </a>
2559</li><li class="submenu2 " >
2560    <a href="https://apogee.gr/en/about-us/GENDER-EQUALITY-PLAN.231/">
2561        GENDER EQUALITY PLAN (GEP)
2562    </a>
2563</li>
2564</ul>
2565</li>
2566</ul>
2567                                        </div>
2568                                    </nav>
2569                                </div>
2570                                <!-- Header Title & Text -->
2571                                <div class="row header_content_row">
2572                                    <h5>OUR MISSION</h5>
2573                                    <h4 id="top1">WE BRING QUALITY & CREATIVE INTELLIGENCE</h4>
2574                                    <p id="top2"><span>We operate at the intersection of digital transformation for international organisations, innovative e-learning, public service automation, and specialised commercial solutions</span></p>
2575                                </div>
2576                            </div>
2577                        </div>
2578                    </div>
2579                </div>
2580            </div>
2581        </div>
2582        <!-- CONTENT --><div class="container-fluid">
2583    <div class="content-wrapper">
2584        <!-- POSITIONS & NEWS -->
2585        <div class="row home_positions_and_news">
2586            <!--OPEN POSITIONS-->
2587            
2588            <!--LATEST NEWS-->
2589            <!--
2590<div class="col-md-6 col-sm-6 col-xs-12">
2591    <div class="latest_news_container">
2592        <h2>OUR RESULTS</h2>
2593        <h1>LATEST NEWS</h1>
2594        temp1
2595        <div class="inline_links">
2596            <a href="/en/news/" class="link_black"><u>list of news</u></a> •
2597            <a href="mailto:[email protected]" class="link_black"><u>PR relations</u></a>
2598        </div>
2599    </div>
2600</div>
2601-->
2602
2603<div class="col-xs-12">
2604    <div class="latest_news_container">
2605        <h2>OUR RESULTS</h2>
2606        <h1>LATEST NEWS</h1>
2607        <div class="row">
2608            <div class="col-md-6 col-sm-6 col-xs-12">
2609                <!--
2610<div class="row news_item">
2611    <div class="col-md-1 col-xs-2">
2612        <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png">
2613    </div>
2614    <div class="col-md-11 col-xs-10">
2615        <p class="content_text_black">10 August, 2026</p>
2616        <a href="https://apogee.gr/en/news/Presenting-Apogee-MailOps-operations-and-troubleshooting-for-self-hosted-mail-servers.559/">
2617            <p class="content_text_black bold_orange">Presenting Apogee MailOps: operations and troubleshooting for self-hosted mail servers</p>
2618        </a>
2619    </div>
2620</div>
2621-->
2622
2623<div class="row news_item">
2624    <div class="col-md-2 col-xs-2">
2625        <!--
2626        <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260814004941_2026-08-13-apogee-mailops-launch.jpg">
2627        -->
2628        <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260814004941_2026-08-13-apogee-mailops-launch.jpg?width=200">
2629    </div>
2630    <div class="col-md-10 col-xs-10">
2631        <b>
2632            <a href="https://apogee.gr/en/news/Presenting-Apogee-MailOps-operations-and-troubleshooting-for-self-hosted-mail-servers.559/">
2633                <p class="content_text_black bold_orange">Presenting Apogee MailOps: operations and troubleshooting for self-hosted mail servers</p>
2634            </a>
2635        </b>
2636    </div>
2637</div><!--
2638<div class="row news_item">
2639    <div class="col-md-1 col-xs-2">
2640        <img class="award" src="https://apogee.gr/files/apogee_2017/award.png">
2641    </div>
2642    <div class="col-md-11 col-xs-10">
2643        <p class="content_text_black">30 June, 2026</p>
2644        <a href="https://apogee.gr/en/news/Apogee-refreshes-the-Tavernarakis-Lab-website.558/">
2645            <p class="content_text_black bold_orange">Apogee refreshes the Tavernarakis Lab website</p>
2646        </a>
2647    </div>
2648</div>
2649-->
2650
2651<div class="row news_item">
2652    <div class="col-md-2 col-xs-2">
2653        <!--
2654        <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260813232318_2026-08-13-tavernarakis-lab-website-redesign.jpg">
2655        -->
2656        <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260813232318_2026-08-13-tavernarakis-lab-website-redesign.jpg?width=200">
2657    </div>
2658    <div class="col-md-10 col-xs-10">
2659        <b>
2660            <a href="https://apogee.gr/en/news/Apogee-refreshes-the-Tavernarakis-Lab-website.558/">
2661                <p class="content_text_black bold_orange">Apogee refreshes the Tavernarakis Lab website</p>
2662            </a>
2663        </b>
2664    </div>
2665</div><!--
2666<div class="row news_item">
2667    <div class="col-md-1 col-xs-2">
2668        <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png">
2669    </div>
2670    <div class="col-md-11 col-xs-10">
2671        <p class="content_text_black">17 May, 2026</p>
2672        <a href="https://apogee.gr/en/news/Apogee-Watcher-launches-free-domain-PageSpeed-scan-and-domain-reports-for-customers.557/">
2673            <p class="content_text_black bold_orange">Apogee Watcher launches free domain PageSpeed scan and domain reports for customers</p>
2674        </a>
2675    </div>
2676</div>
2677-->
2678
2679<div class="row news_item">
2680    <div class="col-md-2 col-xs-2">
2681        <!--
2682        <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260518141702_watcher-check.jpg">
2683        -->
2684        <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260518141702_watcher-check.jpg?width=200">
2685    </div>
2686    <div class="col-md-10 col-xs-10">
2687        <b>
2688            <a href="https://apogee.gr/en/news/Apogee-Watcher-launches-free-domain-PageSpeed-scan-and-domain-reports-for-customers.557/">
2689                <p class="content_text_black bold_orange">Apogee Watcher launches free domain PageSpeed scan and domain reports for customers</p>
2690            </a>
2691        </b>
2692    </div>
2693</div><!--
2694<div class="row news_item">
2695    <div class="col-md-1 col-xs-2">
2696        <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png">
2697    </div>
2698    <div class="col-md-11 col-xs-10">
2699        <p class="content_text_black">1 March, 2026</p>
2700        <a href="https://apogee.gr/en/news/Apogee-Celebrates-2-Successful-Years-of-Interact-Academy.556/">
2701            <p class="content_text_black bold_orange">Apogee Celebrates 2 Successful Years of Interact Academy</p>
2702        </a>
2703    </div>
2704</div>
2705-->
2706
2707<div class="row news_item">
2708    <div class="col-md-2 col-xs-2">
2709        <!--
2710        <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260323104224_ProfessionalofficewithInteractAcademywebsite.png">
2711        -->
2712        <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260323104224_ProfessionalofficewithInteractAcademywebsite.png?width=200">
2713    </div>
2714    <div class="col-md-10 col-xs-10">
2715        <b>
2716            <a href="https://apogee.gr/en/news/Apogee-Celebrates-2-Successful-Years-of-Interact-Academy.556/">
2717                <p class="content_text_black bold_orange">Apogee Celebrates 2 Successful Years of Interact Academy</p>
2718            </a>
2719        </b>
2720    </div>
2721</div>
2722            </div>
2723            <div class="col-md-6 col-sm-6 col-xs-12">
2724                <!--
2725<div class="row news_item">
2726    <div class="col-md-1 col-xs-2">
2727        <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png">
2728    </div>
2729    <div class="col-md-11 col-xs-10">
2730        <p class="content_text_black">15 February, 2026</p>
2731        <a href="https://apogee.gr/en/news/Presenting-Apogee-Watcher-PageSpeed-monitoring-for-agencies.553/">
2732            <p class="content_text_black bold_orange">Presenting Apogee Watcher: PageSpeed monitoring for agencies</p>
2733        </a>
2734    </div>
2735</div>
2736-->
2737
2738<div class="row news_item">
2739    <div class="col-md-2 col-xs-2">
2740        <!--
2741        <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260216201251_watcher-apogee-laptop.jpg">
2742        -->
2743        <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260216201251_watcher-apogee-laptop.jpg?width=200">
2744    </div>
2745    <div class="col-md-10 col-xs-10">
2746        <b>
2747            <a href="https://apogee.gr/en/news/Presenting-Apogee-Watcher-PageSpeed-monitoring-for-agencies.553/">
2748                <p class="content_text_black bold_orange">Presenting Apogee Watcher: PageSpeed monitoring for agencies</p>
2749            </a>
2750        </b>
2751    </div>
2752</div><!--
2753<div class="row news_item">
2754    <div class="col-md-1 col-xs-2">
2755        <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png">
2756    </div>
2757    <div class="col-md-11 col-xs-10">
2758        <p class="content_text_black">9 February, 2026</p>
2759        <a href="https://apogee.gr/en/news/Apogee-Develops-WooCommerce-E-Shop-for-Enterhome.555/">
2760            <p class="content_text_black bold_orange">Apogee Develops WooCommerce E-Shop for Enterhome</p>
2761        </a>
2762    </div>
2763</div>
2764-->
2765
2766<div class="row news_item">
2767    <div class="col-md-2 col-xs-2">
2768        <!--
2769        <img class="award" style="width: 100%;
2769" src="https://apogee.gr/files/repository/20260319140830_enterhomeredesign.png">
2770        -->
2771        <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260319140830_enterhomeredesign.png?width=200">
2772    </div>
2773    <div class="col-md-10 col-xs-10">
2774        <b>
2775            <a href="https://apogee.gr/en/news/Apogee-Develops-WooCommerce-E-Shop-for-Enterhome.555/">
2776                <p class="content_text_black bold_orange">Apogee Develops WooCommerce E-Shop for Enterhome</p>
2777            </a>
2778        </b>
2779    </div>
2780</div><!--
2781<div class="row news_item">
2782    <div class="col-md-1 col-xs-2">
2783        <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png">
2784    </div>
2785    <div class="col-md-11 col-xs-10">
2786        <p class="content_text_black">31 January, 2026</p>
2787        <a href="https://apogee.gr/en/news/Apogee-redesigns-and-develops-symposiumpesticideorg-for-Universita-Cattolica-del-Sacro-Cuore.554/">
2788            <p class="content_text_black bold_orange">Apogee redesigns and develops symposiumpesticide.org for Università Cattolica del Sacro Cuore</p>
2789        </a>
2790    </div>
2791</div>
2792-->
2793
2794<div class="row news_item">
2795    <div class="col-md-2 col-xs-2">
2796        <!--
2797        <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260319123733_iPadProdisplayingsymposiumdetails.png">
2798        -->
2799        <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260319123733_iPadProdisplayingsymposiumdetails.png?width=200">
2800    </div>
2801    <div class="col-md-10 col-xs-10">
2802        <b>
2803            <a href="https://apogee.gr/en/news/Apogee-redesigns-and-develops-symposiumpesticideorg-for-Universita-Cattolica-del-Sacro-Cuore.554/">
2804                <p class="content_text_black bold_orange">Apogee redesigns and develops symposiumpesticide.org for Università Cattolica del Sacro Cuore</p>
2805            </a>
2806        </b>
2807    </div>
2808</div><!--
2809<div class="row news_item">
2810    <div class="col-md-1 col-xs-2">
2811        <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png">
2812    </div>
2813    <div class="col-md-11 col-xs-10">
2814        <p class="content_text_black">3 December, 2025</p>
2815        <a href="https://apogee.gr/en/news/Levelling-up-digital-strategy-in-Greece-A-structured-SEO-process-for-IT-and-technology-firms.551/">
2816            <p class="content_text_black bold_orange">Levelling up digital strategy in Greece: A structured SEO process for IT and technology firms</p>
2817        </a>
2818    </div>
2819</div>
2820-->
2821
2822<div class="row news_item">
2823    <div class="col-md-2 col-xs-2">
2824        <!--
2825        <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260216202037_expert-seo.jpg">
2826        -->
2827        <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260216202037_expert-seo.jpg?width=200">
2828    </div>
2829    <div class="col-md-10 col-xs-10">
2830        <b>
2831            <a href="https://apogee.gr/en/news/Levelling-up-digital-strategy-in-Greece-A-structured-SEO-process-for-IT-and-technology-firms.551/">
2832                <p class="content_text_black bold_orange">Levelling up digital strategy in Greece: A structured SEO process for IT and technology firms</p>
2833            </a>
2834        </b>
2835    </div>
2836</div>
2837            </div>
2838        </div>
2839        <div class="inline_links">
2840            <a href="/en/news/" class="link_black"><u>More news</u></a>
2841        </div>
2842    </div>
2843</div>
2844        </div>
2845    </div>
2846    <div class="content-wrapper">
2847        <!-- SUCCESSES -->
2848        <div class="row home_successes">
2849            <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-xs-12 inline_col">
2850    <h2>HONORED TO PROVIDE OUR SOLUTIONS</h2>
2851    <h1>OUR SUCCESSES</h1>
2852    <div class="successes_row1">
2853       
2854        <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/interact_black.png');"></div>
2855        <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/EIPA_Logo_Green.png');"></div>
2856        <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/forth-ite-en.jpg');"></div>
2857        <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/logo-unicatt.png');"></div>
2858       
2859    </div> <!-- end of row 1 -->
2860    
2861    <div class="successes_row2">
2862        <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/maastricht-university.png');"></div>
2863        <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/nsr-logo.png');"></div>
2864        <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/Interreg_Europe.jpg');"></div>
2865        <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/philips_logo.png');"></div>
2866    </div><!-- end of row 2 -->
2867    
2868</div>
2869<div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-xs-12 inline_col">
2870    <center>
2871        <a class="btn btn-secondary btn-lg orange_button_fill" type="button"  no-data-toggle="modal" no-data-target="#startProjectModal" href="https://support.apogee.gr/help/1504017853">
2872            START YOUR PROJECT
2873        </a>
2874    </center>
2875</div>
2876        </div>        
2877    </div>
2878</div>
2879
2880
2881<div class="container-fluid">
2882    
2883    <div class="content-wrapper-fluid">
2884        <!-- SLIDER -->        
2885        <div class="row home_slider">
2886            <div class="container-fluid content-wrapper"><h2>OUR SERVICES</h2></div>            
2887            <div id="homeSlider" class="cycle-slideshow"
2888    data-cycle-fx="carousel"
2889    data-cycle-timeout="80000"
2890    data-cycle-carousel-visible="2"
2891    data-cycle-prev="#prev"
2892    data-cycle-next="#next"
2893    data-cycle-slides="> div.slideshow_item"
2894    data-cycle-carousel-fluid="true"
2895    data-cycle-pager=".sliderPager"
2896>
2897    <div class="slideshow_item active" style="background-color: #cccccc;" rel="#cccccc">
2898    <div class="slideshow_item_title">
2899        Public Sector Information Systems
2900    </div>
2901    <div class="slideshow_item_text ">
2902        We design and operate tailored Information Systems solutions for public institutions, with special focus on supporting Interreg Programmes.
2903        
2904        <div class="link_list">
2905            <!--a href="#">service information</a-->
2906            <span class="divider"> > </span>
2907            <a href="#" id="toggle" rel="4">contact us</a>
2908        </div>
2909    </div>
2910</div><div class="slideshow_item " style="background-color: #000000;" rel="#000000">
2911    <div class="slideshow_item_title">
2912        Private-Sector Information Systems
2913    </div>
2914    <div class="slideshow_item_text text_color_white">
2915        <p data-start="1113" data-end="1157">We develop, maintain and support custom digital platforms built for critical business operations such as insurance processing, passenger information, ticketing and IoT device management.</p>
2916        
2917        <div class="link_list">
2918            <!--a href="#">service information</a-->
2919            <span class="divider"> > </span>
2920            <a href="#" id="toggle" rel="5">contact us</a>
2921        </div>
2922    </div>
2923</div><div class="slideshow_item " style="background-color: #cccccc;" rel="#cccccc">
2924    <div class="slideshow_item_title">
2925        Learning Platforms
2926    </div>
2927    <div class="slideshow_item_text ">
2928        Twenty years of experience implementing e-learning environments for training, certification, and peer learning for EU, public and private organisations.
2929        
2930        <div class="link_list">
2931            <!--a href="#">service information</a-->
2932            <span class="divider"> > </span>
2933            <a href="#" id="toggle" rel="6">contact us</a>
2934        </div>
2935    </div>
2936</div><div class="slideshow_item " style="background-color: #000000;" rel="#000000">
2937    <div class="slideshow_item_title">
2938        Content & Communication Platforms
2939    </div>
2940    <div class="slideshow_item_text text_color_white">
2941        With open source and our own proprietary CMS, we implement websites and portals that support communication, community-building, e-commerce, and online services.
2942        
2943        <div class="link_list">
2944            <!--a href="#">service information</a-->
2945            <span class="divider"> > </span>
2946            <a href="#" id="toggle" rel="7">contact us</a>
2947        </div>
2948    </div>
2949</div>
2950</div>
2951<div class="sliderPager"></div>
2952<!-- STELIOS: enable buttons and set data-cycle-timeout="0" for debugging -->
2953<!--a href="#" id="prev"><img src="/files/site/ar-left.png" alt="arrow left"></a>
2954<a href="#" id="next"><img src="/files/site/ar-right.png" alt="arrow right"></a-->
2955        </div>
2956    </div>
2957        
2958    <div class="content-wrapper">
2959        <!-- FEATURED SERVICE -->
2960        <div class="row home_featured">
2961            <div class="col-md-12">
2962                <div class="row">
2963    <div class="col-md-7 col-xs-7">
2964        <h2>FEATURED TECHNOLOGY</h2>
2965        <h1>ESSENCE WCMS</h1>
2966        <p><p class="content_text_black">
2966Essence is an efficient web content management system that allows full maintenance, updating and management of your website or portal. Taking advantage of its features you can rely on an easy to use environment ready to cover all your needs while you will be able to introduce at anytime content updates.</p>  <div class="inline_links"> <a href="https://apogee.gr/en/services/ESSENCE-WCMS.215/" class="link_black"><span style="text-decoration: underline;">further information</span></a> • <span style="text-decoration: underline;"><a id="colorYourAudience" href="#" class="link_black">contact us</a></span></div></p>
2967    </div>
2968    <div class="col-md-5 col-xs-5">
2969        <div class="lemon-image pull-left">
2970            <!-- <img src="https://apogee.gr/files/repository/20170515132548_lemon.png" class="img-responsive"> -->
2971            <img src="https://cdn.apogee.gr/files/repository/20170515132548_lemon.png" class="img-responsive">
2972        </div>
2973    </div>
2974</div>
2975            </div>
2976        </div>
2977    </div>    
2978</div><!-- MODALS -->
2979<div class="modals_container">
2980    <div id="langModal" class="modal fade" role="dialog">
2981    <div class="modal-dialog">
2982        <div class="modal-content">
2983            <div class="modal-header">
2984                <button type="button" class="close" data-dismiss="modal">×</button>
2985                <h3 class="modal-title">
2986                    LANGUAGE SELECTION
2987                </h3>
2988            </div>
2989            <div class="modal-body">
2990                <div class="row">
2991                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 lang_item">
2992    <a href="#" class="orange_button_border active">
2993       <!-- <img src="https://apogee.gr/files/site_new/en.png">-->
2994        English
2995    </a>
2996</div><div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 lang_item">
2997    <a href="https://apogee.gr/el/home/list/" class="orange_button_border ">
2998       <!-- <img src="https://apogee.gr/files/site_new/el.png">-->
2999        Greek
3000    </a>
3001</div>
3002                </div>
3003            </div>
3004        </div>
3005    </div>
3006</div><div id="startProjectModal" class="modal fade" role="dialog">
3007    <div class="modal-dialog">
3008        <div class="modal-content">
3009            <div class="modal-header">
3010                <button type="button" class="close" data-dismiss="modal">×</button>
3011                <h3 class="modal-title">GET A QUOTE</h3>
3012            </div>
3013            <div class="modal-body">
3014                <!-- intro text -->
3015                <div class="row">
3016                    <div class="col-md-12">
3017                        <div class="intro_text content_text_black">
3018                            <span class="xml-punctuation"></span><span class="xml-text">Please fill out this form and we&#39;ll get back to you within 24h !</span>
3019                        </div>
3020                    </div>
3021                </div>
3022                <!-- Start Project Form -->                
3023                <div class="row startProjectFormContainer">
3024                    <div class="col-md-12">
3025                        <form id="startProjectModalForm" class="form-horizontal" action="https://apogee.gr/en/projects/post/" method= "POST">
3026                            <div class="row">
3027                                <div class="col-md-6 col-sm-12">
3028                                    <div class="group">
3029                                        <input type="text" name="name" value="" placeholder="" required>
3030                                        <span class="highlight"></span>
3031                                        <span class="bar"></span>
3032                                        <label>
3033                                            fill in your name here...
3034                                        </label>
3035                                    </div>
3036                                </div>
3037                                <div class="col-md-6 col-sm-12">
3038                                    <div class="group">
3039                                        <input type="text" name="company" value="" required>
3040                                        <span class="highlight"></span>
3041                                        <span class="bar"></span>
3042                                        <label>
3043                                            fill in your company name here...
3044                                        </label>
3045                                    </div>
3046                                </div>
3047                            </div>
3048                            <div class="row">
3049                                <div class="col-md-12">
3050                                    <div class="group">
3051                                        <input type="text" name="email" value="" required>
3052                                        <span class="highlight"></span>
3053                                        <span class="bar"></span>
3054                                        <label>
3055                                            fill in your email here...
3056                                        </label>
3057                                    </div>
3058                                </div>
3059                            </div>
3060                            <div class="row">
3061                                <div class="col-md-6 col-sm-12">
3062                                    <select name="service">
3063                                        <option value='-1' disabled selected>Select your desired service</option>
3064                                        <option value="1">Web Design & Development</option><option value="2">Web Content Management</option><option value="3">Project Management Suite</option><option value="4">Project Management Services</option><option value="5">Human Resources Services</option><option value="6">Research Consultancy Studies</option><option value="7">E-Marketing Services</option><option value="8">Electronic Protocol System</option><option value="9">E-Learning Services</option><option value="10">Online Ticketing System</option>
3065                                    </select>
3066                                </div>
3067                                <div class="col-md-6 col-sm-12">
3068                                    <select name="budget">
3069                                        <option value="-1" disabled selected>Select your budget</option>
3070                                        <option value='1000'>Under 1000€</option><option value='5000'>Between 1000€ and 5000€</option><option value='10000'>Between 5000€ and 10000€</option><option value='10001'>Over 10000€</option>
3071                                    </select>
3072                                </div>
3073                            </div>
3074                            <div class="row">
3075                                <div class="col-md-12">
3076                                    <textarea name="message" rows="10" placeholder="enter your message here..."></textarea>
3077                                </div>
3078                            </div>
3079                            <div class="row">
3080                                <div class="col-md-12">
3081                                    <label for="g-recaptcha">Spam protection:</label>
3082                                    <div id="RecaptchaQuote"></div>
3083                                </div>
3084                            </div>
3085                            <div class="row">
3086                                <div class="col-md-12">
3087                                    <center>
3088                                        <input type="submit" value="SEND">
3089                                    </center>
3090                                </div>
3091                            </div>
3092                        </form>
3093                    </div>
3094                </div>
3095                <!-- loading spinner & message -->                
3096                <div class="row">
3097                    <div class="col-md-12">
3098                        <div id="start_project_results">
3099                            <div class="spinner">
3100                                <center>
3101                                    <img src="/files/apogee_2017/spinner-ring.gif">
3102                                </center>
3103                            </div>
3104                            <div class="message"></div>
3105                        </div>
3106                    </div>
3107                </div>
3108            </div>
3109            <!-- footer -->
3110            <!--div class="modal-footer">
3111            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
3112        </div-->
3113        </div>
3114    </div>
3115    
3116    
3116<script type="text/javascript">
3117        
3118        $(document).ready(function(){
3119           //  $('#startProjectModal select').select2({ width: '100%' });
3120        });
3121    </script>
3121                            
3122</div><!-- Search Modal -->
3123<div id="searchModal" class="modal fade" role="dialog">
3124    <div class="modal-dialog">
3125        <!-- Modal content-->
3126        <div class="modal-content">
3127            <!-- header -->
3128            <div class="modal-header">
3129                <button type="button" class="close" data-dismiss="modal">×</button>
3130                <h3 class="modal-title capitalize" lang="en">
3131                    SEARCH
3132                </h3>
3133            </div>
3134            <!-- body -->
3135            <div class="modal-body">
3136                <form id="searchModalForm" method="POST">
3137                    <div class="row">
3138                        <div class="col-md-8">
3139                            <div class="group">
3140                                <input type="text" name="search_text" placeholder="" value="" required>
3141                                <span class="highlight"></span>
3142                                <span class="bar"></span>
3143                                <label>your query</label>
3144                            </div>
3145                        </div>
3146                        <div class="col-md-4">
3147                            <input value="GO" type="submit">
3148                        </div>
3149                    </div>
3150                </form>
3151            </div>
3152            <!-- footer -->
3153            <div class="modal-footer">
3154                <div class="spinner">
3155                    <center>
3156                        <img src="/files/apogee_2017/spinner-ring.gif">
3157                    </center>
3158                </div>
3159                <div id="searchResults"></div>
3160            </div>
3161        </div>
3162    </div>
3163</div><!-- Search Modal -->
3164<div id="newsletterModal" class="modal fade " role="dialog">
3165    <div class="modal-dialog">
3166        <!-- Modal content-->
3167        <div class="modal-content">
3168            <!-- header -->
3169            <div class="modal-header">
3170                <button type="button" class="close" data-dismiss="modal">×</button>
3171                <h3 class="modal-title capitalize" lang="en">
3172                    NEWSLETTER
3173                </h3>
3174            </div>
3175            <!-- body -->
3176            <div class="modal-body">
3177                <form id="newsletter_form" name="newsletter_form" action="https://apogee.gr/en/newsletter/subscribe/" method="POST">
3178                    <input name="fld_FK_newsletter_id" value="68" type="hidden">
3179                    <div class="row">
3180                        <div class="col-md-6">
3181                            <div class="group">
3182                                <input type="text" name="fld_Email" placeholder="" value="" required>
3183                                <span class="highlight"></span>
3184                                <span class="bar"></span>
3185                                <label>E-mail address</label>
3186                            </div>
3187                        </div>
3188                        <div class="col-md-6">
3189                            <input type="text" style='display:none;' name="docheiomeliou" value="" />
3190                            <input type="submit" id="newsletterModalFormSubmit" value="SUBSCRIBE / UNSUBSCRIBE">
3191                        </div>
3192                    </div>
3193                </form>
3194            </div>
3195        </div>
3196    </div>
3197</div><!-- Contact Modal -->
3198<div id="contactModal" class="modal fade" role="dialog">
3199    <div class="modal-dialog">
3200        <div class="modal-content">
3201            <div class="modal-header">
3202                <button type="button" class="close" data-dismiss="modal">×</button>
3203                <h3 class="modal-title">CONTACT</h3>
3204            </div>
3205            <div class="modal-body">
3206                <!-- intro text -->
3207                <div class="row">
3208                    <div class="col-md-12">
3209                        <div class="intro_text"> <!-- content_text_black -->
3210                            <p>Please contact us (<a href="mailto:[email protected]">[email protected]</a>) for a presentation of our products and services at your premises, a price quotation or CV submission. With premises in Thessaloniki (Greece), Luxembourg (Luxembourg) and Barcelona (Spain) we are always next to you, available to provide you with the best services.</p>  <a href="mailto:[email protected]"></a>
3211                        </div>
3212                    </div>
3213                </div>
3214                <!-- contact form -->
3215                <div class="row contactFormContainer">
3216                    <div class="col-md-12">
3217                        <form id="contactModalForm" class="form-horizontal" action="https://apogee.gr/en/contact/post/" method= "POST">
3218                            <!-- first name -->
3219                            <div class="form-group group">
3220                                <input id="cfirst_name" name="first_name" class="required" type="text" required>
3221                                <span class="highlight"></span>
3222                                <span class="bar"></span>
3223                                <label>
3224                                    First name:
3225                                    <span style="color:#FF2B06;">*</span>
3226                                </label>
3227                            </div>
3228                            <!-- surname -->
3229                            <div class="form-group group">
3230                                <input id="clast_name" name="last_name" value="" class="required" type="text" required>
3231                                <span class="highlight"></span>
3232                                <span class="bar"></span>
3233                                <label>
3234                                    Surname:
3235                                    <span style="color:#FF2B06;">*</span>
3236                                </label>
3237                            </div>
3238                            <!-- email -->
3239                            <div class="form-group group">
3240                                <input id="cemail_address" name="email_address" value="" class="required email" type="text" required>
3241                                <span class="highlight"></span>
3242                                <span class="bar"></span>
3243                                <label>
3244                                    E-mail address:
3245                                    <span style="color:#FF2B06;">*</span>
3246                                </label>
3247                            </div>
3248                            <!-- phone -->
3249                            <div class="form-group group">
3250                                <input id="cphone_number" class="text" name="phone_number" value="" type="text" required>
3251                                <span class="highlight"></span>
3252                                <span class="bar"></span>
3253                                <label>
3254                                    Phone:
3255                                    <span style="color:#FF2B06;">*</span>
3256                                </label>
3257                            </div>
3258
3259                            <!-- subject -->
3260                            <div class="form-group">
3261                                <label for="csubject">
3262                                    Subject:
3263                                    <span style="color:#FF2B06;">*</span>
3264                                </label>
3265                                <select id="csubject" name="subject" class="required">
3266                                    <option value="">Select</option>
3267                                    <option value='1'>Web Design & Development</option><option value='2'>Web Content Management</option><option value='3'>Project Management Suite</option><option value='4'>Project Management Services</option><option value='5'>Human Resources Services</option><option value='6'>Research Consultancy Studies</option><option value='7'>E-Marketing Services</option><option value='8'>Electronic Protocol System</option><option value='9'>E-Learning Services</option><option value='10'>Online Ticketing System</option>
3268                                    <option value="Other">Other</option>
3269                                </select>
3270                            </div>
3271                            <!-- file -->
3272                            <!--div class="form-group">
3273                            <label for="uploadedfile">File:</label>
3274                            <input name="uploadedfile" id="uploadedfile" method="post" enctype="multipart/form-data" type="file">
3275                        </div-->
3276                            <!-- message -->
3277                            <div class="form-group">
3278                                <label for="cmessage">
3279                                    Message:
3280                                    <span style="color:#FF2B06;">*</span>
3281                                </label>
3282                                <textarea id="cmessage" name="message" class="required"></textarea>
3283                            </div>
3284                            <!-- recaptcha -->
3285                            <div class="form-group">
3286                                <label for="g-recaptcha">Spam protection:</label>
3287                                <div id="RecaptchaContact"></div>
3288                            </div>
3289                            <!-- submit button -->
3290                            <div class="form-group">
3291                                <center>
3292                                    <input type="submit" value="SEND">
3293                                </center>
3294                            </div>
3295                        </form>
3296                    </div>
3297                </div>
3298                <!-- loading spinner & message -->                
3299                <!--div class="row">
3300                    <div class="col-md-12">
3301                        <div id="contact_results">
3302                            <div class="spinner">
3303                                <center>
3304                                    <img src="/files/apogee_2017/spinner-ring.gif">
3305                                </center>
3306                            </div>
3307                            <div class="message"></div>
3308                        </div>
3309                    </div>
3310                </div-->
3311            </div>
3312        </div>
3313    </div>
3314    
3314<script type="text/javascript">
3315        
3316        $(document).ready(function(){
3317          //  $('#contactModal select').select2({ width: '100%' });
3318        });
3319    </script>
3319 
3320</div><!-- Request Info Modal -->
3321<div id="requestInfoModal" class="modal fade" role="dialog">
3322    <div class="modal-dialog">
3323        <!-- Modal content-->
3324        <div class="modal-content">
3325            <!-- header -->
3326            <div class="modal-header">
3327                <button type="button" class="close" data-dismiss="modal">×</button>
3328                <h3 class="modal-title" lang="en">
3329                    REQUEST COMPANY INFORMATION
3330                </h3>
3331                <!--h4 class="modal_title">
3332                    Fill in the form below to download the company&#39;s brochure. You will be automatically subscribed to our newsletter.
3333                </h4-->
3334            </div>
3335            <!-- body -->
3336            <div class="modal-body">
3337                <div class="row">
3338                    <div class="col-md-12">
3339                        <div class="intro_text content_text_black">
3340                            Fill in the form below to download the company&#39;s brochure. You will be automatically subscribed to our newsletter.
3341                        </div>
3342                    </div>
3343                </div>
3344                <div class="row requestInfoFormContainer">
3345                    <div class="col-md-12">
3346                        <form id="request_info_form" name="request_info_form" action="https://apogee.gr/en/newsletter/request_info/" method="POST">
3347                            <!-- First name -->
3348                            <div class="form-group group">
3349                                <input id="cfirst_name" name="first_name" type="text" required>
3350                                <span class="highlight"></span>
3351                                <span class="bar"></span>
3352                                <label>
3353                                    
3354                                    <span class="mandatory">*</span>
3355                                </label>
3356                            </div>
3357                            <!-- Surname -->
3358                            <div class="form-group group">
3359                                <input id="clast_name" name="last_name" type="text" required>
3360                                <span class="highlight"></span>
3361                                <span class="bar"></span>
3362                                <label for="clast_name">
3363                                    Your surname
3364                                    <span class="mandatory">*</span>
3365                                </label>
3366                            </div>
3367                            <!-- E-mail -->
3368                            <div class="form-group group">
3369                                <input id="cemail_address" name="email_address" type="text" required>
3370                                <span class="highlight"></span>
3371                                <span class="bar"></span>
3372                                <label for="cemail_address">
3373                                    
3374                                    <span class="mandatory">*</span>
3375                                </label>
3376                            </div>
3377                            <!-- Terms & Conditions -->
3378                            <div class="checkbox">
3379                                <label>
3380                                    <input id="cterms" name="terms" type='checkbox'>
3381                                    I have read and accept the <a href="/en/about-us-new/Legal-Disclaimer.205/" target="_blank">terms and conditions</a>.
3382                                    <span class="mandatory">*</span>
3383                                </label>
3384                            </div>
3385                            <!-- re-Captcha -->
3386                            <div class="form-group">
3387                                <div id="RecaptchaRequestInfo"></div>
3388                            </div>
3389                            <!-- Download -->
3390                            <div class="form-group">
3391                                <input value="DOWNLOAD" type="submit">
3392                            </div>
3393                        </form>
3394                    </div>
3395                </div>
3396            </div>
3397        </div>
3398    </div>
3399</div><div id="loaderModal" class="modal fade" role="dialog" data-keyboard="false" data-backdrop="static">
3400    <div class="modal-dialog">
3401        <!-- Modal content-->
3402        <div class="modal-content">
3403            <div class="modal-body">
3404                <div id="loader_results">
3405                    <div class="spinner">
3406                        <center>
3407                            <img src="/files/apogee_2017/spinner-ring.gif">
3408                        </center>
3409                    </div>
3410                    <div class="message"></div>
3411                </div>
3412            </div>
3413            <div class="modal-footer" style="display: none;">
3414                <center>
3415                    <button type="button" class="orange_button_border" data-dismiss="modal">
3416                        DISMISS
3417                    </button>
3418                </center>
3419            </div>
3420        </div>
3421    </div>
3422</div>
3423</div>
3424<!-- FOOTER -->
3425<div class="container-fluid footer_container">
3426    <div class="row footer_row">
3427        <div class ="footer-image col-xs-12 col-sm-12 col-md-12 col-lg-12">
3428            <div class="clearfix">
3429                <div class="content-wrapper">
3430                    <!-- Left Column -->
3431                    <div class="col-md-6 col-sm-6 col-xs-12 left_column">
3432                        <h3>© 2002 - 2026 APOGEE INFORMATION SYSTEMS</h3>
3433                        <p class="content_text_white">
3434                            We provide highly specialised services on Custom web and mobile Application Design and Development, Project Management, E-learning, <a href="https://apogeewatcher.com/">Web Performance</a>, Online Marketing &amp; SEO.
3435                        </p>
3436                        <div class="useful_links">
3437                            <a href="/en/about-us/" class="link_white">
3438                                <u>about us</u>
3439                            </a>
3440                            <span class="divider"> • </span>
3441                            <a href="/en/about-us/Legal-Disclaimer.205/" class="link_white">
3442                                <u>legals</u>
3443                            </a>
3444                            <span class="divider"> • </span>
3445                            <a href="/en/sitemap/" class="link_white">
3446                                <u>sitemap</u>
3447                            </a>
3448                            <span class="divider"> • </span>
3449                            <a href="#" data-toggle="modal" class="link_white" data-target="#contactModal">
3450                                <u>contact us</u>
3451                            </a>
3452                        </div> 
3453                        <div style="margin-top:15px;color:#fff;">Member of <a target=blank_ href="https://www.italia.gr/"><img style="margin-left:10px;height:50px;margin-bottom:.25em; vertical-align:middle;" src="https://apogee.gr/files/site/greek-italia-logo_white_en.png"></a></div>   
3454                    </div>
3455                    <!-- Right Column -->
3456                    <div class="col-md-6 col-sm-6 col-xs-12 right_column">
3457                        <h3>NEXT TO YOU!</h3>
3458                        <p class="content_text_white">
3459                            192 Delfon str. GR 542 48, Thessaloniki, Greece<br /> +30 231 032 3011 // [email protected]
3460                        </p>
3461                        <p class="content_text_white">
3462                            164 Ave. Diagonal, ES 08018 Barcelona, Spain<br /><span>40, Op der Heed, L-1747 Luxembourg,</span> Luxembourg
3463                        </p>
3464                        <div class="social_icons">
3465                            <a href="https://www.facebook.com/Apogee.Information.Systems?ref=ts" target="_blank">
3466                                <img class="icon_facebook" src="https://apogee.gr/files/apogee_2017/f.png">
3467                            </a>
3468                            <a href="https://twitter.com/apogeeis" target="_blank">
3469                                <img class="icon_twitter" src="https://apogee.gr/files/apogee_2017/twitter.png">
3470                            </a>
3471                            <a href="http://www.linkedin.com/company/apogee-information-systems" target="_blank">
3472                                <img class="icon_linkedin" src="https://apogee.gr/files/apogee_2017/in.png">
3473                            </a>
3474                        </div>
3475                    </div>
3476                    
3477                </div>
3478            </div>
3479        </div>
3480    </div>
3481</div>
3482
3483<!-- Google analytics -->
3484<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 3484-3485
3484
3485<script async src="https://www.googletagmanager.com/gtag/js?id=
3485UA-1038030-1
vendor: 13 bytes, line 3485
3485"></script>
3486<script>
3487  
vendor: 138 bytes, lines 3487-3491
3487window.dataLayer = window.dataLayer || [];
3488  function gtag(){dataLayer.push(arguments);}
3489  gtag('js', new Date());
3490
3491  gtag('config', '
3491UA-1038030-1
vendor: 10 bytes, lines 3491-3492
3491');   
3492  
3492gtag('config', 'G-7K60GM6L69');
3493</script>
3493
3494
3495<!-- Matomo -->
3496<script>
3497  var _paq = window._paq = window._paq || [];
3498  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
3499  _paq.push(['trackPageView']);
3500  _paq.push(['enableLinkTracking']);
3501  (function() {
3502    var u="//analytics.apogee.gr/";
3503    _paq.push(['setTrackerUrl', u+'matomo.php']);
3504    _paq.push(['setSiteId', '7']);
3505    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
3506    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
3507  })();
3508</script>
3508
3509<!-- End Matomo Code -->
3510 
3510<script src="//rum-static.pingdom.net/pa-689483b49bf37300120008c3.js" async></script>
vendor: 2 bytes, line 3510
3510
3511<script>
3512					var map = {}; // You could also use an array
3513					var timer = null;
3514					var inactive = false;
3515					onkeydown = onkeyup = function(e){
3516						e = e || event; // to deal with IE
3517						map[e.keyCode] = e.type == 'keydown';
3518						//e.preventDefault();
3519						// D + E + V
3520						if ( 68 in map && 69 in map && 86 in map) {
3521							//console.log(map["68"] && map["69"] && map["86"]);
3522							if (map["68"] && map["69"] && map["86"] && !inactive){
3523								timer = setTimeout(function(){
3524									inactive = true;
3525									window.location = "/en/home/list/&devmode=02102026";	
3526								},3000);
3527							} else {
3528								inactive = false;
3529								clearTimeout(timer);
3530							}
3531						}
3532					}
3533				</script>
3533<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0478016dbff1489db112ae7014f822ea","r":1,"spa":2}' crossorigin="anonymous"></script>
3533
3534</body>
3535</html><!-- Apogee ESSENCE CMS - http://apogeeis.eu - 5.210911 OmikronKappa:[] // Page gen. in 0.0656970 secs | 29 queries in 0.008479118347168 secs -- memory: 2 mb -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.