.block-panorama {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 90%;
  z-index: 10000;
  background-color: #000000;
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .block-panorama .relative {
    position: relative;
    height: 100%; }
    .block-panorama .relative .shadow {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-box-shadow: inset 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
      box-shadow: inset 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
      z-index: 10004; }
    .block-panorama .relative .fill {
      background-color: black;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0.3;
      z-index: 10000; }
    .block-panorama .relative .image {
      background-image: url("../img/overlays/05.png");
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 10001; }
    .block-panorama .relative .trigger {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      z-index: 100001;
      text-decoration: none; }
      .block-panorama .relative .trigger .offset {
        display: block;
        height: 50%; }
      .block-panorama .relative .trigger .text {
        display: block;
        color: white;
        font-family: 'PT Sans Caption', sans-serif;
        font-weight: 700;
        font-size: 22px;
        line-height: 22px;
        text-transform: uppercase;
        text-align: center;
        margin: -20px 0 0 0;
        opacity: 0.8;
        text-shadow: 0px 0px 4px black; }
    .block-panorama .relative .mask {
      position: relative;
      height: 100%;
      overflow: hidden; }
      .block-panorama .relative .mask .panorama {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%; }
        .block-panorama .relative .mask .panorama iframe {
          border: 0;
          width: 100%;
          height: 100%; }
  .block-panorama.modifier-opened {
    left: 10%; }
    .block-panorama.modifier-opened .relative .fill {
      display: none; }
    .block-panorama.modifier-opened .relative .shadow {
      display: none; }
    .block-panorama.modifier-opened .relative .image {
      display: none; }
    .block-panorama.modifier-opened .relative .trigger {
      width: 10%;
      margin-left: -10%; }