#mozaika-prev {
  width: 360px;
  height: 110px;
  margin-top: 390px;
  margin-left: 80px;
  cursor: url('zoom.png'), -moz-zoom-in;
  z-index: 99999;
  opacity: 0;
}

#domek {
  width: 100%;
  margin: 0 auto;
  display: block;
  margin-top: 15px;
  position: relative;
  border-radius: 5px;
  /*overflow: hidden;*/
  border: 3px solid #fff;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
}

#wrap_domek {
  overflow: hidden;
}

#controls {
  width: calc(100% - 40px);
  display: block;
  margin: 15px 20px 0px 20px;
}

#facade-color, #facade-color2, #facade-color3 {
  position: relative;
}

.domek-img img, .domek-img div, #mail, #loader {
  position: absolute;
  left: 0;
  clear: both;
  top: 0;
}

#mozaika {
  width: 20px;
  height: 100px;
  margin-top: 405px;
  margin-left: 85px;
  background: #ccc;
}

#war {
  position: absolute;
  right: 5px;
  color: #fff;
  font-size: 12px;
  bottom: 5px;
  padding-left: 5px;

}

#trans1 {
  opacity: 0.95;
  width: 204px;
  height: 500px;
  margin: 20px 0px 0px 201px;
  -webkit-transform: rotate(-1.4deg);
}

#bg5 {
  opacity: 0.25;
}

#kolorek {
  width: 100%;
  height: 100%;
  opacity: 0.7;
}

#options {
  position: absolute;
  left: 0;
  clear: both;
  bottom: 0;
  background: rgba(0, 0, 0, 1);
  margin: 10px;
  border-radius: 5px;
}

#options img {
  width: 32px;
  padding: 8px;
  cursor: pointer;
}

#colors, #colors2, #elewacje, #colors-woodwork {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 10px;
  padding: 5px 0px;
  background: #656565;
  border-radius: 5px;
}

#elewacje {
  position: relative;
}

#elewacje img {
  width: calc(12% - 10px);
  height: 40px;
  margin: 5px;
  display: block;
  cursor: pointer;
  border: 1px solid #fff;
  float: left;
}

.single-color, .second-color, .single-color-woodwork {
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #000;
  margin: 0px 4px;
  border: 1px solid #fff;
  cursor: pointer;
}

.select {
  float: left;
  background: rgba(0, 0, 0, 0.5);
  margin: 10px;
  border-radius: 5px;
  display: none;
}

#facade-color2 {
  /*margin: 115px 0px 0px 21px;*/
}

#facade-color3 {
  /*margin: 220px 0px 0px 25px;*/
}

#facade-color, #facade-color2, #facade-color3 {
  text-align: center;
  font-size: 1.4em;
  padding: 10px;
  color: #fff;
  text-transform: uppercase;
}

#facade-color div, #facade-color2 div, #facade-color3 div {
  display: block;
  margin-top: 5px;
  border: 2px solid #fff;
}

#facade-color span, #facade-color2 span, #facade-color3 span {
  display: block;
  color: #fff;
  margin: 10px 0px;
  padding: 5px 0px;
  background: rgba(0, 0, 0, 0.5);
}

/* MAIL */
#mail {
  width: calc(100% - 140px);
  height: calc(100% - 140px);
  margin: 70px;
  border-radius: 5px;
  padding-top: 60px;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

#mail h4 {
  width: 100%;
  font-family: 'Dosis', sans-serif;
  color: #fff;
  text-align: center;
  font-size: 2.5em;
  text-transform: uppercase;
}

#mail input[type=text] {
  width: calc(100% - 20px);
  padding: 10px;
  border-radius: 5px;
  font-size: 1.3em;
  border: none;
  text-align: center;
  margin: 10px;
}

#mail input[type=submit] {
  padding: 10px;
  border-radius: 5px;
  font-size: 1.5em;
  text-transform: uppercase;
  display: block;
  background: #FF530D;
  border: 1px solid #FF870D;
  color: #fff;
  margin: 15px auto;
}

#mail button {
  padding: 10px;
  margin-top: -60px;
  opacity: 1;
  color: #fff;
}

.menu-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5em;
  margin: 0px 5px 10px;
}

#makePhoto {
  width: 100%;
  text-align: center;
}

.domek-img div.mozaika {
  width: 360px;
  height: 110px;
  background-size: 20px auto;
  background-repeat: repeat;
  top: 390px;
  left: 0;
  right: 0;
  margin: auto;
  /*clip-path: url('/projekty/blok/elements/img/elements/mozaika-mask.svg');*/
  /*clip-path: polygon(0.01% 15.46%, 12.23% -1.71%, 33.61% -2.35%, 48.61% 1%, 48.89% 102.09%, 54.45% 99.91%, 53.73% 1.73%, 78.45% 5.73%, 78.45% 99.73%, 83.17% 99.09%, 82.89% 7.27%, 90.94% 9.45%, 90.94% 12.45%, 99.55% 13.9%, 100.11% 96.17%, 0.67% 103.44%);*/
  clip-path: polygon(0.29% 14.55%, 12.23% -1.71%, 33.61% -2.35%, 48.89% 1%, 49.17% 102.09%, 54.45% 99.91%, 53.73% 1.73%, 78.45% 5.73%, 78.45% 99.73%, 83.17% 99.09%, 82.89% 7.27%, 90.94% 9.45%, 90.94% 12.45%, 99.55% 13.9%, 100.11% 96.17%, 0.95% 106.17%);
}