.room-container{perspective:1000px;width:100%;height:500px;z-index:999;}.room-box{width:100%;height:380px;position:relative;transform-style:preserve-3d;transition:all .4s ease-out;transform-origin:90px 90px -90px;transform:rotateY(-30deg) translateX(29px);-webkit-transform-style:preserve-3d;-webkit-transition:all .4s ease-out;-webkit-transform-origin:90px 90px -90px;-webkit-transform:rotateY(-30deg) translateX(29px);margin:30px auto;}.room-back-wall{-webkit-transform:rotateY(0deg);z-index:2;}.room-right-wall{background-image:linear-gradient(76deg,white,#ccc);-webkit-transform:rotateY(-90deg);z-index:1;left:100%;width:50%;}.room-left-wall{background-image:linear-gradient(76deg,white,#ccc);-webkit-transform:rotateY(-90deg);z-index:1;right:100%;width:50%;}.room-floor{background-image:linear-gradient(76deg,white,#ccc);-webkit-transform:rotateX(-90deg);z-index:1;right:100%;width:50%;}.room-ceiling{background-image:linear-gradient(76deg,white,#ccc);-webkit-transform:rotateX(-90deg);z-index:1;right:100%;width:50%;}.room-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:visible;-webkit-transform-origin:0 0;}