.panorama-container .area {cursor: pointer;}

.mobileRinging {  background: url(../images/roomItems/mobileRinging.gif) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;  }
.salahShirt {  background: url(../images/roomItems/salahShirt.png) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;  }
.mohamedSalah {  background: url(../images/roomItems/mohamedSalah.png) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;  }
.clockDing {  background: url(../images/roomItems/clock.gif) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;  }
.mapFrame {  background: url(../images/roomItems/mapFrame.png) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;  }
.laptop {  background: url(../images/roomItems/laptop.png) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;  }
.laptop:hover {  background: url(../images/roomItems/laptopHover.png) !important; background-size: 100% !important;  background-repeat: no-repeat !important;
  -o-transition:color .5s ease-out, background 5s ease-in;
    -ms-transition:color .5s ease-out, background 5s ease-in;
    -moz-transition:color .5s ease-out, background 5s ease-in;
    -webkit-transition:color .5s ease-out, background 5s ease-in;
    /* ...and now for the proper property */
    transition:color .5s ease-out, background .5s ease-in;
}
.Russia {overflow: initial !important;background: url(../images/roomItems/russia.png) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;  }
.Russia .ipnrm-hotspot {
    top: -38px;
    left: -30px;
}
.vaze {  background: url(../images/roomItems/vaze.png) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;  }
.vaze:hover {  background: url(../images/roomItems/vazeHover.png) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;
  -o-transition:color .5s ease-out, background 5s ease-in;
    -ms-transition:color .5s ease-out, background 5s ease-in;
    -moz-transition:color .5s ease-out, background 5s ease-in;
    -webkit-transition:color .5s ease-out, background 5s ease-in;
    /* ...and now for the proper property */
    transition:color .5s ease-out, background .5s ease-in;
 }
 .f6 {  background: url(../images/roomItems/f6tt.png) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;  }
 .f6:hover {  background: url(../images/roomItems/f6hover.png) !important;  background-size: 100% !important;  background-repeat: no-repeat !important;
   -o-transition:color .5s ease-out, background 5s ease-in;
     -ms-transition:color .5s ease-out, background 5s ease-in;
     -moz-transition:color .5s ease-out, background 5s ease-in;
     -webkit-transition:color .5s ease-out, background 5s ease-in;
     /* ...and now for the proper property */
     transition:color .5s ease-out, background .5s ease-in;
  }
p {color: #fff}

.cigarette {
    background-color: transparent !important;
}

.cigarette > .spirit {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    background:  url('../images/roomItems/cigarette.png') no-repeat 0 0;
    background-size: 100%;
    animation: playCigarette 0.8s steps(5) infinite alternate;
}
.shoes {
    background-color: transparent !important;
}
.shoes > .spirit {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    background:  url('../images/roomItems/shoes.png') no-repeat 0 0;
    background-size: 100%;
    /*animation: playCigarette 0.8s steps(3) infinite alternate;*/
}
.shoes:hover > .spirit {
    background:  url('../images/roomItems/shoesHover.png') no-repeat 0 0 !important;
    background-size: 100% !important;
    -o-transition:color .5s ease-out, background 5s ease-in;
      -ms-transition:color .5s ease-out, background 5s ease-in;
      -moz-transition:color .5s ease-out, background 5s ease-in;
      -webkit-transition:color .5s ease-out, background 5s ease-in;
      /* ...and now for the proper property */
      transition:color .5s ease-out, background .5s ease-in;
}

.salahShirt:hover {background:  url('../images/roomItems/salahShirthover.png') no-repeat 0 0 !important;
background-size: 100% !important;
-o-transition:color .5s ease-out, background 5s ease-in;
  -ms-transition:color .5s ease-out, background 5s ease-in;
  -moz-transition:color .5s ease-out, background 5s ease-in;
  -webkit-transition:color .5s ease-out, background 5s ease-in;
  /* ...and now for the proper property */
  transition:color .5s ease-out, background .5s ease-in;
}

@keyframes playCigarette {
    from { background-position: 0% 0; }
    to { background-position: 0 100%; }
}