:root {
  --d-line: 100px;
  --d-line-1: 60px;
  --d-line-2: 120px;
  --d-line-3: 180px;
  --d-line-4: 220px;
  --d-line-5: 260px;
  --d-line-6: 300px;
  --d-line--1: 30px;

  --d-line-2-1: 240px;
  --d-line-3-0: 20px;
  --d-line-3-1: 360px;
  --d-line-4-1: 400px;
  --d-line-5-1: 440px;
  --icon-size: 1.40625vw;
  --icon-size-xl: 1.875vw;


}
@media (max-width:1399px) {
    :root {
        --icon-size: 24px;
        --icon-size-xl: 30px;
    }
}
@media (max-width:767px) {
    :root {
        --d-line: 60px;
        --d-line-1: 60px;
        --d-line-2: 90px;
        --d-line-3: 135px;
        --d-line-4: 150px;
        --d-line-5: 180px;
        --d-line-6: 220px;
         --d-line--1: 30px;

       --d-line-2-1: 160px;
        --d-line-3-1: 260px;
        --d-line-4-1: 280px;
        --d-line-5-1: 300px;

        --icon-size: 24px;

      }
      .nmc-node > div.ggskin_svg,
      .nmc-node-hover > div.ggskin_svg {/*width: 60px !important; left: -30px !important;*/}
       
}

#pano_container{ }
.default-title{ width: auto !important; height: auto !important;  left: var(--d-hline-1) !important; bottom: 0px !important;  }
.default-title > div{width: auto !important; background: #054b54 !important; border-radius: 5px !important; border: 0px !important; padding: 5px 12px !important; bottom: -16px !important;  cursor: pointer !important;
     min-width: 140px;
}
.default-title h2{margin: 0px; white-space: nowrap; color: #fff; text-transform: uppercase; }
.default-title:after{content: ''; height: 1px; width: var(--d-hline-1); position: absolute; left: calc(var(--d-hline-1) * -1 );  background:#fff;}
.default-title:hover > div{background: #000 !important;}


.default-title >div h4{display: none; }

.default-title >div h2{text-align:center; font-size: 16px; font-weight: 400; }

@media (max-width:1921px) {
    .default-title > div{}
    .default-title >div h2{font-size: 16px; font-weight: 400;}
}

@media (max-width:767px) {
      .default-title > div{min-width: 100px;}
      .default-title >div h2{font-size: 10px;}
}


.utilities-node >div.ggskin_svg {
    z-index: 4;
}
.utilities-title{  width: auto !important; height: auto !important;  left: 50% !important; transform: translateX(-50%);  bottom: var(--d-line) !important; position:relative;

}
.utilities-title h2,.utilities-title h4{margin: 0px; white-space: nowrap; color: #333;text-transform: uppercase; color: #fff;}
.utilities-title:after{
    content: '';
    width: 1px; height: var(--d-line);
    position: absolute;
    bottom: calc(var(--d-line) * -1 );
    left: 50%;
    transform: translateX(-50%);
    background:#283E80;
}

.utilities-title >div{width: auto !important; height: auto !important; border: 0px !important;
       cursor:pointer !important;
      padding: 8px 0px !important;
       overflow: visible !important;
      transform: translateX(-50%);
      z-index: 1;
}

.utilities-title >div:before{
    content:''; width:100%; height:1px;
    position:absolute; left:50%; bottom:0px;background: #283E80; transform: translateX(-50%);
}
.utilities-title >div:after{content:'';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 10px 0 10px;
      border-color: #DB001C transparent transparent transparent;
      position: absolute;
      left: 50%;
      margin-left: -9.5px;
      bottom: -9px;

}

.utilities-title >div h4{ font-size: 18px; font-weight: 300; position: relative;  }
.utilities-title >div h2{ font-size: var(--fz-14);
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

@media (max-width:1599px) {

      .utilities-title >div{ padding: 6px 0px !important;}
      .utilities-title >div:after{border-width: 6px 6px 0 6px;     bottom: -5.5px; margin-left: -6.5px;}
}

@media (max-width:767px) {

}

#pano_container.node_tongquan .utilities-node >.ggskin{pointer-events: none !important;}

#pano_container.node_tongquan .nmc-node.ut-node{display: none;}

#pano_container.node_tongquan .Point01 .utilities-title{}
#pano_container.node_tongquan .Point02 .utilities-title{ bottom: var(--d-line-2) !important;  }
#pano_container.node_tongquan .Point02 .utilities-title:after{height: var(--d-line-2) !important; bottom: calc(var(--d-line-2) * -1 );}

#pano_container.node_tongquan .Point03 .utilities-title{ bottom: var(--d-line-1) !important; z-index: 3;}
#pano_container.node_tongquan .Point03 .utilities-title:after{height: var(--d-line-1); bottom: calc(var(--d-line-1) * -1 );}


#pano_container.node_tongquan .Point04 .utilities-title{ bottom: var(--d-line-2) !important; z-index: 2}
#pano_container.node_tongquan .Point04 .utilities-title:after{height: var(--d-line-2); bottom: calc(var(--d-line-2) * -1 );}

#pano_container.node_tongquan .Point05 .utilities-title{ bottom: var(--d-line-5) !important;}
#pano_container.node_tongquan .Point05 .utilities-title:after{height: var(--d-line-5); bottom: calc(var(--d-line-5) * -1 );}

#pano_container.node_tongquan .Point06 .utilities-title{ bottom: var(--d-line-3) !important; z-index: 1}
#pano_container.node_tongquan .Point06 .utilities-title:after{height: var(--d-line-3); bottom: calc(var(--d-line-3) * -1 );}

#pano_container.node_tongquan .Point07 .utilities-title{ bottom: var(--d-line--1) !important; z-index: 2}
#pano_container.node_tongquan .Point07 .utilities-title:after{height: var(--d-line--1); bottom: calc(var(--d-line--1) * -1 );}

#pano_container.node_tongquan .Point08 .utilities-title{ bottom: var(--d-line-1) !important; z-index: 2}
#pano_container.node_tongquan .Point08 .utilities-title:after{height: var(--d-line-1); bottom: calc(var(--d-line-1) * -1 );}

#pano_container.node_tongquan .Point09 .utilities-title{ bottom: var(--d-line-2) !important; z-index: 2}
#pano_container.node_tongquan .Point09 .utilities-title:after{height: var(--d-line-2); bottom: calc(var(--d-line-2) * -1 );}

#pano_container.node_tongquan .Point11 .utilities-title{ bottom: var(--d-line-6) !important;}
#pano_container.node_tongquan .Point11 .utilities-title:after{height: var(--d-line-6); bottom: calc(var(--d-line-6) * -1 );}

#pano_container.node_tongquan .Point12 .utilities-title{z-index: 2}

#pano_container.node_tongquan .Point13 .utilities-title{ bottom: var(--d-line-4) !important; z-index: 2}
#pano_container.node_tongquan .Point13 .utilities-title:after{height: var(--d-line-4); bottom: calc(var(--d-line-4) * -1 );}

#pano_container.node_tongquan .Point14 .utilities-title{ bottom: var(--d-line-2) !important;}
#pano_container.node_tongquan .Point14 .utilities-title:after{height: var(--d-line-2); bottom: calc(var(--d-line-2) * -1 );}

#pano_container.node_tongquan .Point19 ,
#pano_container.node_tongquan .Point20 {z-index: 5}

#pano_container.node_tongquan .Point22 .utilities-title{ bottom: var(--d-line-3) !important; z-index: 2}
#pano_container.node_tongquan .Point22 .utilities-title:after{height: var(--d-line-3); bottom: calc(var(--d-line-3) * -1 );}


#pano_container.node_tongquan .Point26 .utilities-title{ bottom: var(--d-line-4) !important; z-index: 2}
#pano_container.node_tongquan .Point26 .utilities-title:after{height: var(--d-line-4); bottom: calc(var(--d-line-4) * -1 );}


#pano_container.node_tongquan .utilities-node-other  .utilities-title h2{
      text-indent: -99999px;
      width: 6.51vw; aspect-ratio: 1;
      min-width: 75px;
      background: url('../images/logo/blank.svg') no-repeat center center;
      background-size: contain;
      color: rgba(255, 255, 255, 0);
    text-shadow: none;
    padding: 0;
}
.utilities-node-other .utilities-title >div{
    padding: 0 !important;
}
.utilities-node-other .utilities-title:after{
    background: #fff;
}
.utilities-node-other .utilities-title >div:before,
.utilities-node-other .utilities-title >div:after{
    display: none;
}

#pano_container.node_tongquan .Point18 .utilities-title h2{
    background-image: url('../images/logo/lavia-de-rio.png') ;
}
#pano_container.node_tongquan .Point19 .utilities-title h2{
    background-image: url('../images/logo/lavia.png') ;
}
#pano_container.node_tongquan .Point20 .utilities-title h2{
    background-image: url('../images/logo/nine-south.png') ;
}
#pano_container.node_tongquan .Point21 .utilities-title h2{
    background-image: url('../images/logo/victoria-school.png') ;
}
#pano_container.node_tongquan .Point22 .utilities-title h2{
     background-image: url('../images/logo/gs-metro-city.png') ;
}
#pano_container.node_tongquan .Point23 .utilities-title h2{
    background-image: url('../images/logo/lavia-habitas.png') ;
}
#pano_container.node_tongquan .arcadia_at_lavia .utilities-title h2{
    background-image: url('../images/logo/arcadia-at-lavila.png') ;
}


body.hide-utility-link .utilities-node{display: none !important;}