/* screen - controller-demo */

.controller-demo {
  background-color: var(--black);
  height: 768px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1366px;
}

.controller-demo .feeders-2v5U0L {
  background-color: transparent;
  height: 656px;
  left: 208px;
  object-fit: cover;
  position: absolute;
  top: 112px;
  width: 1158px;
}

.controller-demo .rectangle-60-2v5U0L {
  background-color: var(--daintree);
  height: 656px;
  left: 208px;
  opacity: 0.9;
  position: absolute;
  top: 112px;
  width: 1158px;
}

.controller-demo .machines_landing_machines_header-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 233px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 132px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .machines_landing_subheader2-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 233px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 178px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .component-1-16-2v5U0L {
  background-color: transparent;
  height: 1px;
  left: 965px;
  position: absolute;
  top: 743px;
  width: 401px;
}

.controller-demo .line-5-sd1O4p {
  height: calc(100.00% + 1px);
  left: 0px;
  top: 0px;
  width: 100%;
}

.controller-demo .group-12-2v5U0L {
  background-color: transparent;
  height: 552px;
  left: 208px;
  position: absolute;
  top: 216px;
  width: 529px;
}

.controller-demo .rectangle-41-LCycav {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.controller-demo .line-6-2v5U0L {
  background-color: transparent;
  height: 3px;
  left: 208px;
  object-fit: cover;
  position: absolute;
  top: 213px;
  width: 1158px;
}

.controller-demo .hog-1-2v5U0L {
  background-color: transparent;
  height: 288px;
  left: 737px;
  overflow: hidden;
  position: absolute;
  top: 217px;
  width: 629px;
}

.controller-demo .line-9-2v5U0L {
  background-color: transparent;
  height: 198px;
  left: 1096px;
  object-fit: cover;
  position: absolute;
  top: 522px;
  width: 1px;
}

.controller-demo .caractristiques-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 220px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  top: 527px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .line-5-2v5U0L {
  height: 3px;
  left: 220px;
  top: 562px;
  width: 517px;
}

.controller-demo .line-19-2v5U0L {
  background-color: transparent;
  height: 11px;
  left: 737px;
  object-fit: cover;
  position: absolute;
  top: 494px;
  width: 629px;
}

.controller-demo .main-header-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: 112px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1366px;
}

.controller-demo .header-xGj4wU {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.controller-demo .controller_image-3_fr-en-2v5U0L {
  background-color: transparent;
  height: 291px;
  left: 220px;
  overflow: hidden;
  position: absolute;
  top: 224px;
  width: 500px;
}

.controller-demo .controller_image-3_fr-en-2v5U0L video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.controller-demo .controller_image-3_fr-en-2v5U0L img {
  object-fit: cover;
}

.controller-demo .group-21-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: 59px;
  left: 1119px;
  pointer-events: auto;
  position: absolute;
  top: 513px;
  transition: all 0.2s ease;
  width: 53px;
}

.controller-demo .group-21-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .intro-MfNUAJ {
  background-color: transparent;
  bottom: -4px;
  height: 19px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 11px);
}

.controller-demo .component-10-44-MfNUAJ {
  background-color: transparent;
  height: calc(100.00% - 19px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.controller-demo .component-22-56-mpqJHt {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 15px);
  left: 9px;
  pointer-events: auto;
  position: absolute;
  top: 8px;
  transition: all 0.2s ease;
  width: calc(100.00% - 17px);
}

.controller-demo .component-22-56-mpqJHt:hover {
  transform: scale(1.1);
}

.controller-demo .rectangle-2-2v5U0L {
  background-color: var(--daintree);
  height: 656px;
  left: 0px;
  position: absolute;
  top: 112px;
  width: 208px;
}

.controller-demo .aperu-du-kiosque-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 18px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 141px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .aperu-du-kiosque-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .group-18-2v5U0L {
  background-color: transparent;
  height: 29px;
  left: 0px;
  position: absolute;
  top: 254px;
  width: 127px;
}

.controller-demo .path-28-hX7KTi {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.controller-demo .avicole-hX7KTi {
  background-color: transparent;
  height: calc(100.00% - 3px);
  left: calc(44.44% - 32px);
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 6px;
  white-space: nowrap;
  width: 73px;
}

.controller-demo .solution-bioscurit-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 48px;
  letter-spacing: 0.00px;
  line-height: 15px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 432px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .solution-bioscurit-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .gestion-de-la-moule-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 48px;
  letter-spacing: 0.00px;
  line-height: 15px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 392px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .gestion-de-la-moule-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .contrleur-maximus-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 48px;
  letter-spacing: 0.00px;
  line-height: 15px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 294px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .contrleur-maximus-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .solution-prvention-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 48px;
  letter-spacing: 0.00px;
  line-height: 15px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 464px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .solution-prvention-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .webinaires-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 48px;
  letter-spacing: 0.00px;
  line-height: 15px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 492px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .webinaires-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .path-1-2v5U0L {
  background-color: transparent;
  height: 216px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 287px;
  width: 13px;
}

.controller-demo .line-1-2v5U0L {
  background-color: transparent;
  height: 1px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 368px;
  width: 13px;
}

.controller-demo .line-2-2v5U0L {
  background-color: transparent;
  height: 1px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 335px;
  width: 13px;
}

.controller-demo .line-3-2v5U0L {
  background-color: transparent;
  height: 1px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 302px;
  width: 13px;
}

.controller-demo .line-4-2v5U0L {
  background-color: transparent;
  height: 1px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 335px;
  width: 13px;
}

.controller-demo .copyright-2v5U0L {
  background-color: transparent;
  height: 15px;
  left: 1134px;
  position: absolute;
  top: 743px;
  width: 192px;
}

.controller-demo .maximus-solution-tous-droits-rservs-9uN8RW {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  position: absolute;
  text-align: left;
  top: 2px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.controller-demo .accueil-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 18px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 213px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .accueil-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .solution-maximus-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 48px;
  letter-spacing: 0.00px;
  line-height: 15px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 358px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .solution-maximus-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .maximus-software-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 48px;
  letter-spacing: 0.00px;
  line-height: 15px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 326px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .maximus-software-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .line-20-2v5U0L {
  background-color: transparent;
  height: 1px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 401px;
  width: 13px;
}

.controller-demo .line-21-2v5U0L {
  background-color: transparent;
  height: 1px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 434px;
  width: 13px;
}

.controller-demo .visite-du-kiosque-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 18px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 177px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .visite-du-kiosque-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .langue-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1278px;
  letter-spacing: 0.00px;
  line-height: 15px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 82px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .langue-2v5U0L:hover {
  transform: translate(5px, 0);
}

.controller-demo .line-22-2v5U0L {
  background-color: transparent;
  height: 1px;
  left: 32px;
  object-fit: cover;
  position: absolute;
  top: 467px;
  width: 13px;
}

.controller-demo .rectangle-12-2v5U0L {
  background-color: var(--chateau-green);
  height: 29px;
  left: 0px;
  position: absolute;
  top: 630px;
  width: 208px;
}

.controller-demo .voir-les-autres-domaines-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 14px;
  letter-spacing: 0.00px;
  line-height: 16px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 636px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.controller-demo .voir-les-autres-domaines-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .group-22-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: 59px;
  left: 1195px;
  pointer-events: auto;
  position: absolute;
  top: 513px;
  transition: all 0.2s ease;
  width: 53px;
}

.controller-demo .group-22-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .dmo-j350xZ {
  background-color: transparent;
  bottom: -4px;
  height: 19px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 13px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 40px;
}

.controller-demo .component-10-66-j350xZ {
  background-color: transparent;
  height: calc(100.00% - 19px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.controller-demo .component-22-56-RxDH62 {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 15px);
  left: 9px;
  pointer-events: auto;
  position: absolute;
  top: 8px;
  transition: all 0.2s ease;
  width: calc(100.00% - 17px);
}

.controller-demo .component-22-56-RxDH62:hover {
  transform: scale(1.1);
}

.controller-demo .group-25-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: 59px;
  left: 1261px;
  pointer-events: auto;
  position: absolute;
  top: 513px;
  transition: all 0.2s ease;
  width: 88px;
}

.controller-demo .group-25-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .gnratrice-PYtLrz {
  background-color: transparent;
  bottom: -4px;
  height: 19px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 13px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.controller-demo .component-10-67-PYtLrz {
  background-color: transparent;
  height: 40px;
  left: 17px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 35px);
}

.controller-demo .component-22-56-wrAsYv {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 15px);
  left: 9px;
  pointer-events: auto;
  position: absolute;
  top: 8px;
  transition: all 0.2s ease;
  width: calc(100.00% - 17px);
}

.controller-demo .component-22-56-wrAsYv:hover {
  transform: scale(1.1);
}

.controller-demo .group-31-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: 59px;
  left: 1119px;
  pointer-events: auto;
  position: absolute;
  top: 585px;
  transition: all 0.2s ease;
  width: 53px;
}

.controller-demo .group-31-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .eau-fG8gPx {
  background-color: transparent;
  bottom: -4px;
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 13px;
  position: absolute;
  right: calc(46.15% - 12px);
  text-align: left;
  white-space: nowrap;
  width: 27px;
}

.controller-demo .component-10-68-fG8gPx {
  background-color: transparent;
  height: calc(100.00% - 19px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.controller-demo .component-22-56-Nt1yWY {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 15px);
  left: 9px;
  pointer-events: auto;
  position: absolute;
  top: 8px;
  transition: all 0.2s ease;
  width: calc(100.00% - 17px);
}

.controller-demo .component-22-56-Nt1yWY:hover {
  transform: scale(1.1);
}

.controller-demo .group-32-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: 59px;
  left: 1189px;
  pointer-events: auto;
  position: absolute;
  top: 585px;
  transition: all 0.2s ease;
  width: 82px;
}

.controller-demo .group-32-2v5U0L:hover {
  transform: scale(1.1);
}

.controller-demo .dbit-oeufs-0W5W7C {
  background-color: transparent;
  bottom: -4px;
  height: 19px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.controller-demo .component-10-69-0W5W7C {
  background-color: transparent;
  height: 40px;
  left: 14px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 29px);
}

.controller-demo .component-22-56-TOVFx1 {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 15px);
  left: 9px;
  pointer-events: auto;
  position: absolute;
  top: 8px;
  transition: all 0.2s ease;
  width: calc(100.00% - 17px);
}

.controller-demo .component-22-56-TOVFx1:hover {
  transform: scale(1.1);
}

.controller-demo .collecte-de-donnes-en-temps-rel-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 250px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 584px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .accs-distance-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 505px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 580px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .garantie-de-5-ans-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 505px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 640px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .gestion-de-troupeau-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 250px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 630px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .rapports-personnalisables-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 250px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 662px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .mises-jour-gratuites-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 505px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 674px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .btn-blue_png-2v5U0L {
  left: 223px;
  top: 579px;
}

.controller-demo .btn-blue_png-uPIzdx {
  left: 223px;
  top: 627px;
}

.controller-demo .btn-blue_png-NiP51B {
  left: 223px;
  top: 663px;
}

.controller-demo .btn-blue_png-RhmyoF {
  left: 479px;
  top: 579px;
}

.controller-demo .btn-blue_png-u2TRRK {
  left: 479px;
  top: 638px;
}

.controller-demo .btn-blue_png-vxBgIG {
  left: 479px;
  top: 674px;
}

.controller-demo .multilingue-2v5U0L {
  background-color: transparent;
  height: auto;
  left: 505px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 608px;
  white-space: nowrap;
  width: auto;
}

.controller-demo .btn-blue_png-FS6aQJ {
  left: 479px;
  top: 608px;
}

.controller-demo .le-contrleur-maximus-2v5U0L {
  background-color: transparent;
  height: 222px;
  left: 752px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 514px;
  width: 332px;
}

.controller-demo .span0-v9NQxM {
}

.controller-demo .span1-v9NQxM {
}

.controller-demo .span2-v9NQxM {
}

.controller-demo .max-website-2v5U0L {
  background-color: transparent;
  cursor: pointer;
  height: 27px;
  left: 24px;
  position: absolute;
  top: 29px;
  width: 250px;
}

.controller-demo .wwwmaximus-solutioncom-Hd2sKj {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 4px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.controller-demo .wwwmaximus-solutioncom-Hd2sKj:hover {
  transform: scale(0.9); 
}

.controller-demo .telephone-2v5U0L {
  background-color: transparent;
  height: 27px;
  left: 24px;
  position: absolute;
  top: 57px;
  width: 159px;
}

.controller-demo .x1-877-455-6556-A6rQuU {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.controller-demo .polygon-4 {
  background-color: transparent;
  bottom: calc(45.45% - 6px);
  height: 14px;
  object-fit: cover;
  position: absolute;
  right: calc(41.67% - 5px);
  width: 12px;
}

.controller-demo .rectangle-54 {
  background-color: var(--white);
  border-radius: 7px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.controller-demo .rectangle-55 {
  background-color: var(--congress-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}