body {
    margin: 0px;
    overflow: hidden;
}

.v3d-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

@font-face {
  font-family: "Unbounded-SemiBold";
  src: url("media/Unbounded-SemiBold.ttf") format("truetype");
}

/*@font-face {
  font-family: "MPLUSRounded1c-ExtraBold";
  src: url("media/MPLUSRounded1c-ExtraBold.ttf") format("truetype");
}*/

.preloading_set {
  width: 128px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loading_anim {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -100%);
}

.loading_text {
	font-family: 'Unbounded-SemiBold';
    position: absolute;
    width: 100%;
    height: 100%;
	top: 95%;
	left: 0%;
	text-align: center;
	font-size: 1.5em;
	color: #1f2c86;
}


.menu {
   position: absolute;
	margin: 0px;
	padding: 2px;
	text-shadow: 1px 1px 2px white;
   top: 0.4em;
   left: -30em;
   display: none;
   z-index: 3;
	width: 18%;
	min-width: 8em;
   transition-duration: 1s;
}

.menuBG {
   position: absolute;
   top: 0.4em;
   left: -30em;
   display: inherit;
   z-index: 3;
	background: rgba(255,255,255,0.4);
	border-radius: 8px;
	width: 19%;
	min-width: 8.5em;
	height: 99%;
   transition-duration: 1s;

}


#color-buttons {
	position: absolute;
	left: 0.2em;
	top: 0.2em;
	max-height: 100vh;
   overflow-y: auto;
   z-index: 10;
}

.colors {
  display: inline-block;
  width: 4em;
  height: 4em;
  padding: 0;
  margin: 2px;
  border: solid 3px;
  border-color: #cccccc;
  border-radius: 0.5em;
  vertical-align: top;
  background-size: cover;
  cursor: pointer;
}

.forScrollSpace {
  display: inline-block;
}


.water {
   position: absolute;
	margin: 0;
	padding: 0;
   top: 1em;
   right: 1em;
   transition-duration: 1s;
   z-index: 10;
	display: inherit;
	opacity: 0;
  cursor: pointer;

}


.BathSpecs {
	opacity: 0;
   transition-duration: 1s;
}

.priceTitle {
   display: none;
	font-size: 1em;
	color: #ffffff;
	text-shadow: 2px 2px 2px black ;
   position: absolute;
	margin: 0;
	padding: 0;
   bottom: 7em;
   right: 2em;
   transition-duration: 0.5s;
   z-index: 10;
}

.price {
   display: none;
	font-family: 'MPLUSRounded1c-ExtraBold';
	font-size: 2em;
	color: #555555;
	text-shadow:
		 2px 2px 1px white,
		-2px -2px 1px white,
		 2px -2px 1px white,
		-2px 2px 1px white;
   position: absolute;
	margin: 0;
	padding: 0;
   bottom: 2em;
   right: 1em;
   transition-duration: 0.5s;
   z-index: 10;
}

.options {
	font-size: 0.7em;
	color: #000000;
	text-shadow: 1px 1px 1px white;
   position: absolute;
	margin: 0;
	padding: 0;
   bottom: 4em;
   right: 3em;
   transition-duration: 0.5s;
   z-index: 10;
}


.rights {
	font-size: 0.75em;
	color: #aaaaaa;
	text-shadow: 1px 1px 1px black;
   position: absolute;
	margin: 0;
	padding: 0;
   bottom: 0.5em;
   right: 1em;
   transition-duration: 0.5s;
   z-index: 10;
	display: none;
}


/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }