body{
	display: none;
}

.matrix_container {
	perspective: 1000px;
}


.wall-layer{
	position: absolute;
	width: 1920px;
	height: 1080px;
	background: url("../images/ruimtes/ruimte2/wall-layer.png") no-repeat top center;
	background-size: 100% auto;
	z-index: 10;
}
.bath-layer{
	position: absolute;
	width: 1920px;
	height: 1080px;
	background: url("../images/ruimtes/ruimte2/bath-layer.png") no-repeat top center;
	background-size: 100% auto;
	z-index: 100;
}
.wall-container{
	float: left;
	position: relative;
	display: block;
	width: 200%;
	height: 769px;
	background: #ccc;
	z-index: 99;
	overflow: hidden;
}


.perspective-container{
	float: left;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	width: 1920px;
	height: 1080px;
	height: 1300px;
	perspective: 1800px;
	background: #ccc;
}
.perspective-inner-container{
	float: left;
	width: 100%;
	height: 100%;
	transform: rotateX(70deg);
}

.matrix_container {
  position: relative;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
}

.floor-container .matrix {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 !important;
  margin: 0 !important;
  width: 300%;
  min-height: 400%;
  height: 400%;
  overflow: hidden;
  cursor: pointer;
  -moz-transition: all 0s ease-in-out;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out; }
  
  
.wall-container.rotate_45 .matrix {
  position: absolute;
  left: -100%;
  left: -90%;
  top: -100%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  
/*
.floor-container.rotate_45 .matrix {
  position: absolute;
  top: -100%;
  height: 600%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
*/
  
.floor-container.rotate_45 .perspective-inner-container{
    transform: rotateX(80deg) translateX(-960px) rotateZ(-45deg);
    position: absolute;
    left: -60%;
}

.floor-container.rotate_90 .perspective-inner-container{
    transform: rotateX(80deg) translateY(1100px) rotateZ(90deg) translateX(-290px);
    position: absolute;
    left: 35%;
}

.wall-container.rotate_90 .matrix {
  position: absolute;
  left: -100%;
  left: -75%;
  top: -100%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }
  
/*
.floor-container.rotate_90 .matrix {
  position: absolute;
  top: -100%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }
*/
  

/* WOONKAMER */
.woonkamer .wall-container{
	height: 366px;
	margin-left: -98px;
}
.woonkamer .wall-container .matrix{
	transform: scale(2);
}
.woonkamer .wall-container.rotate_45 .matrix{
	transform: rotate(-45deg) scale(2);
	left: -10%;
}
.woonkamer .wall-container.rotate_90 .matrix{
	transform: rotate(-90deg) scale(2);
	left: -50%;
}
.woonkamer .floor-container{
/* 	top: -191px; */
	bottom: 12%;
	top: auto;
}
.woonkamer .perspective-inner-container{
	transform: rotateX(80deg) translateX(-960px) translateY(60px);
}


/* KEUKEN */
.keuken .wall-container{
	height: 546px;
	margin-left: -98px;
}
.keuken .wall-container .matrix{
	transform: scale(1.5);
}
.keuken .floor-container{
	top: -21px;
}
.keuken .perspective-inner-container{
	transform: rotateX(80deg) translateX(-960px);
}
.keuken .floor-container.rotate_90 .perspective-inner-container{
    transform: rotateX(80deg) translateY(1100px) rotateZ(90deg) translateX(-960px);
}
.keuken .wall-container.rotate_45 .matrix{
	left: -40%;
	transform: rotate(-45deg) scale(1.5);
	left: -20%;
}


/* TOILET */
.toilet .wall-container{
	height: 730px;
	margin-left: -98px;
}
.toilet .wall-container .matrix{
	zoom: 4;
}
.toilet .floor-container{
/* 	top: 173px; */
}
.toilet .floor-container .matrix{
	zoom: 2;
}
.toilet .perspective-inner-container{
	transform: rotateX(80deg) translateX(-960px);
}
.keuken .floor-container.rotate_90 .perspective-inner-container{
    transform: rotateX(80deg) translateY(1200px) rotateZ(90deg) translateX(-960px);
}
.toilet .wall-container.rotate_45 .matrix{
	left: -130%;
}
.toilet .wall-container.rotate_45 .matrix{
	transform: rotate(-45deg) scale(4);
	left: -10%;
}


/* BADKAMER */
.badkamer .wall-container{
	height: 653px;
	margin-left: -98px;
}
.badkamer .wall-container .matrix{
/* 	zoom: 2.5; */
	transform: scale(2.5);
}
.badkamer .wall-container.rotate_45 .matrix{
	transform: rotate(-45deg) scale(2.5);
	left: -10%;
}
.badkamer .wall-container.rotate_90 .matrix{
	left: -70%;
	transform: rotate(-90deg) scale(2.5);
}
.badkamer .extra-tile-layers .wall-container.rotate_90 .matrix{
	left: -200%;
}
.badkamer .floor-container{
/* 	top: 96px; */
	perspective: 1200px;
}
.badkamer .perspective-inner-container{
	transform: rotateX(80deg) translateX(-960px);
}
.badkamer .floor-container.rotate_90 .perspective-inner-container{
    transform: rotateX(80deg) translateY(1100px) rotateZ(90deg) translateX(-960px);
}

/*
body[attributeid="1254"] .badkamer .wall-container{
	height: 460px;
}
body[attributeid="1254"] .badkamer .floor-container{
	top: -15px;
}
body[attributeid="1254"] .badkamer .perspective-inner-container{
	transform: rotateX(80deg) translateX(-960px);
}
*/






/* CUSTOM ROOMS */
.extra-tile-layers .wall-container{
	height: 0;
	width: 0;
	margin: 0;
	background: none;
	overflow: visible;
}
.extra-tile-layers .inner-container{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.extra-tile-layers .wall-container.muurtje-perspectief-wand{
	position: absolute;
	width: 533px;
	height: 533px;
	bottom: 368px;
	right: 323px;
	perspective: 1000px;
	perspective-origin: 0 185px;
	z-index: 450;
}
.extra-tile-layers .wall-container.muurtje-perspectief-wand .inner-container{
	transform: rotateY(-77deg) translateZ(-102px) translateX(-19px) translateY(36px) skewY(2deg);
}
.extra-tile-layers .wall-container.muurtje-perspectief-wand.rotate_90 .inner-container{
/* 	transform: rotateY(-77deg) translateZ(-102px) translateX(-19px) translateY(36px) skewY(2deg) rotateZ(90deg); */
	transform: rotateY(-77deg) translateZ(-102px) translateX(-19px) translateY(36px) skewY(2deg);
}
.extra-tile-layers .wall-container.muurtje-perspectief-wand.rotate_45 .inner-container .matrix{
	transform: rotate(45deg);
	transform: none;
	transform-origin: top;
	-moz-transform: scale(2);
}
.extra-tile-layers .wall-container.muurtje-perspectief-wand .inner-container .matrix{
/* 	position: absolute; */
	position: relative;
	zoom: 2.6;
	top: -54px;
	transform: none;
	-moz-transform: scale(2.6);
}
.extra-tile-layers .wall-container.muurtje-perspectief-wand .tile_row0, .extra-tile-layers .wall-container.muurtje-perspectief-wand .tile_row1{
	overflow: visible !important;
}
.extra-tile-layers .wall-container.muurtje-perspectief-wand.rotate_90 .inner-container .matrix{
	-moz-transform: rotate(-90deg) scale(2.6);
	left: 0;
	top: 100%;
	transform-origin: top left;
}
.extra-tile-layers .wall-container.muurtje-vooraanzicht-wand{
	position: absolute;
	width: 59px;
	height: 681px;
	bottom: 214px;
	right: 258px;
	z-index: 450;
	overflow: hidden;
}
.extra-tile-layers .wall-container.muurtje-vooraanzicht-wand .inner-container{
	zoom: 1.28;
	-moz-transform: scale(1.28);
}
.extra-tile-layers .wall-container.muurtje-vooraanzicht-wand.rotate_90 .inner-container .matrix{
	transform: rotateZ(90deg);
	transform: none;
	transform-origin: top;
	-moz-transform: rotateZ(90deg) scale(2.2);
}
.extra-tile-layers .wall-container.muurtje-vooraanzicht-wand.rotate_45 .inner-container .matrix{
	transform: rotateZ(45deg);
	transform: none;
	transform-origin: top;
	-moz-transform: scale(2.2);
}
.extra-tile-layers .wall-container.muurtje-vooraanzicht-wand .inner-container .matrix{
	position: absolute;
	zoom: 2.6;
	top: -54px;
	transform: none;
	-moz-transform: scale(2.6);
}

.extra-tile-layers .wall-container.bad-vooraanzicht{
	position: absolute;
	width: 1145px;
	height: 349px;
	top: 555px;
	left: 387px;
	z-index: 550;
	overflow: hidden;
}
.extra-tile-layers .wall-container.bad-vooraanzicht .inner-container .matrix{
/* 	zoom: 1.8; */
}
.wall-container.rotate_45.bad-vooraanzicht .matrix{
	left: -190%;
}
.extra-tile-layers .wall-container.bad-vooraanzicht .tile_row0,
.extra-tile-layers .wall-container.bad-vooraanzicht .tile_row1{
	width: 200%;
}

/*
.woonkamer .wall-container .matrix,
.keuken .wall-container .matrix{
	display: none;
}
*/