.ui-tooltip.ui-widget-content{
  max-width:unset;
}
.ui-tooltip.full_size{ max-width:unset; position:static;padding:0;}
.ui-tooltip.trim_size{ max-width:350px; position:static;padding:0;}
.ui-tooltip table{ margin:0; }

.bg_video {
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
}

.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

.popup{
  display:none;
  position: fixed;
}

#menu{
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
  width: 90%;
  max-width: 1000px;
  border-radius:30px;
  color: #f1f1f1;
}
#menu .button{
  border-radius:10px;
  margin:20px;
  background: rgba(0, 0, 0, 0.8);
  font-size:40px;
  display:block;
}


#map{
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 60vh;
  border-radius:30px;
  max-width: 1000px;
  color: #f1f1f1;
  font-size:40px;
  opacity:0.9;
  background:rgba(0,0,0,0.8);
  padding:20px;
}
#map .map_block{
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#map .iframe{
  width:100%;
  height: calc(60vh - 40px);
  border:0;
  border-radius:10px;
}

#credits{
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  border-radius:30px;
  max-width: 1200px;
  color: #f1f1f1;
  font-size:40px;
  opacity:0.9;
  background:rgba(0,0,0,0.8);
  padding:20px;
}

#detail{
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 90%;
  border-radius:30px;
  max-width: 1200px;
  color: #f1f1f1;
  font-size:20px;
  /*opacity:0.9;*/
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.99) 75%, rgba(0, 0, 0, 1) 100%);
  padding:20px;
}

#photos, #renders{
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 90%;
  border-radius:30px;
  max-width: 1000px;
  max-height: 100%;
  color: #f1f1f1;
  font-size:40px;
  opacity:0.9;
  background:rgba(0,0,0,0.9);
  padding:20px;
}

.photo{
  opacity:0;
  position:absolute;
  display: block;
  top:20px;
  height:calc(100% - 40px);
  left: calc(20px + .9375rem);
  width:calc(100% - 40px);
  border-radius: 10px;
  overflow: hidden;
  margin: 0 -.9375rem;
}
.photo:nth-child(1){
  opacity:1;
  display:block;
  position:relative;
  top:0px;
  left: 0px;
  width: calc(100% + 1.875rem);
  height:auto;
}

.swch_dn, .swch_up{
  position:absolute;
  top:calc(50% - 20px);
  z-index:2;
}
.swch_dn{ left:20px;}
.swch_up{ right:20px;}

.fa{font-size:40px; width:40px;text-align:center;}

.close_pop{
  position: absolute;
  top: -0px;
  right: -0px;
  color: #fff;
  cursor:pointer;
  font-size:40px;
  background-color:#d00;
  opacity:0.9;
  width:40px;
  border-radius: 50%;
  vertical-align:middle;
  z-index:3;
}
a, a:visited, a:active{ color: #080; }
a:hover{ color: #afa;  }
h1{ font-size:33px; }
h2{font-size:30px; }

.al { text-align:left; }
.ac { text-align:center; }
.ar { text-align:right; }
.link { cursor:pointer; }

/**  SPECIAL RESPONSIVE SETTINGS  **/
@media (max-width:800px) {
  h1{font-size:20px; }
  h2{font-size:30px; }
  .fa{font-size:30px;}
  #menu .button{
    font-size:20px;
    margin: 1px;
  }
  #credits{
    font-size:20px;
    margin: 1px;
  }
}
@media (max-width:800px) {
  .close_pop.fa{font-size:40px;}
}

@media (max-width:349px) {
  .nowrap{white-space:unset;}
}

@media (max-width: 720px) {
  video source[src*="../includes/videos/7PSpeciosaDanaBay_720.mp4"] {
    display: none;
  }
}

@media (min-width: 721px) and (max-width:1024px) {
  video source[src*="../includes/videos/7PSpeciosaDanaBay_1024.mp4"] {
    display: none;
  }
}

@media (min-width: 1025px) {
  video source[src*="../includes/videos/7PSpeciosaDanaBay.mp4"] {
    display: none;
  }
}

/**  END SPECIAL RESPONSIVE SETTINGS  **/