Production
Accurate, trustworthy and unbiased information on the operation of production facilities is a prerequisite for modern management of manufacturing companies. Our MES solution provides you with the tools to continuously improve productivity, enhance production processes and digitalize with very fast payback.

Read more about production

Maintenance
Discover the power of our solutions! Together, we'll set you on the path to transparent, efficient and intelligent paperless maintenance. With our asset management solution, you get an overview of all your assets and maintenance workload. Optimise based on facts and increase productivity.

Read more maintenance

Logistics
Logistics tasks can be performed in different ways. We look for the best options, we reduce waste, we simply visually help to manage. Standard wastage accounts for more than 20% of the time in internal logistics, while improperly functioning processes result in direct and indirect financial losses.

Read more about logistics

PMA.AI agent
Data in an EAM system is valuable only when you can quickly derive answers from it. Our AI agent connects maintenance data, analyzes the relationships between it, and helps turn it into actionable insights for decision-making. Ask questions in natural language and get answers, overviews, charts, or predictions directly from your data.

Read more about the PMA AI agent

Production
Maintenance
Logistics
PMA.AI agent
Production
Production
Accurate, trustworthy and unbiased information on the operation of production facilities is a prerequisite for modern management of manufacturing companies. Our MES solution provides you with the tools to continuously improve productivity, enhance production processes and digitalize with very fast payback.

Read more about production

Maintenance
Maintenance
Discover the power of our solutions! Together, we'll set you on the path to transparent, efficient and intelligent paperless maintenance. With our asset management solution, you get an overview of all your assets and maintenance workload. Optimise based on facts and increase productivity.

Read more maintenance

Logistics
Logistics
Logistics tasks can be performed in different ways. We look for the best options, we reduce waste, we simply visually help to manage. Standard wastage accounts for more than 20% of the time in internal logistics, while improperly functioning processes result in direct and indirect financial losses.

Read more about logistics

PMA.AI agent
PMA.AI agent
Data in an EAM system is valuable only when you can quickly derive answers from it. Our AI agent connects maintenance data, analyzes the relationships between it, and helps turn it into actionable insights for decision-making. Ask questions in natural language and get answers, overviews, charts, or predictions directly from your data.

Read more about the PMA AI agent

.container-wrapper { display: flex; flex-direction: row; } .container-flex { align-items: center; color: transparent; width: 60%; aspect-ratio: 20/10.7; display: flex; justify-content: flex-end; gap: 1vw; } .container-content { position: relative; width: 40%; display: flex; align-items: center; } .ps-content-wrapper.active { position: absolute; opacity: 1; width: 100%; } .ps-content-wrapper { position: absolute; opacity: 0; width: 100%; padding-right: 20px; } .ps-content-title{ font-size: var(--e-global-typography-a30762e-font-size); font-weight: var(--e-global-typography-a30762e-font-weight); color: var(--e-global-color-743d68e); font-family: var(--e-global-typography-a30762e-font-family), Sans-serif; line-height: 1.2; margin-bottom: 20px; } .ps-content-text{ color: var(--e-global-color-743d68e); font-family: var(--e-global-typography-22d77b8-font-family), Sans-serif; font-size: var(--e-global-typography-22d77b8-font-size); font-weight: var(--e-global-typography-22d77b8-font-weight); line-height: var(--e-global-typography-22d77b8-line-height); margin-bottom: 20px; } .box-flex { background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 50px; cursor: pointer; transition: all 0.7s ease-in-out; position: relative; height: 100%; width: 15%; display: flex; align-items: center; justify-content: center; } .box-flex::before{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(342deg, rgba(42,57,53,1) 0%, rgba(61,76,72,1) 100%); transition: all 0.7s ease-in-out; border-radius: 10px; z-index: 0; } .active { color: white; width: 59.5%; transition: all 0.7s ease-in-out; } .active > .flex-inner { width: 80%; height: 80%; transition: all 0.7s ease-in-out; border-radius: 50%; } .active > .flex-inner-text:hover { background: unset !important; } .active > .flex-inner-text { background: unset; transition: all 0.7s ease-in-out; } .active > .flex-inner-text > .flex-text { opacity: 0; transition: all 0.7s ease-in-out; } .flex-inner { position: relative; width: 100%; height: 100%; border-radius: 10px; transition: all 0.7s ease-in-out; } .flex-inner-text { position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(42,57,53,0) 40%, rgba(51,66,62,1) 90%, rgba(61,76,72,1) 100%); border-radius: 10px; transition: all 0.7s ease-in-out; overflow: hidden; } .flex-inner-text:hover { background: linear-gradient(180deg, rgba(42,57,53,0) 0%, rgba(51,66,62,1) 90%, rgba(61,76,72,1) 100%); transition: all 0.7s ease-in-out; } .flex-text { transition: all 0.7s ease-in-out; font-family: "segoe UI", Sans-serif; font-size: 32px; font-weight: bold; opacity: 1; color: white; white-space: nowrap; width: 100%; height: 100%; position: relative; transform: rotate(270deg); transform-origin: top left; left: 25%; top: calc(100% - 20px); } #flex-box-1, #flex-box-2, #flex-box-3, #flex-box-4 { background-size: cover; background-position: center; } @media screen and (max-width: 1024px) { .in-button { display: flex; gap: 10px; margin-top: 20px; } .container-wrapper { display: flex; flex-direction: column-reverse; } .container-content { position: relative; width: 100%; height: auto; display: flex; align-items: center; } .ps-content-wrapper.active { position: relative; opacity: 1; width: 100%; height: auto !important; max-height: 500px; transition: all 0.7s ease; margin-top: 20px; margin-bottom: 30px; } .ps-content-wrapper { position: relative; opacity: 0; width: 100%; max-height: 0px; margin-top: 0px; padding-right: 0px; transition: all 0.7s ease; } .box-flex.active { color: white; width: 90vw; height: 90vw !important; transition: all 0.7s ease; } .box-flex { height: 15vw; width: 90vw; } .container-flex { align-items: center; color: transparent; width: 100%; height: auto; aspect-ratio: unset; flex-direction: column; gap: 10px; } .flex-items-desc.active-item { opacity: 1; transition: all 0.7s ease-in; position: relative; } .flex-text { transition: all 0.7s ease; font-family: "segoe UI", Sans-serif; font-size: 32px; font-weight: bold; opacity: 1; color: white; width: 100%; height: 100%; position: relative; transform: rotate(0deg); transform-origin: top left; left: 5%; top: 40%; } } @media screen and (max-width: 767px) { .flex-text { top: 10%; } .active { color: white; width: 100%; height: 90vw !important; transition: all 0.7s ease; } .box-flex { height: 15vw; width: 90vw !important; } } var resizeTimeout; // Funkcia na odstránenie aktívnych tried var removeClasses = () => { var activeElements = document.querySelectorAll('.active'); activeElements.forEach(eachElement => { eachElement.classList.remove('active'); }); }; // Funkcia na obnovenie parametrov a nastavenie správneho elementu ako aktívneho var resetParameters = () => { removeClasses(); // Znova načítaj elementy pri každom volaní funkcie var boxElements = document.querySelectorAll('.box-flex'); var descElements = document.querySelectorAll('.ps-content-wrapper'); // Skontroluj šírku obrazovky var activeIndex = window.innerWidth > 1024 ? 0 : 3; // 5. element má index 4, prvý má index 0 // Nastav aktívnu triedu pre príslušný box-flex a ps-content-wrapper if (boxElements.length > activeIndex) { boxElements[activeIndex].classList.add('active'); } if (descElements.length > activeIndex) { descElements[activeIndex].classList.add('active'); } }; // Udalosti click na box prvky document.addEventListener('DOMContentLoaded', () => { var boxElements = document.querySelectorAll('.box-flex'); var descElements = document.querySelectorAll('.ps-content-wrapper'); // Nastavenie udalostí pre každý box-flex boxElements.forEach((each, index) => { each.addEventListener('click', () => { removeClasses(); each.classList.add('active'); descElements.forEach(desc => { desc.classList.remove('active'); }); if (descElements[index]) { descElements[index].classList.add('active'); } }); }); // Nastav aktívny prvok pri načítaní stránky resetParameters(); }); // Funkcia, ktorá sa spustí po zmene veľkosti obrazovky

Satisfied clients