area:hover span{
    opacity: 1 !important;
}
area span {
    background: white;
    padding: 25px 20px 10px 40px;
    border-radius: 0px 30px 30px 0px;
    position: relative;
    opacity: 0;
    transition: .2s;
    text-transform: uppercase;
    display: inline-block;
    scale: .8;
    translate: -10% -40%;
}

span.Pet {
  top: -52px;
  left: 180px;
  padding: 25px 40px 10px 40px !important;
}

span.Iluminacao {
  top: -243px;
  left: 206px;
}

span.Seguranca {
  top: -420px;
  left: 198px;
}

span.SmartH {
  top: -255px;
  left: 390px;
}

span.SmartW {
  top: -311px;
  left: 308px;
}
span.Eletroportateis{
top: -395px;
left: -18px;
}
area span:after {
    content: 'Categoria';
    position: absolute;
    font-size: .6rem;
    left: 40px;
    top: 10px;
    color: #4d93dd;
}
area span:before{
    position:absolute;
    left: -37px;
    top: -2px;
}
.SmartW:before{
    content:url('../img/ar.png');
}
.SmartH:before{
    content:url('../img/dispositivos.png');
}
.Seguranca:before{
    content:url('../img/alarme.png');
}
.Iluminacao:before{
    content:url('../img/iluminacao.png');
}
.Pet:before{
    content:url('../img/Pet.png');
}
.Eletroportateis:before{
  content:url('../img/eletro.webp');
}
@media screen and (max-width:1510px){
  span.Pet {
      top: -50px;
      left: 180px;
      padding: 25px 40px 10px 40px !important;
  }
  
  span.Iluminacao {
      top: -240px;
      left: 205px;
  }
  
  span.Seguranca {
      top: -415px;
      left: 190px;
  }
  
  span.SmartH {
      top: -255px;
      left: 385px;
  }
  
  span.SmartW {
      top: -310px;
      left: 300px;
  }
span.Eletroportateis {
      top: -395px;
      left: -25px;
  }
}
@media screen and (max-width: 1500px) {
  span.Pet {top: -50px;left: 180px;}
  span.Iluminacao {top: -235px;left: 200px;}
  span.Seguranca {top: -415px;left: 190px;}
  span.SmartH {top: -250px;left: 384px;}
  span.SmartW {top: -305px;left: 298px;}
  span.Eletroportateis { top: -390px;left: -30px; }
}

@media screen and (max-width: 1480px) {
  span.Pet {top: -45px;left: 176px;}
  span.Iluminacao {top: -230px;left: 200px;}
  span.Seguranca {top: -405px;left: 180px;}
  span.SmartH {top: -245px;left: 375px;}
  span.SmartW {top: -300px;left: 285px;}
  span.Eletroportateis { top: -380px;left: -40px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1470px) {
  span.Pet {top: -45px;left: 175px;}
  span.Iluminacao {top: -230px;left: 195px;}
  span.Seguranca {top: -400px;left: 175px;}
  span.SmartH {top: -244px;left: 365px;}
  span.SmartW {top: -295px;left: 275px;}
  span.Eletroportateis { top: -380px;left: -45px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1460px) {
  span.Pet {top: -43px;left: 175px;}
  span.Iluminacao {top: -225px;left: 195px;}
  span.Seguranca {top: -400px;left: 170px;}
  span.SmartH {top: -240px;left: 365px;}
  span.SmartW {top: -295px;left: 270px;}
  span.Eletroportateis { top: -375px;left: -50px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1450px) {
  span.Pet {top: -42px;left: 175px;}
  span.Iluminacao {top: -225px;left: 195px;}
  span.Seguranca {top: -395px;left: 165px;}
  span.SmartH {top: -240px;left: 360px;}
  span.SmartW {top: -290px;left: 265px;}
  span.Eletroportateis { top: -375px;left: -55px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1440px) {
  span.Pet {top: -42px;left: 170px;}
  span.Iluminacao {top: -225px;left: 190px;}
  span.Seguranca {top: -390px;left: 165px;}
  span.SmartH {top: -235px;left: 350px;}
  span.SmartW {top: -290px;left: 260px;}
  span.Eletroportateis { top: -370px;left: -60px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1430px) {
  span.Pet {top: -45px;left: 170px;}
  span.Iluminacao {top: -220px;left: 185px;}
  span.Seguranca {top: -385px;left: 160px;}
  span.SmartH {top: -230px;left: 350px;}
  span.SmartW {top: -285px;left: 250px;}
  span.Eletroportateis { top: -370px;left: -70px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}


@media screen and (max-width: 1420px) {
  span.Pet {top: -40px;left: 170px;}
  span.Iluminacao {top: -215px;left: 185px;}
  span.Seguranca {top: -385px;left: 155px;}
  span.SmartH {top: -230px;left: 345px;}
  span.SmartW {top: -280px;left: 245px;}
  span.Eletroportateis { top: -360px;left: -70px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}
@media screen and (max-width: 1410px) {
  span.Pet {top: -40px;left: 165px;}
  span.Iluminacao {top: -215px;left: 185px;}
  span.Seguranca {top: -380px;left: 150px;}
  span.SmartH {top: -230px;left: 340px;}
  span.SmartW {top: -280px;left: 240px;}
  span.Eletroportateis { top: -415px;left: 710px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}


@media screen and (max-width: 1400px) {
  span.Pet {top: -35px;left: 165px;}
  span.Iluminacao {top: -210px;left: 180px;}
  span.Seguranca {top: -375px;left: 145px;}
  span.SmartH {top: -225px;left: 335px;}
  span.SmartW {top: -275px;left: 235px;}
  span.Eletroportateis { top: -415px;left: 705px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1390px) {
  span.Pet {top: -35px;left: 165px;}
  span.Iluminacao {top: -210px;left: 180px;}
  span.Seguranca {top: -375px;left: 140px;}
  span.SmartH {top: -225px;left: 335px;}
  span.SmartW {top: -270px;left: 225px;}
  span.Eletroportateis { top: -410px;left: 700px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1380px) {
  span.Pet {top: -35px;left: 165px;}
  span.Iluminacao {top: -210px;left: 175px;}
  span.Seguranca {top: -370px;left: 135px;}
  span.SmartH {top: -220px;left: 325px;}
  span.SmartW {top: -270px;left: 220px;}
  span.Eletroportateis { top: -410px;left: 690px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}
@media screen and (max-width: 1370px) {
  span.Pet {top: -35px;left: 165px;}
  span.Iluminacao {top: -205px;left: 175px;}
  span.Seguranca {top: -365px;left: 130px;}
  span.SmartH {top: -220px;left: 325px;}
  span.SmartW {top: -265px;left: 215px;}
  span.Eletroportateis { top: -405px;left: 685px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1360px) {
  span.Pet {top: -30px;left: 160px;}
  span.Iluminacao {top: -200px;left: 175px;}
  span.Seguranca {top: -360px;left: 130px;}
  span.SmartH {top: -215px;left: 320px;}
  span.SmartW {top: -265px;left: 210px;}
  span.Eletroportateis { top: -400px;left: 680px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1350px) {
  span.Pet {top: -32px;left: 163px;}
  span.Iluminacao {top: -200px;left: 170px;}
  span.Seguranca {top: -355px;left: 120px;}
  span.SmartH {top: -210px;left: 315px;}
  span.SmartW {top: -260px;left: 200px;}
  span.Eletroportateis { top: -400px;left: 680px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1340px) {
  span.Pet {top: -26px;left: 155px;}
  span.Iluminacao {top: -195px;left: 165px;}
  span.Seguranca {top: -355px;left: 120px;}
  span.SmartH {top: -205px;left: 310px;}
  span.SmartW {top: -255px;left: 195px;}
  span.Eletroportateis { top: -395px;left: 670px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}
@media screen and (max-width: 1330px) {
  span.Pet {top: -30px;left: 160px;}
  span.Iluminacao {top: -195px;left: 165px;}
  span.Seguranca {top: -350px;left: 110px;}
  span.SmartH {top: -205px;left: 305px;}
  span.SmartW {top: -255px;left: 190px;}
  span.Eletroportateis { top: -390px;left: 665px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1320px) {
  span.Pet {top: -26px;left: 155px;}
  span.Iluminacao {top: -195px;left: 165px;}
  span.Seguranca {top: -350px;left: 110px;}
  span.SmartH {top: -205px;left: 300px;}
  span.SmartW {top: -255px;left: 185px;}
  span.Eletroportateis { top: -380px;left: 660px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}
@media screen and (max-width: 1300px) {
  span.Pet {top: -25px;left: 150px;}
  span.Iluminacao {top: -185px;left: 160px;}
  span.Seguranca {top: -340px;left: 100px;}
  span.SmartH {top: -185px;left: 260px;}
  span.SmartW {top: -245px;left: 170px;}
  span.Eletroportateis { top: -380px;left: 650px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1290px) {
  span.Pet {top: -25px;left: 155px;}
  span.Iluminacao {top: -185px;left: 160px;}
  span.Seguranca {top: -335px;left: 95px;}
  span.SmartH {top: -195px;left: 285px;}
  span.SmartW {top: -245px;left: 160px;}
  span.Eletroportateis { top: -380px;left: 640px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}

@media screen and (max-width: 1280px) {
  span.Pet {top: -25px;left: 150px;}
  span.Iluminacao {top: -185px;left: 160px;}
  span.Seguranca {top: -330px;left: 90px;}
  span.SmartH {top: -195px;left: 280px;}
  span.SmartW {top: -245px;left: 155px;font-size: .9rem;}
  span.Eletroportateis { top: -375px;left: 635px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}
@media screen and (max-width: 1270px) {
  span.Pet {top: -25px;left: 150px;}
  span.Iluminacao {top: -185px;left: 150px;}
  span.Seguranca {top: -325px;left: 85px;}
  span.SmartH {top: -190px;left: 275px;}
  span.SmartW {top: -240px;left: 150px;font-size: .9rem;}
  span.Eletroportateis { top: -370px;left: 630px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}
@media screen and (max-width: 1266px) {
  span.Pet {top: -20px;left: 150px;}
  span.Iluminacao {top: -175px;left: 150px;}
  span.Seguranca {top: -325px;left: 85px;}
  span.SmartH {top: -190px;left: 275px;}
  span.SmartW {top: -240px;left: 145px;font-size: .8rem;}
  span.Eletroportateis { top: -370px;left: 630px; }
  #reviews .container { margin: 0px; }
  .isometric.uk-scrollspy-inview { transform: translateX(-100px); }
}