html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }

      body {
        font-family: sans-serif;
      }

      #map {
        width: 100%;
        height: 100%;
      }

      h1 {
        font-size: 28px;
      }

      h2 {
        font-size: 30px;
      }
      h3 {
        font-size: 18px;
      }

      p {
        font-size: 1em;
        line-height: 1.4em;
        margin: 1em 0;
      }

      small{
        line-height: 0.1em;
      }


      .center {
        top:0;
        left:0;
        bottom: 0;
        right:0;
        margin:auto;
        position: absolute;
        border-radius: 100%;
        border: 2px solid red;

        width: 32px;
        height: 32px;
        z-index: 1;
      }

      .popup-layout {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1;
        background: rgba(20,20,20,0);
        justify-content: center;
        align-items: center;
      }

      .popup-layout.visible {
        display: flex;
      }

      .popup {
        position: relative;
        max-width: 500px;
        width: 80%;
        background: #fff;
        box-shadow: 0 0 30px rgba(0,0,0,0.2);
      }

      .popup .frame.active {
        display: block;
      }

      .popup-layout .close {
        cursor: pointer;
        position: absolute;
        height: 34px;
        width: 34px;
        top: -8px;
        right: -34px;
        background: url(/msk/img/close_white.svg) no-repeat center;
        background-size: 50%;
      }

      .popup .frame {
        min-height: 100px;
        max-height: 80vh;
        display: none;
        overflow-y: scroll;
        padding: 30px;
      }

      .popup .frame img {
        width: calc(100% + 60px);
        margin: -30px -30px 10px;
      }

      .marker {
        position: relative;
        font-size: 14px;
        background-size: 100%;
        line-height: 1em;
        z-index: 1;
        transform-style: preserve-3d;
      }
      .marker::before,
      .marker::after {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        opacity: 0;
        margin: auto;
        transition: left 1s ease, opacity.2s ease;
        transform: translateZ(-1px);
        pointer-events: none;
      }
      .marker::before {
        height: auto;
        top: initial;
        bottom: initial;
        content: attr(title);
        display: block;
        padding: 5px 9px;
        transform: translate(0px, -50%);
        margin-top: 16px;
        line-height: 1.2em;
        min-width: 140px;
      }
      .marker::after {
        height: 12px;
        width: 12px;
        content: '';
        transform: rotate(45deg) translateZ(-1px);
        margin-left: -4px;
      }
      .marker:hover::after,
      .marker:hover::before {
        transition: left.3s ease, opacity.2s ease;
        left: 40px;
        opacity: 1;
        pointer-events: all;
      }




      .go{
        width: 64px !important;
        height: 64px !important;
        background-image: url(../img/arr1.png) !important;
      }

      .go::before {
        margin-top: 32px;
        min-width: 120px;
      }
      .go:hover::after,
      .go:hover::before {
        left: 70px;
      }

      .plan{
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../plan.png);
        background-size: 100%;
        width: calc(906px / 2);
        height: calc(257px / 2);
        background-color: rgba(0,0,0,0.7);
        background-repeat: no-repeat;
    background-position: center;
      }

      .plan .point{
        position: absolute;
        width: 16px;
        height: 16px;
        /*background-color: red;*/
        border-radius: 100%;
        background-image: url(../img/point.svg);
        cursor: pointer;
      }

      .point:target{
        background-image: url(../img/point-active.svg);
      }

      .gallery {
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        background: rgba(0,0,0,.5);
        display: flex;
        flex-direction: column;
        z-index: 2;
        justify-content: center;
        overflow-y: auto;
        text-align: center;
        color: #fff;
        flex-wrap: nowrap;
        padding-top: 10px;
        width: 110px;
        pointer-events: none;
      }
      .gallery .pano {
        margin: 10px 5px;
        cursor: pointer;
        pointer-events: all;
      }
      .gallery .pano.active img,
      .gallery .pano:hover img {
        box-shadow: 0 0 0 4px #f00;
      }
      .gallery .pano img {
        width: 100%;
      }

      .gallery .pano .desctiption {
        font-size: 12px;
      }


      .gmnoprint, .gm-style-cc, .gm-style>div:nth-child(2){
        display: none
      }