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> </div> 472 <div id='menuTech' class='menuLnkBox'><a class='menuLnk' href='/en/kit-digital'>Kit Digital</a> </div> 473 <div id='menuCons' class='menuLnkBox'><a class='menuLnk' href='/en/kit-consulting'>Kit Consulting</a> </div> 474 <div id='menuSolt' class='menuLnkBox'><a class='menuLnk' href='https://www.modpowagritech.com/en/'>Solution</a> </div> 475 <div id='menuServ' class='menuLnkBox'><a class='menuLnk' href='https://modpowengineering.com/?lang=en'>Services</a> </div> 476 <div id='menuBlog' class='menuLnkBox'><a class='menuLnk' href='/en/blog'>Blog</a> </div> 477 <div id='menuCont' class='menuLnkBox'><a class='menuLnk' href='/en/contact'>Contact us</a> </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> </div> 494 <div id='menuTech' class='menuSmallRow'><a class='menuLnk' href='/en/kit-digital'>Kit Digital</a> </div> 495 <div id='menuCons' class='menuSmallRow'><a class='menuLnk' href='/en/kit-consulting'>Kit Consulting</a> </div> 496 <div id='menuSolt' class='menuSmallRow'><a class='menuLnk' href='https://www.modpowagritech.com/en/'>Solution</a> </div> 497 <div id='menuServ' class='menuSmallRow'><a class='menuLnk' href='https://modpowengineering.com/?lang=en'>Services</a> </div> 498 <div id='menuBlog' class='menuSmallRow'><a class='menuLnk' href='/en/blog'>Blog</a> </div> 499 <div id='menuCont' class='menuSmallRow'><a class='menuLnk' href='/en/contact'>Contact us</a> </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">×</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.