#panorama-container {
        position: fixed;
        display: flex;
        width: 100%;
        height: 100%;
        top: 0;        left: 0;
        background: rgba(0,0,0,0.9);
        transform: scale(0,0);
        opacity: 0;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
      }

      #panorama-container.open {
        opacity: 1;
        transform: scale(1,1);
      }

      .photo {

        width: 25%;
        height: 148px;
        background-size: cover;
        cursor: pointer;
      }


      #progress-bar {
        position: fixed;
        top: 0;
        width: 0;
        height: 5px;
        background-color: #fff;
        transition: opacity 0.5s ease;
      }

      .panorama.close {
        width: 44px;
        height: 44px;
        position: absolute;
        right: 0;
        margin: 110px;
        cursor: pointer;
      }

      .panorama.close > i {
        color: #ffffff;
        font-size: 44px;
      }
	  
	  
	  
	  

      #main-container {
        width: 100%;
        height: 100%;
        align-self: center;
      }