body.home {
  background: #444; }

.home-container .panorama-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333; }
.home-container .graphic .map, .home-container .graphic .app, .home-container .graphic .thematic {
  perspective: 1000px; }
.home-container .graphic .map img {
  position: absolute;
  transition: 0.4s;
  transition-timing-function: ease-out;
  transform-style: preserve-3d; }
.home-container .graphic .map .map-1 {
  z-index: 3;
  top: 20%;
  left: 10%;
  transition-delay: 0.2s;
  height: 60%;
  transform: translateZ(200px); }
.home-container .graphic .map.not-active img {
  transform: rotateY(-60deg) scale(0.8);
  opacity: 0; }
.home-container .graphic .map.not-active .map-1 {
  transform: rotateY(-60deg) scale(0.8) translateZ(20px); }
.home-container .graphic .tourist img {
  position: absolute;
  transition: 0.4s;
  transition-timing-function: ease-out;
  height: 60%; }
.home-container .graphic .tourist.not-active img {
  transform: scale(1.4);
  opacity: 0; }
.home-container .graphic .tourist .photo-1 {
  transform: rotateZ(-7deg);
  z-index: 2;
  top: 10%;
  left: 0;
  transition-delay: 0.2s; }
.home-container .graphic .app {
  padding-top: 20px;
  text-align: center; }
  .home-container .graphic .app img {
    transition: 0.4s;
    transition-timing-function: ease-out;
    transform-style: preserve-3d;
    margin-top: -170px;
    position: absolute;
    top: 50%; }
  .home-container .graphic .app.not-active img {
    transform: translateY(50px) rotateX(40deg);
    opacity: 0; }
.home-container .graphic .thematic {
  padding-top: 20px;
  text-align: center; }
  .home-container .graphic .thematic img {
    transition: 0.4s;
    transition-timing-function: ease-out;
    transform-style: preserve-3d;
    margin-top: -170px;
    position: absolute;
    left: 0;
    top: 50%; }
  .home-container .graphic .thematic.not-active img {
    transform: rotateY(-60deg);
    opacity: 0; }
.home-container .sign {
  background: url("/images/layout/sign-pl.png") bottom center no-repeat;
  width: 380px;
  height: 600px;
  position: absolute;
  right: 0;
  bottom: 0; }
  @media (max-width: 768px) {
    .home-container .sign {
      position: relative;
      margin: 1em auto 0; } }
  .home-container .sign.en {
    background-image: url("/images/layout/sign-en.png"); }
  .home-container .sign a {
    display: block; }
    .home-container .sign a.map {
      margin: 7% 12% 0 25%;
      height: 17%; }
    .home-container .sign a.tourist {
      margin: 1% 15% 0 20%;
      height: 15%; }
    .home-container .sign a.app {
      margin: 0 2% 0 5%;
      height: 16%; }
    .home-container .sign a.thematic {
      margin: 0 2% 0 5%;
      height: 16%; }