PageSourceSearch

https://modpow.es/en

html modpow.es collected 2026-10-04 17:18:06 UTC 65,231 bytes, 1,694 lines download raw bytes

1<html>
2<head>
3    <title>Modpow | Wireless monitoring and engineering</title>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
7    
7<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
7
8    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
9    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans" type="text/css" >
10    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed:300" type="text/css">
11    <link rel="shortcut icon" href="favicon.ico" />
12    <link href="/web/manifests/favicon.ico" rel="icon" type="image/x-icon" />
13    <link href='/web/manifests/touchicon-ios.png' rel='apple-touch-icon' sizes='192x192' async/>
14    <link href='/web/manifests/touchicon-ios.png' rel='mask-icon' color='#00378b'>
15    <link href='/web/manifests/site.webmanifest' rel='manifest'>
16    <meta content="/web/manifests/browserconfig.xml" name="msapplication-config">
17</head>
18<script>
19    if (localStorage.getItem("cookieStatus") === "active"){
20        //Put all cookie that requires user permission here.
vendor: 374 bytes, lines 20-25
20
21        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
22        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
23        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
24        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
25        ga('create', '
25UA-16524658-1
vendor: 48 bytes, lines 25-27
25', 'auto');
26        ga('send', 'pageview');
27    
27}
28</script>
28
29<style>
30:root {
31   --app-height: 100%;
32}
33* {
34    font-family: 'Open Sans';
35    line-height: 1.25 !important;
36}
37@media (min-width: 1200px) {
38    .container {
39        width: auto !important; /* Delete Bootstrap default */
40    }
41}
42@media (min-width: 767px) {
43    .visible-phone {
44        display: none;
45    }
46}
47@media (max-width: 767px) {
48    .hidden-phone {
49        display: none;
50    }
51}
52.clear {
53    clear: both;
54}
55body {
56    margin: 0;
57}
58i {
59    vertical-align: middle;
60}
61a {
62    color: #3a84df;
63    text-decoration: none;
64}
65hr {
66    margin-top: 20px;
67    margin-bottom: 20px;
68    border: 0;
69    border-top: 1px solid #bbb;
70}
71h1 {
72    color: #404040;
73    font-family: "Open Sans";
74    font-size: 2em;
75    font-weight: 400;
76}
77p {
78    font-family: "Open Sans";
79    font-size: 1.25em;
80    font-weight: 400;
81    margin-bottom: 24pt;
82}
83.centered {
84    text-align: center;
85}
86#logo {
87    display: block;
88}
89#logoWhite {
90    display: none;
91}
92#menu {
93    background-color: #fff;
94    height: 64px;
95    opacity: 0;
96    position: -webkit-sticky;
97    position: sticky;
98    top: 0;
99    transition: all 0.25s linear;
100    width: 100%;
101    z-index: 100;
102}
103#menuBig {
104    display: flex;
105    flex-direction: row;
106    height: 64px;
107    margin: auto;
108    max-width: 1024px;
109}
110@media only screen and (max-width: 1024px) {
111    #menuBig {
112        margin: 0 32px;
113    }
114}
115.menuBigCol:first-child {
116    border-top: 8px solid transparent;
117    flex-grow: 0;
118}
119.menuBigCol {
120    align-items: center;
121    display: flex;
122    flex-grow: 1;
123    font-family: "Open Sans";
124    font-size: 14px;
125    font-weight: 400;
126    margin-right: 16px;
127}
128.menuBigCol:last-child {
129    border-bottom: 4px solid transparent;
130    border-top: 4px solid transparent;
131    display: flex;
132    flex-direction: column;
133    justify-content: center;
134    margin-right: 0;
135    max-width: 150px;
136}
137#menuSmall {
138    background-color: #fff;
139    display: block;
140    flex-direction: column;
141    flex-direction: column;
142    height: 64px;
143    overflow: hidden;
144    transition: all 0.5s ease;
145}
146.menuSmallRow:first-child {
147    height: 64px;
148    padding: 0 32px;
149}
150.menuSmallRow {
151    display: flex;
152    flex-direction: row;
153    font-family: "Open Sans";
154    font-size: 16px;
155    font-weight: 400;
156    height: 40px;
157    padding: 8 32px;
158}
159.menuSmallCol {
160    align-items: center;
161    display: flex;
162    flex-grow: 0;
163    font-family: "Open Sans";
164    font-size: 12px;
165    font-weight: 400;
166}
167.menuSmallCol:last-child {
168    display: flex;
169    flex-grow: 1;
170    justify-content: -webkit-flex-end;
171    justify-content: flex-end;
172    margin-right: 0;
173}
174.menuSmallCol a {
175    margin: 0 8px;
176}
177.menuSmallBtn:hover {
178    cursor: pointer;
179}
180#menuSmallicon {
181    padding: 3px;
182    transition: all 0.5s ease;
183}
184.menuLnkBox:first-child {
185    margin-left: 0;
186}
187.menuLnkBox {
188    align-items: center;
189    border-bottom: 4px solid transparent;
190    border-top: 4px solid transparent;
191    display: flex;
192    color: #000;
193    height: 60px;
194    margin: 0 5px;
195    text-decoration: none;
196}
197.menuLnkBox:last-child {
198    margin-right: 0;
199}
200.menuLnkBox a:hover {
201    text-decoration: none;
202}
203.menuLnk {
204    color: #000;
205    text-decoration: none;
206}
207.menuLnkLng {
208    color: #3a84df; /* #bbdefe; */
209}
210.menuAcc {
211    background-color: #454545;
212    border-radius: 5px;
213    color: #ddd;
214    margin-top: 8px;
215    min-width: 100px;
216    text-align: center;
217    text-decoration: none;
218}
219.menuAcc:hover {
220    color: #fff;
221}
222#main {
223    margin: auto;
224    max-width: 1024px;
225    min-height: 650px;
226}
227@media only screen and (max-device-width: 480px) {
228    #main {
229        min-height: var(--app-height);
230    }
231}
232@media only screen and (max-width: 1024px) {
233    #main {
234        margin: 0 32px;
235    }
236}
237@media only screen and (max-device-width: 480px) {
238    #main {
239        margin: 0 16px;
240    }
241}
242.postBox {
243    display: flex;
244    flex-direction: row;
245    margin-top: 32px;
246}
247@media only screen and (max-width: 690px) {
248    .postBox {
249        flex-direction: column;
250    }
251}
252.postBoxLeft {
253    max-width: 690px;
254    width: 80%;
255}
256@media only screen and (max-width: 690px) {
257    .postBoxLeft {
258        width: 100%;
259    }
260}
261.postBoxRight {
262    margin: 0 16px;
263    flex-grow: 1;
264}
265.postAvatar {
266    border-radius: 5px;
267}
268.postIcon {
269    color: #555;
270    font-size: 20px;
271}
272.postAuthor {
273    color: #555;
274    font-family: "Open Sans";
275    font-size: 14px;
276}
277.postPicture {
278    max-width: 690px;
279    width: 100%;
280}
281.postText {
282    color: #000;
283    font-family: "Open Sans";
284    font-size: 18px;
285    font-weight: 400;
286}
287#topImageBox {
288    display: none;
289    height: 650px;
290    left: 0;
291    overflow: hidden;
292    position: absolute;
293    top: 0;
294    width: 100%;
295}
296@media only screen and (max-device-width: 480px) {
297    #topImageBox {
298        height: var(--app-height);
299    }
300}
301#loading {
302    background-color: rgba(100, 100, 100, 0.5);
303    display: block;
304    height: 100%;
305    left: 0px;
306    padding-top: 65px;
307    position: fixed;
308    text-align: center;
309    top: 0px;
310    width: 100%;
311    z-index: 1000;
312}
313</style>
314<script>
315var device = 'big',
316    showingMenu = false,
317    topImage = ''
318
319function init () {
320    let url = decodeURI(window.location.href)
321
322    window.addEventListener('scroll', setScroll)
323    window.addEventListener('resize', setResize)
324
325    if (url.indexOf('/en/kit-digital') >= 0) { document.getElementById('menuTech').style.borderTopColor = '#f00' }
326    else if (url.indexOf('/en/kit-consulting') >= 0) { document.getElementById('menuCons').style.borderTopColor = '#f00' }
327    else if (url.indexOf('/en/https://www.modpowagritech.com/en/') >= 0) { document.getElementById('menuSolt').style.borderTopColor = '#f00' }
328    else if (url.indexOf('/en/https://modpowengineering.com/?lang=en') >= 0) { document.getElementById('menuServ').style.borderTopColor = '#f00' }
329    else if (url.indexOf('/en/blog') >= 0) { document.getElementById('menuBlog').style.borderTopColor = '#f00' }
330    else if (url.indexOf('/en/post/') >= 0) { document.getElementById('menuBlog').style.borderTopColor = '#f00' }
331    else if (url.indexOf('/en/contact') >= 0) { document.getElementById('menuCont').style.borderTopColor = '#f00' }
332    else { document.getElementById('menuHome').style.borderTopColor = '#f00' }
333
334    setScroll()
335    setResize()
336
337    document.getElementById('loading').style.display = 'none'
338}
339function changeMenu () {
340    let menu = document.getElementById('menuSmall'),
341        top = window.pageYOffset,
342        icon = document.getElementById('menuSmallIcon')
343
344    if (showingMenu) {
345        menu.style.height = '64px'
346        icon.style.boxShadow = 'none'
347        if (top !== 0) {
348            menu.style.boxShadow = '0px 0px 10px #555'
349        } else {
350            menu.style.boxShadow = 'none'
351        }
352    } else {
353        menu.style.height = document.body.clientHeight + 'px'
354        menu.style.boxShadow = '0px 0px 10px #555'
355        icon.style.boxShadow = 'rgb(85, 85, 85) 0px 1px 5px'
356    }
357    showingMenu = !showingMenu
358}
359function setResize () {
360
361    let menuBig = document.getElementById('menuBig'),
362        menuSmall = document.getElementById('menuSmall')
363
364    document.documentElement.style.setProperty('--app-height', document.body.clientHeight + 'px')
365
366    if (screen.width > 767) {
367        device = 'big'
368        menuBig.style.display = 'flex'
369        menuSmall.style.display = 'none'
370    } else {
371        device = 'small'
372        menuBig.style.display = 'none'
373        menuSmall.style.display = 'block'
374    }
375
376    if (topImage !== '') {
377        setTopImage(topImage)
378    }
379
380    document.getElementById('menu').style.opacity = 1
381}
382function setScroll () {
383    let top = window.pageYOffset,
384        menu = document.getElementById('menu'),
385        url = window.location.href
386
387    if (device === 'small') {
388        menu = document.getElementById('menuSmall')
389    }
390
391    if (top !== 0) {
392        menu.style.boxShadow = '0px 0px 10px #555'
393    } else {
394        if (!showingMenu) {
395            menu.style.boxShadow = 'none'
396        }
397    }
398
399    if (device === 'big' && url.indexOf('blog') < 0) {
400        if (top === 0) {
401            document.getElementById('logo').style.display = 'none'
402            document.getElementById('logoWhite').style.display = 'block'
403            menu.style.backgroundColor = 'rgba(0, 0, 0, 0.6)'
404            document.getElementById('menuHome').firstChild.style.color = '#fff'
405            document.getElementById('menuTech').firstChild.style.color = '#fff'
406            document.getElementById('menuCons').firstChild.style.color = '#fff'
407            document.getElementById('menuSolt').firstChild.style.color = '#fff'
408            document.getElementById('menuServ').firstChild.style.color = '#fff'
409            document.getElementById('menuBlog').firstChild.style.color = '#fff'
410            document.getElementById('menuCont').firstChild.style.color = '#fff'
411            document.getElementById('menuLangEn').style.color = '#bbdefe' // bbdefe
412            document.getElementById('menuLangEs').style.color = '#bbdefe'
413            document.getElementById('menuLangZh').style.color = '#bbdefe'
414        } else {
415            document.getElementById('logo').style.display = 'block'
416            document.getElementById('logoWhite').style.display = 'none'
417            menu.style.backgroundColor = '#fff'
418            document.getElementById('menuHome').firstChild.style.color = '#000'
419            document.getElementById('menuTech').firstChild.style.color = '#000'
420            document.getElementById('menuCons').firstChild.style.color = '#000'
421            document.getElementById('menuSolt').firstChild.style.color = '#000'
422            document.getElementById('menuServ').firstChild.style.color = '#000'
423            document.getElementById('menuBlog').firstChild.style.color = '#000'
424            document.getElementById('menuCont').firstChild.style.color = '#000'
425            document.getElementById('menuLangEn').style.color = '#3a84df'
426            document.getElementById('menuLangEs').style.color = '#3a84df'
427            document.getElementById('menuLangZh').style.color = '#3a84df'
428        }
429    }
430}
431function setTopImage (id) {
432
433    let img = undefined,
434        heightWin = (window.innerWidth <= 480) ? document.body.clientHeight : 650,
435        widthWin = window.innerWidth,
436        widthPrp = 0
437
438    topImage = id
439    img = document.getElementById(topImage)
440    widthPrp = img.width * heightWin / img.height
441
442    if (widthWin < widthPrp) {
443        img.height = heightWin
444        img.width = widthPrp
445        img.style.marginLeft = -((widthPrp / 2) - (widthWin / 2)) + 'px'
446    } else {
447        img.height = img.height * widthWin / img.width
448        img.width = widthWin
449        img.style.marginLeft = '0'
450    }
451
452    document.getElementById('topImageBox').style.display = 'block'
453}
454
455window.onload = init
456</script>
456
457<body>
458<div id='loading'>
459    <div id='loadingSpinner' class='mdl-spinner mdl-js-spinner is-active'></div>
460    
460<script>componentHandler.upgradeElement(document.getElementById('loadingSpinner'))</script>
460
461</div>
462<div id='menu'>
463    <div id='menuBig'>
464        <div class='menuBigCol'>
465            <a href='/en'>
466                <img id='logo' src='/web/logo-modpow.png' width='125' style='margin-top: -4px;'>
467                <img id='logoWhite' src='/web/logo-modpow-white.png' width='125' style='margin-top: -4px;'>
468            </a>
469        </div>
470        <div class='menuBigCol' id='menuES'>
471            <div id='menuHome' class='menuLnkBox'><a class='menuLnk' href='/en/'>Home</a>&nbsp;</div>
472            <div id='menuTech' class='menuLnkBox'><a class='menuLnk' href='/en/kit-digital'>Kit Digital</a>&nbsp;</div>
473            <div id='menuCons' class='menuLnkBox'><a class='menuLnk' href='/en/kit-consulting'>Kit Consulting</a>&nbsp;</div>
474            <div id='menuSolt' class='menuLnkBox'><a class='menuLnk' href='https://www.modpowagritech.com/en/'>Solution</a>&nbsp;</div>
475            <div id='menuServ' class='menuLnkBox'><a class='menuLnk' href='https://modpowengineering.com/?lang=en'>Services</a>&nbsp;</div>
476            <div id='menuBlog' class='menuLnkBox'><a class='menuLnk' href='/en/blog'>Blog</a>&nbsp;</div>
477            <div id='menuCont' class='menuLnkBox'><a class='menuLnk' href='/en/contact'>Contact us</a>&nbsp;</div>
478        </div>
479        <div class='menuBigCol'>
480            <div class='menuLang'>
481                <a id='menuLangEn' class='menuLnk menuLnkLng' href='/en' class='menuLang'>EN</a>|
482                <a id='menuLangEs' class='menuLnk menuLnkLng' href='/es' class='menuLang'>ES</a>|
483                <a id='menuLangZh' class='menuLnk menuLnkLng' href='/zh' class='menuLang'>中文</a>
484            </div>
485            <div><a href='https://modpow.wireless-monitoring.net' target='_blank'><div class='menuAcc'>My account</div></a></div>
486        </div>
487    </div>
488    <div id='menuSmall'>
489        <div class='menuSmallRow'>
490            <div class='menuSmallCol'><a href='/en'><img src="/web/logo-modpow.png" width="125" style="margin-top: -4px;"></a></div>
491            <div class='menuSmallCol'><i id='menuSmallIcon' class="material-icons menuSmallBtn" onclick="changeMenu()">menu</i></div>
492        </div>
493        <div id='menuHome' class='menuSmallRow'><a class='menuLnk' href='/en/'>Home</a>&nbsp;</div>
494        <div id='menuTech' class='menuSmallRow'><a class='menuLnk' href='/en/kit-digital'>Kit Digital</a>&nbsp;</div>
495        <div id='menuCons' class='menuSmallRow'><a class='menuLnk' href='/en/kit-consulting'>Kit Consulting</a>&nbsp;</div>
496        <div id='menuSolt' class='menuSmallRow'><a class='menuLnk' href='https://www.modpowagritech.com/en/'>Solution</a>&nbsp;</div>
497        <div id='menuServ' class='menuSmallRow'><a class='menuLnk' href='https://modpowengineering.com/?lang=en'>Services</a>&nbsp;</div>
498        <div id='menuBlog' class='menuSmallRow'><a class='menuLnk' href='/en/blog'>Blog</a>&nbsp;</div>
499        <div id='menuCont' class='menuSmallRow'><a class='menuLnk' href='/en/contact'>Contact us</a>&nbsp;</div>
500        <div class='menuSmallRow'>
501            <div class='menuSmallCol'><a href='https://modpow.wireless-monitoring.net' target='_blank'><div class='menuAcc'>My account</div></a></div>
502            <div class='menuSmallCol'>
503                <a id='menuLangEn' class='menuLnk menuLnkLng' href='/en' class='menuLang'>EN</a>|
504                <a id='menuLangEs' class='menuLnk menuLnkLng' href='/es' class='menuLang'>ES</a>|
505                <a id='menuLangZh' class='menuLnk menuLnkLng' href='/zh' class='menuLang'>中文</a>
506            </div>
507        </div>
508    </div>
509</div>
510<div id='main'>
511<style>
512.topPicture {
513    display: none;
514}
515.topTransition {
516    position: absolute;
517    top: 0;
518    transition: opacity 1.5s ease;
519}
520#carrouselImages{
521    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 60%);
522    background-size: cover;
523}
524
525#carrouselImages > img {
526    z-index:-1;
527}
528
529.carrouselText {
530    color: #fff;
531    font-family: "Open Sans";
532    font-size: 30px;
533    font-weight: 800;
534    position: absolute;
535    text-shadow: 0px 2px 3px rgba(51, 51, 51, 0.75);
536}
537#topText0 {
538    top: 70%;
539    left: 15%;
540    padding-right: 20px;
541}
542#topText1 {
543    top: 70%;
544    right: 15%;
545    text-align: right;
546    padding-left: 20px;
547}
548#topText2 {
549    width: 100%;
550    height: 100%;
551    position: relative;
552}
553#topText2Txt{
554    top: 15%;
555    left: 50%;
556    transform: translate(-50%, 0);
557    text-align: center;
558    position: absolute;
559}
560#topText2Btn{
561    top: 85%;
562    right: 15%;
563    position: absolute;
564}
565.carrouselButtons {
566    display: flex;
567    flex-direction: row;
568    margin-top: 600px;
569    justify-content: center;
570    width: 100%;
571}
572@media only screen and (max-device-width: 480px) {
573    .carrouselButtons {
574        margin-top: calc(var(--app-height) - 50px);
575    }
576}
577.carrouselButton i {
578    cursor: pointer;
579    font-size: 14px;
580    margin: 0 8px;
581}
582.button {
583    background-color: #f44336;
584    border-radius: 3px;
585    border: 0px;
586    box-shadow: 0 1px 5px rgba(0,0,0,.12), 0 1px 6px rgba(0,0,0,.12);
587    color: rgba(255,255,255,.94);
588    cursor: pointer;
589    font-size: 20px;
590    font-weight: bold;
591    padding: 8px 12px;
592    transition: box-shadow .2s ease;
593    text-align: center;
594}
595.button:hover {
596    background-color: #f44336;
597    box-shadow: 0 5px 10px rgba(0,0,0,.25), 0 1px 6px rgba(0,0,0,.25);
598}
599.buttonSmall {
600    border-radius: 6px;
601    font-family: "Open Sans";
602    font-size: 12px;
603    margin-top: -3px;
604    margin-left: 8px;
605    padding: 5px 10px;
606    line-height: 1.33;
607}
608
609@media only screen and (max-device-width: 480px) {
610    .carrouselText {
611        color: #fff;
612        font-family: "Open Sans";
613        font-size: 25px;
614        font-weight: 800;
615        position: absolute;
616        text-shadow: 0px 2px 3px rgba(51, 51, 51, 0.75);
617    }
618    #topText0 {
619        top: 70%;
620        left: 10%;
621    }
622}
623@media only screen and (max-device-height: 700px) {
624    #topText1 {
625        top: 65%;
626        right: 15%;
627        text-align: right;
628    }
629}
630
631
632/* Always two cards per row; an odd last card stays alone on its row */
633.cards {
634    display: grid;
635    grid-template-columns: repeat(2, 40%);
636    justify-content: center;
637    gap: 32px;
638    margin-top: 32px;
639}
640.card {
641    background: #fff;
642    border-radius: 2px;
643    box-shadow: 0 3px 10px rgba(0,0,0,.23), 0 3px 10px rgba(0,0,0,.16);
644    color: rgba(0,0,0,.84);
645    display: flex;
646    flex-direction: column;
647    overflow: hidden;
648    position: relative;
649    text-align: left;
650    padding-bottom: 16px;
651}
652.lastCard{
653    margin-bottom: 0;
654}
655/* Logo shown whole (not cropped) at the top of the card */
656.card > .top.topLogo {
657    background-size: contain;
658    background-repeat: no-repeat;
659    background-origin: content-box;
660    box-sizing: border-box;
661    padding: 20px;
662}
663.supportText {
664    font-size: 13px;
665    margin-bottom: 6px;
666}
667/* Logos two per row, each shrinking to fit its cell */
668.card > .logoGrid {
669    display: grid;
670    grid-template-columns: repeat(2, minmax(0, 1fr));
671    align-items: center;
672    gap: 12px 16px;
673}
674.card > .logoGrid > img {
675    width: 100%;
676    object-fit: contain;
677}
678@media only screen and (max-device-width: 480px) {
679    .cards {
680        grid-template-columns: 100%;
681        gap: 30px;
682    }
683}
684.card:hover {
685    text-decoration: none;
686}
687
688a.card:hover{
689    box-shadow: 0 3px 10px rgba(0,0,0,.50), 0 3px 10px rgba(0,0,0,.40);
690}
691
692.card > .top {
693    width: 100%;
694    height: 180px;
695    background-position: center;
696    background-size: cover;
697}
698.card > .topMax {
699    max-height: 153px;
700    display: flex;
701}
702.card > .topMax > img {
703    height: 120px;
704    width: 120px;
705    margin-left: auto;
706    margin-right: auto;
707}
708.card > div > img {
709    width: 100%;
710}
711.card > .title {
712    font-size: 28px;
713    font-weight: normal;
714    margin: 8px 16px;
715    text-align: left;
716}
717.card > img {
718    max-width: 90%;
719    padding-bottom: 2px;
720    padding-top: 5px;
721    margin: 8px 16px;
722}
723.card > .text {
724    font-size: 15px;
725    margin: 2px 16px;
726}
727.urlLookalike{
728    color: blue;
729    text-decoration: underline;
730}
731.imgPos {
732    margin-top: -50px;
733}
734@media only screen and (max-device-width: 480px) {
735    .imgPos {
736        margin-top: -40px;
737    }
738}
739
740.pymeImg{
741    padding-top: 10px;
742}
743
744.innpactoImg{
745    max-width: 80%;
746    height: auto;
747    margin-left: 10%;
748    margin-right: 10%;
749}
750
751.cardFooter{
752    margin-top: auto;
753    margin-bottom: auto;
754    padding-top: 10px;
755    margin-left: 16px;
756    margin-right: 16px;
757}
758
759.imgEng1 {
760    width: 300px !important;
761}
762.imgEng2 {
763    max-width: 48% !important;
764    max-height: 40px;
765    width: auto !important;
766}
767@media only screen and (max-device-width: 480px) {
768    .imgEng1 {
769        width: 250px !important;
770    }
771}
772.contact {
773    grid-column: 1 / -1;
774    justify-self: center;
775    font-size: 18px;
776    margin: 32px 16px;
777    max-width: 650px;
778    text-align: center;
779}
780.contactText {
781    margin-bottom: 16px;
782}
783.contact a {
784    margin-top: 16px;
785}
786.topCarrouselBox {
787    display: none;
788    height: 650px;
789    left: 0;
790    overflow: hidden;
791    position: absolute;
792    top: 0;
793    width: 100%;
794}
795@media only screen and (max-device-width: 480px) {
796    .topCarrouselBox {
797        height: var(--app-height);
798    }
799}
800</style>
801<script>
802showingNumber = -1
803showingInterval = undefined
804initied = []
805timeouts = []
806function runCarrousel () {
807    if (showingNumber === 2) { showingNumber = 0 } else { showingNumber = showingNumber + 1 }
808
809    document.getElementById('topImage' + showingNumber).style.display = 'block'
810    timeouts[0] = setTimeout(() => { document.getElementById('topImage' + showingNumber).style.opacity = 1 }, 0 )
811    if (showingNumber !== 0) {
812        document.getElementById('topImage0').style.opacity = 0
813        timeouts[1] = setTimeout(() => { document.getElementById('topImage0').style.display = 'none' }, 1500)
814    }
815    if (showingNumber !== 1) {
816        document.getElementById('topImage1').style.opacity = 0
817        timeouts[2] = setTimeout(() => { document.getElementById('topImage1').style.display = 'none' }, 1500)
818    }
819    if (showingNumber !== 2) {
820        document.getElementById('topImage2').style.opacity = 0
821        timeouts[3] = setTimeout(() => { document.getElementById('topImage2').style.display = 'none' }, 1500)
822    }
823
824    document.getElementById('topText' + showingNumber).style.display = 'block'
825    timeouts[4] = setTimeout(() => { document.getElementById('topText' + showingNumber).style.opacity = 1 }, 0 )
826    if (showingNumber !== 0) {
827        document.getElementById('topText0').style.opacity = 0
828        timeouts[5] = setTimeout(() => { document.getElementById('topText0').style.display = 'none' }, 1500)
829    }
830    if (showingNumber !== 1) {
831        document.getElementById('topText1').style.opacity = 0
832        timeouts[6] = setTimeout(() => { document.getElementById('topText1').style.display = 'none' }, 1500)
833    }
834    if (showingNumber !== 2) {
835        document.getElementById('topText2').style.opacity = 0
836        timeouts[7] = setTimeout(() => { document.getElementById('topText2').style.display = 'none' }, 1500)
837    }
838
839    document.getElementById('topButton' + showingNumber).style.color = '#333333'
840    if (showingNumber !== 0) {document.getElementById('topButton0').style.color = '#888888' }
841    if (showingNumber !== 1) { document.getElementById('topButton1').style.color = '#888888' }
842    if (showingNumber !== 2) { document.getElementById('topButton2').style.color = '#888888' }
843
844    if (showingInterval !== undefined) { clearInterval(showingInterval) }
845    showingInterval = setInterval(() => { runCarrousel() }, 5000)
846}
847function setCarrousel(number) {
848    let cnt = 0
849    for (cnt = 0; cnt < timeouts.length; cnt = cnt + 1) {
850        if (typeof timeouts[cnt] !== 'undefined') { clearTimeout(timeouts[cnt]) }
851    }
852    showingNumber = number - 1
853    runCarrousel()
854}
855function initCarrousel (id) {
856
857    let img = undefined,
858        widthWin = window.innerWidth,
859        widthPrp = 0
860
861    img = document.getElementById(id)
862
863    widthPrp = img.width * window.innerHeight / img.height
864
865    if (widthWin < widthPrp) {
866        img.height = window.innerHeight
867        img.width = widthPrp
868        img.style.marginLeft = -((widthPrp / 2) - (widthWin / 2)) + 'px'
869    } else {
870        img.height = img.height * widthWin / img.width
871        img.width = widthWin
872        img.style.marginLeft = '0'
873    }
874
875    checkInit(id)
876}
877function checkInit (id) {
878    initied.push(id)
879    if ((initied.indexOf('source') >= 0) &&
880        (initied.indexOf('topImage0') >= 0) &&
881        (initied.indexOf('topImage1') >= 0) &&
882        (initied.indexOf('topImage2') >= 0)) {
883            document.getElementById('carrouselImages').style.display = 'block'
884            document.getElementById('carrouselTexts').style.display = 'block'
885            runCarrousel()
886    }
887}
888</script>
888
889<div id='carrouselImages' class='topCarrouselBox'>
890    <img id='topImage2' class='topTransition' onload='initCarrousel("topImage2")' src='/web/contact-background.jpg'/>
891    <img id='topImage1' class='topTransition' onload='initCarrousel("topImage1")' src='/web/home-header1.jpg'/>
892    <img id='topImage0' class='topTransition' onload='initCarrousel("topImage0")' src='/web/home-header0.jpg'/>
893</div>
894<div id='carrouselTexts' class='topCarrouselBox'>
895    <div id='topText2' class='carrouselText topTransition'>
896        <div id="topText2Txt">
897            Since 2010 innovating in the IoT sector<br/>to offer valued solutions to over 200 clients<br/><br/>
898        </div>
899        <div id="topText2Btn">
900            <a class="btn btn-danger btn-raised btn-lg button" href="/en/contact">CONTACT</a>
901        </div>
902    </div>
903    <div id='topText1' class='carrouselText topTransition'>
904        Custom projects for: electrical<br/>engineering, IoT and 4.0 Industry<br/><br/><a class="btn btn-danger btn-raised btn-lg button" href="https://modpowengineering.com/?lang=en">READ MORE</a>
905    </div>
906    <div id='topText0' class='carrouselText topTransition'>
907        Improve production whilst<br/>saving on water and fertilizers<br/><br/><a class="btn btn-danger btn-raised btn-lg button" href="https://www.modpowagritech.com/en/">READ MORE</a>
908    </div>
909</div>
910<div class='carrouselButtons'>
911    <div class='carrouselButton' onclick='setCarrousel(0)'><i id='topButton0' class="material-icons">lens</i></div>
912    <div class='carrouselButton' onclick='setCarrousel(1)'><i id='topButton1' class="material-icons">lens</i></div>
913    <div class='carrouselButton' onclick='setCarrousel(2)'><i id='topButton2' class="material-icons">lens</i></div>
914</div>
915<div class='cards'>
916    <a class='card' href='https://www.modpowagritech.com/en/'>
917        <div class='top' style='background-image: url("/web/home-card0-top.jpg");'></div>
918        <img src="/web/home-card0-mid.png"/>
919        <div class='text'><b>ModpoW AgriTechnologies</b> is the agronomic services platform of the <b>ModpoW</b> company. We offer services to agricultural technicians for the water and nutrients management in professional farms. We take into account the problems of the farm and the needs of each crop with the aim of guaranteeing the optimization of resources, the increase in production, the improvement of quality and sustainability.</div>
920    </a>
921    <a class='card' href='https://modpowengineering.com/?lang=en'>
922        <div class='top' style='background-image: url("/web/home-card1-top.jpg");'></div>
923        <img src="/web/home-card1-mid.jpg"/>
924        <div class='text'><b>ModpoW Engineering</b> is the projects division of <strong>ModpoW</strong> company, innovating and developing electronic projects (Industry 4.0, IoT, Ultralow power and Robotics) since 2010. Our services are based on the full support of our customers during the development of their product. We offer the value and expertise of our teams to service for both consolidated companies such as entrepreneurial or startups projects.</div>
925    </a>
926
927    <div class='card'>
928        <div class='top topLogo' style='background-image: url("/web/home-card12-top.png");'></div>
929        <div class='text'><b>ModpoW</b> has been a beneficiary of the <b>Cupons ACCIÓ per començar a exportar</b>, file ACE156/25/000253, a grant aimed at boosting the company's internationalization through specialized advice to structure the export process and facilitate the prospecting of new international clients.<br><br>This action strengthens the international sales strategy of <b>ModpoW</b> and prepares its entry into new markets.</div>
930        <div class='cardFooter'>
931            <div class='supportText'>Amb el suport d’ACCIÓ</div>
932            <img src="/web/home-card10-bot.png"/>
933        </div>
934    </div>
935    <div class='card'>
936        <div class='top topLogo' style='background-image: url("/web/home-card13-top.png");'></div>
937        <div class='text'><b>ModpoW</b> has been a beneficiary of the <b>Kit Espacios de Datos</b> program, file 2026/C055/05793586, to promote its incorporation into a sectoral data space.<br><br>This action facilitates the secure and interoperable exchange of data and the development of new data-based digital services and solutions.</div>
938        <div class='cardFooter logoGrid'>
939            <img src='/web/home-card13-bot-EU.png'/>
940            <img src='/web/home-card13-bot-MINISTERIO.png'/>
941            <img src='/web/home-card13-bot-REDES.png'/>
942            <img src='/web/home-card13-bot-PRTR.png'/>
943        </div>
944    </div>
945
946    <div class='card'>
947        <div class='top topLogo' style='background-image: url("/web/home-card12-top.png");'></div>
948        <div class='text'><b>ModpoW</b> participates together with the <b>Universitat Politècnica de Catalunya</b> in the <b>“ModpoW AgriTechnologies 2.0”</b> project, file ACE100/23/000059, within the framework of the <b>Nuclis R+D Green - Canvi climàtic</b> program, with the support of <b>ACCIÓ</b>.<br><br>The project develops an evolution of the smart irrigation and fertilization platform of <b>ModpoW</b>, incorporating modeling, machine learning and automation to improve the efficiency of water and fertilizer use and move towards a more sustainable agriculture.</div>
949        <div class='cardFooter'>
950            <div class='supportText'>Amb el suport d’ACCIÓ</div>
951            <img src="/web/home-card10-bot.png"/>
952        </div>
953    </div>
954    <a class='card' href='https://www.modpowagritech.com/blog/'>
955        <div class='top' style='background-image: url("/web/home-card2-top.jpg");'></div>
956        <div class='title'>Blog AgriTechnologies</div>
957        <div class='text'>Learn about the latest news for improving irrigation and fertilizer management in our specialized blog. Inside you will find articles about our experience in the precision agriculture sector: new techniques, practical guides, success stories and much more.</div>
958    </a>
959
960    <a class='card' href="/en/kit-digital">
961        <div class='top topLogo' style='background-image: url("/web/home-card3-top.png");'></div>
962        <div class='title'>Request Digital Kit</div>
963        <div class='text'>Get your <b>Digital Kit</b> to help you digitize your business. If you are interested in getting up to €12,000 in aid to digitize your farm, contact us or get more information <span class="urlLookalike">here</span>.</div>
964    </a>
965    <div class='card'>
966        <div class='top topLogo' style='background-image: url("/web/home-card4-top.jpg");'></div>
967        <div class='text'><b>ModpoW</b> is recognized as an <b>Pyme Innovadora</b> by the <b>Ministerio de Economía y competitividad (MINECO)</b>
967.</br></br>The <b>Pyme Innovadora</b> seal is a recognition of companies that have an innovative character.</br></br>Valid until December 10, 2021 (pending renewal).</div>
968        <div class="cardFooter">
969            <img src="/web/home-card4-bot.jpg"/>
970        </div>
971    </div>
972
973    <div class='card'>
974        <div class='top topLogo' style='background-image: url("/web/home-card5-top.png");'></div>
975        <div class='text'><b>ModpoW Engineering</b> is part of the <b>IoT Catalan Alliance</b>.</br></br>The <b>IoT Catalan Alliance</b> is promoted by the <b>Generalitat de Catalunya</b>, within the framework of the <b>SmartCatalonia</b> strategy, to promote this new sector in the country. The alliance is made up of a group of companies and entities that develop and implement technological solutions based on <i>IoT</i> technology.</br></br>The <b>IoT Catalan Alliance</b> is part of the <b>Digital Catalonia Alliance</b>.</div>
976        <div class="cardFooter" style="text-align: center">
977            <img src='/web/DCA-logo.png' style="max-width: 200px" />
978        </div>
979    </div>
980    <div class='card'>
981        <div class='top' style='background-image: url("/web/home-card10-top.jpg"); background-repeat: no-repeat; background-position-y: top;'></div>
982        <div class='text' style="margin-top: 15px;"><b>ModpoW</b> has received funding for the development of the project <b>Estudi i experimentació amb models d’anàlisi Big Data en la detecció de la resposta hídrica del sòl</b> through a subsidy granted by <b>ACCIÓ (Agència per la Competitivat de l’Empresa de la Generalitat de Catalunya)</b> in within the framework of the <b>Cupons Indústria 4.0</b> program in collaboration with <b>inLab FIB</b> of the <b>UPC (Universitat Politècnica de Catalunya)</b>.<br><br>A fundamental element for the competitiveness of the business fabric is access to expert advice in key areas, such as the technological transformation of the industry (industry 4.0). To respond to this need, <b>ACCIÓ</b> promotes voucher subsidies for business competitiveness, which aim to contract an advisory service to suppliers accredited by <b>ACCIÓ</b>.</div>
983        <div class="cardFooter">
984            <img src="/web/home-card10-bot.png"/>
985        </div>
986    </div>
987
988    <div class='card'>
989        <div class='top topLogo' style='background-image: url("/web/home-card11-top.jpg");'></div>
990        <div class='text' style="margin-top: 15px;"><b>ModpoW</b> has received funding for the development of the <b>ModpoW AgriTechnologies lite</b> project through a grant awarded by <b>EOI (Escuela de Organización Industrial)</b> within the framework of the <b>Activa Startups</b> program in collaboration with <b>Cactus Engineering</b>.<br><br><b>Activa Startups</b> is an initiative of the <b>Ministerio de Industria, Comercio y Turismo</b> framed within the strategic areas defined in the <b>Estrategia Nacional de Industria Conectada 4.0</b>, whose objective is to increase industrial added value and qualified employment in the sector, promote a model for the industry of the future by developing the local offer of digital solutions, and promoting differential competitive levers to support Spanish industry and boost its exports.</div>
991        <div class='cardFooter'>
992            <img class="imgEng2" src='/web/home-card11-bot-EU.png'/>
993            <img class="imgEng2" src='/web/home-card11-bot-PRTR.png'/>
994        </div>
995    </div>
996    <div class='card'>
997        <div class='top topLogo' style='background-image: url("/web/home-picture-IoECrops_logo_COTPA.jpg");'></div>
998        <div class='text'><b>ModpoW</b> participates in the <b>IoE Crops</b> project (Exp. COMRDI16-1-0030) with the aim of promoting technological development, innovation and quality research through <b>COTPA</b>, a <b>RIS3CAT</b> community of the agri-food production sector.<br><br>This project has been financed by the <b>European Regional Development Fund</b> of the <b> European Union </b> within the framework of the <b>ERDF</b> operational program of <b>Catalonia</b> 2014-2020.</div>
999        <div class='cardFooter'>
1000            <img class='imgEng2' src='/web/home-picture-IoECrops_logo_UEFEDER.png'/>
1001            <img class='imgEng2' src='/web/home-picture-IoECrops_logo_Generalitat.png'/>
1002        </div>
1003    </div>
1004
1005    <a class='card' href='https://www.modpowagritech.com/en/matai-project/'>
1006        <div class='top topLogo' style='background-image: url("/web/home-card7-top.jpg");'></div>
1007        <div class='text'><b>ModpoW</b> leads the project <b>MATAI - ModpoW AgriTechnologies Artificial Intelligence</b> (Exp. TECSPR18-1-0014). <br><br>This project has received funding from the research and innovation program <b>Horizon 2020</b> of the <b>European Union</b> under the grant agreement <b>Marie Skłodowska-Curie No 712949 (TECNIOspring PLUS)</b>, as well as the <b>Agència per a la Competitivitat de l'Empresa de la Generalitat de Catalonia</b>.</div>
1008        <div class='cardFooter'>
1009            <img class='imgEng2' src='/web/home-picture-Matai_logo_UE.png'/>
1010            <img class='imgEng2' src='/web/home-picture-Matai_logo_Accio.jpg'/>
1011        </div>
1012    </a>
1013    <div class='card'>
1014        <div class='top topLogo' style='background-image: url("/web/home-card8-top.png");'></div>
1015        <div class='text'><b>ModpoW</b> has received partial financing for the company's growth plan through a participating loan granted by <b>ENISA</b>.</br></br><b>ENISA</b> offers financial support to small and medium-sized companies that want to promote their innovative entrepreneurship projects.</div>
1016        <div class='cardFooter' style="text-align: center">
1017            <img src="/web/home-card8-bot.png" style=" max-width: 340px"/>
1018        </div>
1019    </div>
1020
1021    <div class='card'>
1022        <div class='top topLogo' style='background-image: url("/web/home-card9-top.png");'></div>
1023        <div class='text'><b>ModpoW</b> leads the <b>Smart Growth System</b> project (Exp. IPT-2011-2056-060000) within the <b>INNPACTO Subprogram</b> with the aim of promoting the creation of R&D&i cooperation projects between research organizations and companies.</br></br>This project has received funding from the <b>European Regional Development Fund</b> of the <b>European Union</b>
1023.</div>
1024        <div class='cardFooter'>
1025            <img src="/web/home-card9-bot.jpg"/>
1026        </div>
1027    </div>
1028
1029    <!--
1030    <a class='card' href='/en/contact'>
1031        <div class='top'>
1032            <img src='/web/home-picture3.jpg'/>
1033        </div>
1034        <div class='title'>(Error: translation of (TEXT4) not found)</div>
1035        <div class='text'>(Error: translation of (TEXT5) not found)</div>
1036    </a>
1037    -->
1038    <div class='contact'>
1039        <div class='contactText'>For further information or to ask us to help you work out a specific solution, please get in touch with us.</div>
1040        <a class="btn btn-danger btn-raised btn-lg button" href="/en/contact">Contact Us</a>
1041    </div>
1042</div>
1043<script>
1044checkInit('source')
1045</script>
1045
1046<div>
1047    <style>
1048        #moove_gdpr_cookie_info_bar{
1049            -webkit-text-size-adjust: 100%;
1050            line-height: 1.6;
1051            font-size: 16px;
1052            font-weight: 400;
1053            box-sizing: inherit;
1054            display: block;
1055            content-visibility: auto;
1056            position: fixed;
1057            bottom: 0;
1058            left: 0;
1059            width: 100%;
1060            min-height: 60px;
1061            max-height: 400px;
1062            color: #fff;
1063            z-index: 9900;
1064            transition: bottom .3s cubic-bezier(.17,.04,.03,.94);
1065            font-family: Nunito,sans-serif;
1066            text-align: center;
1067            background-color: #202020;
1068            border-top: 1px solid #fff;
1069        }
1070        .moove-gdpr-info-bar-container{
1071            -webkit-text-size-adjust: 100%;
1072            line-height: 1.6;
1073            font-size: 16px;
1074            font-weight: 400;
1075            color: #fff;
1076            text-align: center;
1077            font-family: inherit;
1078            -webkit-font-smoothing: antialiased;
1079            box-sizing: border-box;
1080            padding: 10px 40px;
1081            position: static;
1082            display: inline-block;
1083        }
1084        .moove-gdpr-info-bar-content{
1085            -webkit-text-size-adjust: 100%;
1086            line-height: 1.6;
1087            font-size: 16px;
1088            font-weight: 400;
1089            color: #fff;
1090            font-family: inherit;
1091            -webkit-font-smoothing: antialiased;
1092            box-sizing: border-box;
1093            padding-left: 30px;
1094            padding-right: 30px;
1095            text-align: left;
1096            display: flex;
1097            align-items: center;
1098            width: 100%;
1099        }
1100        .moove-gdpr-cookie-notice{
1101            -webkit-text-size-adjust: 100%;
1102            line-height: 1.6;
1103            font-size: 16px;
1104            font-weight: 400;
1105            color: #fff;
1106            text-align: left;
1107            font-family: inherit;
1108            -webkit-font-smoothing: antialiased;
1109            box-sizing: border-box;
1110        }
1111        .moove-gdpr-cookie-notice > p{
1112            -webkit-text-size-adjust: 100%;
1113            text-align: left;
1114            font-family: inherit;
1115            -webkit-font-smoothing: antialiased;
1116            box-sizing: border-box;
1117            margin: 0;
1118            font-size: 14px;
1119            line-height: 18px;
1120            font-weight: 700;
1121            padding-bottom: 0;
1122            color: #fff;
1123        }
1124        .moove-gdpr-button-holder{
1125            -webkit-text-size-adjust: 100%;
1126            line-height: 1.6;
1127            font-size: 16px;
1128            font-weight: 400;
1129            color: #fff;
1130            text-align: left;
1131            font-family: inherit;
1132            -webkit-font-smoothing: antialiased;
1133            box-sizing: border-box;
1134            display: flex;
1135            align-items: center;
1136            padding-left: 3vw;
1137        }
1138        .mgbutton{
1139            -webkit-text-size-adjust: 100%;
1140            overflow: visible;
1141            -webkit-appearance: button;
1142            font-family: inherit;
1143            -webkit-font-smoothing: antialiased;
1144            box-sizing: border-box;
1145            outline: none;
1146            font-size: 14px;
1147            line-height: 20px;
1148        }
1149
1150        .mgbutton:hover{
1151            background-color: #fff;
1152        }
1153
1154        .moove-gdpr-infobar-allow-all{
1155            color: #fff;
1156            font-weight: 700;
1157            text-decoration: none;
1158            border-radius: 150px;
1159            padding: 8px 30px;
1160            transition: all .3s ease;
1161            border: none;
1162            display: inline-block;
1163            margin: 3px 4px;
1164            white-space: nowrap;
1165            text-transform: none;
1166            letter-spacing: 0;
1167            cursor: pointer;
1168            background-color: #0c4da2;
1169        }
1170        .moove-gdpr-infobar-allow-all:hover{
1171            color: #0c4da2;
1172        }
1173        .moove-gdpr-infobar-settings-btn{
1174            font-weight: 700;
1175            text-decoration: none;
1176            border-radius: 150px;
1177            padding: 8px 30px;
1178            transition: all .3s ease;
1179            border: none;
1180            display: inline-block;
1181            margin: 3px 4px;
1182            white-space: nowrap;
1183            text-transform: none;
1184            letter-spacing: 0;
1185            border-color: transparent;
1186            cursor: pointer;
1187            background-color: transparent;
1188            box-shadow: inset 0 0 0 1px currentColor;
1189            opacity: .7;
1190            color: #fff;
1191        }
1192
1193        .moove-gdpr-infobar-settings-btn:hover{
1194            color: #202020;
1195        }
1196
1197        .change-settings-button{
1198            -webkit-text-size-adjust: 100%;
1199            text-align: left;
1200            font-size: 14px;
1201            line-height: 18px;
1202            font-weight: 700;
1203            color: #fff;
1204            font-family: inherit;
1205            -webkit-font-smoothing: antialiased;
1206            box-sizing: border-box;
1207            text-decoration: underline;
1208            cursor: pointer;
1209            transition: all .2s ease;
1210        }
1211
1212    </style>
1213    <aside id="moove_gdpr_cookie_info_bar" class="moove-gdpr-align-center moove-gdpr-d
1213ark-scheme gdpr_infobar_postion_bottom" role="note" aria-label="Banner de cookies RGPD" style="">
1214        <div class="moove-gdpr-info-bar-container">
1215            <div class="moove-gdpr-info-bar-content">
1216                <div class="moove-gdpr-cookie-notice">
1217                    <p>We are using cookies to give you the best experience on our website.</p>
1218                    <p>You can find out more about which cookies we are using or switch them off in settings.</span>.</p>
1219                </div>
1220                <!--  .moove-gdpr-cookie-notice -->
1221                <div class="moove-gdpr-button-holder">
1222                    <button class="mgbutton moove-gdpr-infobar-allow-all" aria-label="Aceptar" id="cookieAccept">Accept</button>
1223                    <button class="mgbutton moove-gdpr-infobar-settings-btn change-settings-button" data-href="#moove_gdpr_cookie_modal" aria-label="Ajustes" id="cookieSettings">Settings</button>
1224                </div>
1225                <!--  .button-container -->
1226            </div>
1227            <!-- moove-gdpr-info-bar-content -->
1228        </div>
1229        <!-- moove-gdpr-info-bar-container -->
1230    </aside>
1231    <style>
1232        @media only screen and (min-device-width: 601px) {
1233            #phTopBar{
1234                display: none;
1235            }
1236        }
1237        @media only screen and (max-device-width: 600px) {
1238            #pcTopBar{
1239                display: none;
1240            }
1241        }
1242        .cookiePopoutWrap{
1243            z-index: 9990;
1244            position: fixed;
1245            top: 0;
1246            right: 0;
1247            bottom: 0;
1248            left: 0;
1249            text-align: center;
1250            outline: none!important;
1251            background: rgba(0,0,0,.9);
1252            display: none;
1253        }
1254        .cookiePopoutContainer{
1255            z-index: 9992;
1256            text-align: left;
1257            vertical-align: middle;
1258            display: flex;
1259            white-space: normal;
1260            width: 100%;
1261            height: 100%;
1262            outline: none!important;
1263        }
1264        .cookiePopoutCenter{
1265            margin: auto;
1266        }
1267        .cookiePopoutContent{
1268            color: #000;
1269            background-color: #F0F4F8;
1270            width: 900px;
1271            width: 80vw;
1272            max-width: 1170px;
1273            min-height: 600px;
1274            border-radius: 10px;
1275            position: relative;
1276            margin: 0 auto;
1277            display: flex;
1278        }
1279        .cookiePopoutClose{
1280            position: absolute;
1281            top: 0%;
1282            right: 0%;
1283            width: 50px;
1284            height: 50px;
1285            transform: translate(50%, -50%);
1286            background-color: #0c4da2;
1287            border: 1px solid #0c4da2;
1288            color: #F0F4F8;
1289            border-radius: 100%;
1290            font-size: 40px;
1291        }
1292        .cookiePopoutClose:hover{
1293            background-color: #F0F4F8;
1294            color: #0c4da2;
1295        }
1296        .cookiePopoutClose > span{
1297            position: absolute;
1298            top: 50%;
1299            right: 50%;
1300            transform: translate(50%, -50%);
1301        }
1302        .cookiePopoutBody{
1303            padding: 20px;
1304            padding-top: 10px;
1305            display: flex;
1306            flex-direction: column;
1307        }
1308        .cookiePopoutMain{
1309            width: 100%;
1310            overflow: hidden;
1311            flex: 7;
1312        }
1313        .cookiePopoutMain > p, .cookiePopoutText > p{
1314            padding-right: 30%;
1315            padding-bottom: 10px;
1316        }
1317        .cookieTopBar{
1318            display: flex;
1319        }
1320        .cookiePopoutTitle{
1321            padding-right: 20%;
1322        }
1323
1324        .cookiePopoutTitle > h2{
1325            margin-top: auto;
1326            margin-bottom: auto;
1327        }
1328        .cookieTopBar > img {
1329            margin-left: auto;
1330            margin-right: 3%;
1331            margin-top: 3%;
1332            display: inline-block;
1333            width: auto;
1334            max-height: 100px;
1335        }
1336        .cookiePopoutText {
1337            display: flex;
1338        }
1339        .cookiePopoutBarSwitch{
1340            position: relative;
1341            display: inline-block;
1342            width: 50px;
1343            height: 30px;
1344        }
1345        .cookiePopoutBarSwitch > input {
1346            display: none;
1347        }
1348        .cookiePopoutBarSlider{
1349            position: relative;
1350            width: 50px;
1351            height: 30px;
1352            display: block;
1353            border-radius: 34px;
1354            cursor: pointer;
1355            top: 0;
1356            left: 0;
1357            right: 0;
1358            bottom: 0;
1359            background-color: red;
1360            transition: .4s;
1361            margin: 0;
1362            padding: 0;
1363            overflow: visible;
1364            box-sizing: border-box;
1365        }
1366        .cookiePopoutBarSlider:before {
1367            background-color: #F0F4F8;
1368            bottom: 1px;
1369            content: "";
1370            height: 28px;
1371            left: 1px;
1372            position: absolute;
1373            transition: .4s;
1374            width: 28px;
1375            border-radius: 34px;
1376        }
1377        .cookiePopoutBarSwitch > input:checked + .cookiePopoutBarSlider {
1378            background-color: #2e9935;
1379        }
1380        .cookiePopoutBarSwitch > input:checked + .cookiePopoutBarSlider::before {
1381            transform: translateX(20px);
1382        }
1383        .cookiePopoutBarSwitch > input:checked + .cookiePopoutBarSlider::after{
1384            content: attr(data-text-enable);
1385            color: #2e9935;
1386        }
1387        .cookiePopoutBarSlider::after{
1388            content: attr(data-text-disabled);
1389            position: absolute;
1390            top: 0;
1391            font-weight: 700;
1392            font-size: 16px;
1393            line-height: 30px;
1394            color: red;
1395            display: block;
1396            white-space: nowrap;
1397            text-align: right;
1398            left: auto;
1399            right: 60px;
1400            transition: .4s;
1401        }
1402        .cookiePopoutFooter{
1403            width: 100%;
1404            flex: 2;
1405            align-items: center;
1406            display: flex;
1407        }
1408
1409        .cookiePopoutFooter::before{
1410            content: "";
1411            position: absolute;
1412            bottom: 130px;
1413            left: 60px;
1414            right: 60px;
1415            height: 1px;
1416            display: block;
1417            background-color: #c9c8c8;
1418        }
1419        .cookiePopoutFooterButtons > button{
1420            border: 2px solid #0c4da2;
1421        }
1422        .hide-button{
1423            display: none;
1424        }
1425        
1426        @media only screen and (max-device-width: 600px) {
1427            .cookiePopoutCenter{
1428                position: absolute;
1429                top: 10%;
1430                left: 50%;
1431                transform: translate(-50%, 0%);
1432            }
1433            .cookiePopoutTitle > h2{
1434                font-size: 35px;
1435                font-weight: 500;
1436            }
1437            .cookieTopBar {
1438                flex-direction: column;
1439            }
1440            .cookiePopoutTitle {
1441                display: flex;
1442                flex-direction: row;
1443                width: 100%;
1444            }
1445            .cookiePopoutTitle > img {
1446                margin-left: auto;
1447                margin-right: 3%;
1448                display: inline-block;
1449                width: auto;
1450                max-height: 100px;
1451            }
1452            .cookiePopoutText{
1453                display: flex;
1454                flex-direction: column;
1455            }
1456            .cookiePopoutBarContainer{
1457                text-align: right;
1458                padding-right: 5%;
1459            }
1460            .cookiePopoutText > p {
1461                padding-right: 1%;
1462                margin-bottom: 5px;
1463            }
1464            .moove-gdpr-info-bar-content{
1465                padding-left: 5px;
1466                padding-right: 5px;
1467            }
1468            .moove-gdpr-button-holder{
1469                flex-direction: column;
1470            }
1471        }
1472        @media only screen and (max-device-width: 420px) {
1473            .cookieTopBar > p, .cookiePopoutText > p{
1474                font-size: smaller;
1475                margin-bottom: 0;
1476            }
1477            .cookiePopoutTitle > h2 {
1478                font-size: large;
1479            }
1480
1481            .cookiePopoutTitle > img {
1482                width: auto;
1483                height: 50px;
1484            }
1485
1486            .cookiePopoutMain > h3{
1487                font-size: medium;
1488            }
1489            .cookiePopoutFooterButtons{
1490                display: flex;
1491                flex-direction: row;
1492                margin-left: auto;
1493                margin-right: auto;
1494            }
1495            .cookiePopoutFooterButtons > button{
1496                padding: 8px 15px;
1497            }
1498            .cookiePopoutMain{
1499                overflow: scroll;
1500                overflow-x: hidden;
1501            }
1502        }
1503
1504        @media only screen and (max-device-height: 670px){
1505            .cookiePopoutCenter{
1506                position: absolute;
1507                top: 5%;
1508                left: 50%;
1509                transform: translate(-50%, 0%);
1510            }
1511        }
1512        .cookiePopoutMain h3{
1513            font-family: "Open Sans";
1514        }
1515    </style>
1516    <div class="cookiePopoutWrap" id="cookiePopoutWrap">
1517        <div class="cookiePopoutContainer">
1518            <div class="cookiePopoutCenter" id="cookiePopoutCenter">
1519                <div class="cookiePo
1519poutContent">
1520                    <button class="cookiePopoutClose" aria-label="Close alert" type="button" id="cookiePopoutBtnClose"data-close>
1521                        <span aria-hidden="true">&times;</span>
1522                    </button>
1523                    <div class="cookiePopoutBody">
1524                        <div class="cookiePopoutMain">
1525                            <div class="cookieTopBar" id="pcTopBar">
1526                                <div class="cookiePopoutTitle">
1527                                    <h3>Privacy Overview</h3>
1528                                    <p>This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.</p>
1529                                </div>
1530                                <img src="/web/cookie-logo.png" alt="Favicon" width="300" height="300"/>
1531                            </div>
1532                            <div class="cookieTopBar" id="phTopBar">
1533                                <div class="cookiePopoutTitle">
1534                                    <h3>Privacy Overview</h3>
1535                                    <img src="/web/cookie-logo.png" alt="Favicon" width="300" height="300"/>
1536                                </div>
1537                                <p>This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.</p>
1538                            </div>
1539                           
1540                            
1541                            <h3>3rd Party Cookies</h3>
1542                            <div class="cookiePopoutText">
1543                                <p>This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.</br></br>Keeping this cookie enabled helps us to improve our website.</p>
1544                                <div class="cookiePopoutBarContainer">
1545                                    <div class="cookiePopoutBarWrap">
1546                                        <label class="cookiePopoutBarSwitch" for="toggle_cookies">
1547                                            <input type="checkbox" aria-label="3rd Party Cookies" value="check" name="toggle_cookies" id="toggle_cookies">
1548                                            <span class="cookiePopoutBarSlider" data-text-enable="Enabled" data-text-disabled="Disabled"></span>
1549                                        </label>
1550                                    </div>
1551                                </div>
1552                            </div>
1553                        </div>
1554                        <div class="cookiePopoutFooter">
1555                            <div class="cookiePopoutFooterButtons">
1556                                <button class="mgbutton moove-gdpr-infobar-allow-all" aria-label="Enable All" style="" id="cookieButtonAct">Enable All</button>
1557                                <button class="mgbutton moove-gdpr-infobar-allow-all" aria-label="Save Settings" style="display: inline-block;"id="cookieButtonSave">Save Settings</button>
1558                            </div>
1559                        </div>
1560                    </div>
1561                    
1562                </div>
1563            </div>
1564        </div>
1565    </div>
1566    
1566<script>
1567        const popout = document.getElementById("cookiePopoutWrap");
1568        const popoutCenter = document.getElementById("cookiePopoutCenter");
1569        const popoutBar = document.getElementById("moove_gdpr_cookie_info_bar");
1570        const btnClosePopout = document.getElementById("cookiePopoutBtnClose");
1571        const btnCookieAccept = document.getElementById("cookieAccept");
1572        const btnCookieSettings = document.getElementById("cookieSettings");
1573        const btnCookieAct = document.getElementById("cookieButtonAct");
1574        const btnCookieSave = document.getElementById("cookieButtonSave");
1575        const tggCookies = document.getElementById("toggle_cookies");
1576
1577        popout.addEventListener("click", closePopout);
1578        popoutCenter.addEventListener("click", waste);
1579
1580        btnClosePopout.addEventListener("click", closePopout);
1581        btnCookieSettings.addEventListener("click", openPopout);
1582        btnCookieSave.addEventListener("click", saveCookies);
1583        btnCookieAct.addEventListener("click", activateCookies);
1584        btnCookieAccept.addEventListener("click", activateCookies);
1585
1586        tggCookies.addEventListener("change", toggleCookies);
1587
1588        function saveCookies(){
1589            if(tggCookies.checked){
1590                activateCookies();
1591            }
1592            else{
1593                localStorage.setItem("cookieStatus", "disabled");
1594                popoutBar.style.display="none";
1595                closePopout();
1596            }
1597        }
1598
1599        function activOnCookies(){
1600            tggCookies.checked = true;
1601            toggleCookies();
1602        }
1603
1604        function toggleCookies(){
1605            if (tggCookies.checked){
1606                btnCookieAct.style.display = "none";
1607            }
1608            else{
1609                btnCookieAct.style.display = "inline-block";
1610            }
1611        }
1612        function closePopout(){
1613            popout.style.display = 'none';
1614        }
1615        function openPopout(){
1616            popout.style.display = 'block';
1617        }
1618        function waste(e){
1619            e.stopPropagation();
1620            return false;
1621        }
1622        function showCookieFooter(){
1623            if (localStorage.getItem("cookieStatus") === null){
1624                document.getElementById("moove_gdpr_cookie_info_bar").style.display = "block";
1625            }
1626            else{
1627                document.getElementById("moove_gdpr_cookie_info_bar").style.display = "none";
1628            }
1629        }
1630        function activateCookies(){
1631            localStorage.setItem("cookieStatus", "active");
1632            popoutBar.style.display="none";
1633            closePopout();
1634            location.reload();
1635        }
1636        showCookieFooter();
1637    </script>
1637
1638</div>
1639</div>
1640
1641<style>
1642.footer {
1643    background-color: #374147;
1644    display: flex;
1645    flex-direction: row;
1646    margin-top: 32px;
1647    padding: 16px;
1648}
1649@media only screen and (max-width: 480px) {
1650    .footer {
1651        flex-direction: column;
1652    }
1653}
1654.footerLink {
1655    opacity: 0.5;
1656}
1657.footerLink:hover {
1658    opacity: 1;
1659}
1660.footerImg {
1661    margin-right: 8px;
1662    height: 32px;
1663    vertical-align: middle;
1664    width: 32px;
1665}
1666.footerTxt {
1667    color: #fff;
1668    display: flex;
1669    flex-direction: column;
1670    flex-grow: 1;
1671    font-family: "Open Sans";
1672    font-size: 14px;
1673    font-weight: normal;
1674    justify-content: center;
1675    min-height: 32px;
1676    text-align: right;
1677}
1678.footerTxtLink{
1679    color: #fff;
1680}
1681</style>
1682<div class="footer">
1683    <div>
1684        <a class="footerLink" href="//twitter.com/modpowsl" target="_blank"><img class="footerImg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABm1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8scpb8AAAAiHRSTlMAAAECAwQFBgcICQoLDA0PEBESExUXGBkaGxwdHh8gJSYnKC00Njg5Ojw9RUZHSElKS0xNT1NVWFtdXl9iY2RmZ21vcHl6fH+EiYuMjY6TlJaXmJmam5+go6axsri5v8HDxsrLzc7P0NHS1NXW19jb3uHi5OXn6+zt7u/w8vP09fb3+fr7/P3+TOBINgAAAm9JREFUeAGl1/tfs3Mcx/HXZ4e50ew+jG4RESMqh4RoiBxyZijmkHRAhVBpRTrM3n+2Wlv32vXddX3b9fz9ev30eVyP95c6g6c+Xaoce9pZ/HgEjHPG5JEu6d+XWgq5NXVhJUtDn7p0D6csp65lDYx1dW0Jg6JimACqiuEfeFaxPMnniuVDfpKf2gkFLbAnH1Pp5InM6zpXVd0W8jCWwACMxDOq28xvqu4ANfX/rQ6uYTQY1yW9fZVetQf2SVfllOWC264BVAKBz4zMkRxuEmDMKxB4BCy9oYCvCDC+U6X4UVvAAOMLtallCEiMPJ5nQG2BRntMFx0aLnal1h7o40yurFYlXOzGodoDb3DGKKy2ngBBRkEKBP6gyRj6Rk1P4NArR6DKLcYd04uqG8HhQVdAZYwLht/7em3nff+AHsbFCCq4AjtSHk8TjkCN11YPH8JPyRFQjwGGlw1XYMrwlZQr8Be+7HZnoJYwPA04A/od30LZHdAL+MmoQ0CP4eX+jgG9ixHt584B7T5HVMOuq3NgbuWHmTwRZkMCV4i8RruhkMCvRPs+LKBRojyq0ID6/a/YHdAwRkfGt5EBzfWEJN5SdEAqvzh4E6fn5Qo4bA/iMiq/wH8zGAHGuLwCe7O4GG/KI7C9MI7bnfMKDXz5TumDyQJgOBhDUnhAW/eC0UH+N0UGpD8fSOGSuHtdDu4fyl2tDQNSPdMKddA+NBdfzaVTyWQimUylrxaXFWXLOXVrp+RlIf7Yjj33qSqGfeCVmE8e4xd1bQWL/+wD7lOXemnIrasLP2ZpMopHuqSDlzFaCjxdWt499lRZ+mSUxvf/A177fZGARr+kAAAAAElFTkSuQmCC"></a>
1685        <a class="footerLink" href="//www.linkedin.com/company/modpow?trk=biz-analytics-hyc-co-name" target="_blank"><img class="footerImg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABVlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8yE6ggAAAAcXRSTlMAAAECAwYIDA8QEhgZHB0fISQmKSotLi8xMjxAQkVHSElKS0xSU1VdXl9iY2RlaG11foaJjJKTlJaXmJmbnqGiqK2vsLGytLW9v8PKy83Oz9DR0tbX2Nnb3N3e3+Dh4unr7u/w8fLz9PX29/j5+vv8/hZq2lcAAAG3SURBVHgB7dfZT1NREIDxb+rSuu/7gjtq3XdRBMVFqNaKuCCgbbFQQND5/1/MJWfubWMw95zzIkl/b9NkvrQvzRlWCZwaqDZXcmq8fXAShJRweVk9LVxEMKUPGqBWxNmhgbaRkJIGKwoIExqsikBZI/QDvzTCPJzVKCd4rFHuMa6dPg2P+v2kCi3NnCsAha1zml8dzexBWNXW3BbRVM326Q8LHCEVFkAw7aDA7thv8AJHjoUFdLPb50tg4Od+QNj4Rr0DZuzm1RtPVQMD5j8ONOpL/w48d0a+JtP8M5tnVPX7nV0kzr9eO/Abcz8ZJzGDqrdwhA2VNQPSFZjqCBwmI9zOF5jGDB2lkzCQK/AN00c3oeUX+NsW74DQbcE3UNh77cImEcx1v4Ac18QoGZ+A7asOkVryCfBDHVJzPoEzasqYWZ/AXTVPBKfpExhU8xJHGmGBV5h1EZiODUzFB3qBSXqBzzkDrbhAnfEscMg5OJyMM/tsHlEzdsA+s3+5SvRjO/q5H3lwtIErkSeP8FGD1ZDosy+xUwNtxylNaID3RYxQXlZPi5e6z3dOP3o3u5JTs/qwD7f/B2TCHStJRcmuAAAAAElFTkSuQmCC"></a>
1686        <a class="footerLink" href="//www.facebook.com/modpowsl" target="_blank"><img class="footerImg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAA81BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9YqtblAAAAUHRSTlMAAAECAwQFBggMDxEYGRocHR4kPERFR0hJSkxRXV5fYmNkeYCHk5aXmJmbpaapucjKzc7P0NHS1dbX2N7f4eTn6Ovu7/Dx8vT19vf4+vv8/q+rhnAAAAFWSURBVHgB7dNZzxIxFIDh9/AtMqPiorggKi6g4iIOiOCOCCIL0///a3T4pk1IuOj0XHAzz02TJn2TnrTsCNx7mUw3nn596NwBwREer01Bfx8iWPHIBBhE5K6ZQFfISGyCRQLC2ARLEGgZhSawNQp/oGFU6nSNSpuh8Zamiy9fV+l/xukxN35mD05OhEylcsk4EzyHVRME69Q4S7/Ac/acFQ08RVSBBGHPecHAZVAF3qEM1HAkaAZVclJ99vpt5k2xgNjzN4xVKDDD6oQFfmK91wZGRwiUgeUq8w2rv7I8A1wQtzr+gcNOtYEzbeD82AFRX+GmNnAr7B1UsG57BtKdH1if0lz5nQ8EykAZmOsCE4a6QI+uLtCmoQvUYasJLIAnmkAThM/hgQECEocHIiFzPTRwlVw8Dgl8jLCE1rpoYPkIwRG4/6r/e3PId6yh3ZomL+6CkPkH53D0I53oMpoAAAAASUVORK5CYII="></a>
1687    </div>
1688    <div class="footerTxt">
1689        <a class="footerLink footerTxtLink" href="/es/legal-policy">Legal Policy</a>
1690    </div>
1691    <div class="footerTxt">v5.3.3 © ModpoW 2022</div>
1692</footer>
1693</body>
1694</html>

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.