/* Homepage = approved final photo. Transparent hit-areas only. */
html, body.home-photo {
  margin: 0;
  background: #fff;
}
body.home-photo { min-height: 100vh; overflow-x: hidden; }

.home-frame {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  line-height: 0;
}

.home-photo-img {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: auto;
  filter: none;
  opacity: 1;
  transform: none;
}

.hit {
  position: absolute;
  display: block;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  color: transparent;
  z-index: 4;
}
.hit:focus-visible {
  outline: 2px solid rgba(228, 160, 28, .9);
  outline-offset: 1px;
}

.hit-logo { left: 1.2%; top: 1.6%; width: 16.8%; height: 8.6%; }
.hit-acasa { left: 19.6%; top: 3.4%; width: 5.6%; height: 5.6%; }
.hit-despre { left: 25.4%; top: 3.4%; width: 7.6%; height: 5.6%; }
.hit-cum { left: 33.2%; top: 3.4%; width: 11.6%; height: 5.6%; }
.hit-cursuri { left: 45.0%; top: 3.4%; width: 6.2%; height: 5.6%; }
.hit-cui { left: 51.4%; top: 3.4%; width: 11.2%; height: 5.6%; }
.hit-recomanda { left: 62.8%; top: 3.4%; width: 12.4%; height: 5.6%; }
.hit-contact { left: 75.4%; top: 3.4%; width: 6.0%; height: 5.6%; }
.hit-auth { left: 88.4%; top: 3.8%; width: 9.8%; height: 5.8%; }

.hit-firme { left: 4.0%; top: 52.6%; width: 15.2%; height: 7.0%; }
.hit-persoane { left: 20.0%; top: 52.6%; width: 16.4%; height: 7.0%; }

.hit-band { left: 2.4%; top: 61.2%; width: 95.2%; height: 12.8%; }

.hit-f-contact { left: 24.6%; top: 76.2%; width: 16.5%; height: 2.4%; }
.hit-f-despre { left: 24.6%; top: 78.8%; width: 16.5%; height: 2.2%; }
.hit-f-blog { left: 24.6%; top: 81.2%; width: 16.5%; height: 2.2%; }
.hit-f-privacy { left: 24.6%; top: 83.6%; width: 16.5%; height: 2.2%; }
.hit-f-anpc { left: 24.6%; top: 86.0%; width: 16.5%; height: 2.2%; }
.hit-f-return { left: 24.6%; top: 88.4%; width: 16.5%; height: 2.2%; }
.hit-f-firme { left: 43.2%; top: 76.0%; width: 24.0%; height: 5.4%; }
.hit-f-agenti { left: 43.2%; top: 81.6%; width: 24.0%; height: 4.8%; }
.hit-f-persoane { left: 43.2%; top: 86.6%; width: 24.0%; height: 4.8%; }
.hit-mail-c { left: 69.0%; top: 76.4%; width: 22.0%; height: 3.2%; }
.hit-mail-s { left: 69.0%; top: 80.0%; width: 22.0%; height: 3.2%; }

.hit-fb { left: 6.5%; top: 87.55%; width: 2.2%; height: 3.15%; }
.hit-ig { left: 8.85%; top: 87.55%; width: 2.2%; height: 3.15%; }
.hit-tt { left: 11.2%; top: 87.55%; width: 2.2%; height: 3.15%; }
.hit-yt { left: 13.55%; top: 87.55%; width: 2.2%; height: 3.15%; }
.hit-li { left: 15.9%; top: 87.55%; width: 2.2%; height: 3.15%; }
.hit-x { left: 18.25%; top: 87.55%; width: 2.2%; height: 3.15%; }
.hit-pin { left: 20.6%; top: 87.55%; width: 2.2%; height: 3.15%; }
.hit-top { left: 94.2%; top: 91.6%; width: 3.6%; height: 5.2%; }

.home-photo .lang-wrap {
  position: absolute;
  top: 3.6%;
  width: 4.2%;
  height: 5.8%;
  z-index: 5;
}
.home-photo .lang-wrap-ro { left: 81.4%; }
.home-photo .lang-wrap-fr { left: 85.6%; }
.home-photo .lang-btn {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: transparent;
  font-size: 0;
}
.home-photo .lang-menu {
  position: absolute;
  right: 0;
  top: 110%;
  min-width: 180px;
  max-height: 280px;
  overflow: auto;
  background: #fff;
  border: 1px solid rgba(201, 138, 0, .35);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(18, 58, 109, .12);
  padding: 6px;
  z-index: 30;
  line-height: 1.3;
}
.home-photo .lang-menu button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 8px 10px;
  border-radius: 7px;
  cursor: pointer;
  font: 600 13px/1.3 Arial, Helvetica, sans-serif;
  color: #123a6d;
}
.home-photo .lang-menu button:hover { background: rgba(242, 196, 91, .22); }

.social-hits { position: static; }