#siteplan-container {
width: 100%;
max-width: 1600px;
margin: 0 auto; }
#siteplan-container h2.titl {
width: 100%;
height: 30px;
text-align: center;
margin: 0;
display: block;
color: #b3a68f;
font-size: 1.3em; }
@media (max-width: 800px) {
#siteplan-container {
display: none; } }
@media (max-width: 800px) {
.sphead {
display: none; } }
#siteplan-holder {
height: auto;
width: 49%;
position: relative;
float: right;
padding: 0;
text-align: center; }
#siteplan {
width: 100%;
height: auto;
position: relative; }
#siteplan a {
position: absolute; }
#siteplan img {
width: 100%;
height: auto; }
#siteplan-nav {
width: 24%;
float: left;
padding: 0;
text-align: center; }
#siteplan-nav h3 {
font-family: "GothamMedium",Arial,Helvetica,sans-serif;
font-size: 1.4rem;
text-align: center;
margin: 10% 0 1em 10%;
color: #806f4b;
display: block; }
@media (max-width: 1300px) {
#siteplan-nav h3 {
font-size: 1.2rem; } }
#siteplan-nav ul.lvls {
width: 60%;
text-align: center;
margin: 0 auto 0 10%;
display: inline-block; }
#siteplan-nav ul.lvls li {
color: #806f4b;
text-align: center;
font-family: "GothamMedium",Arial,Helvetica,sans-serif;
font-size: 1.2rem;
padding: 1.5em 0;
border-top: 2px solid #806f4b; }
#siteplan-nav ul.lvls li:last-child {
border-bottom: 2px solid #806f4b; }
@media (max-width: 1400px) {
#siteplan-nav ul.lvls li {
padding: 1.2em 0; } }
@media (max-width: 1200px) {
#siteplan-nav ul.lvls li {
padding: 1em 0; } }
@media (max-width: 1000px) {
#siteplan-nav ul.lvls li {
padding: 0.8em 0; } }
#siteplan-nav ul.lvls li:hover {
background: rgba(99, 101, 106, 0.5);
color: #fff;
cursor: pointer; }
#siteplan-nav ul.lvls li:active {
background: #806f4b; }
#siteplan-nav ul.lvls li.active {
background: #806f4b;
color: #fff; }
#building-levels {
width: 24%;
height: auto;
float: left;
position: relative; }
#building-levels svg {
position: absolute;
left: 0;
top: 0;
z-index: 200;
width: 100%;
height: 100%; }
#building-levels .building-level {
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
opacity: 0;
display: none;
fill: #63656a !important; }
#building-levels .building-level:hover {
opacity: 0.5 !important; }
#building-levels .lvl-on {
fill: #806f4b !important;
opacity: 0.7 !important; }
#building-levels .lvl-on:hover {
opacity: 0.7 !important; }
#building-levels #building-base {
width: 100%;
height: auto;
position: relative;
display: block; }
#building-levels #building-base img {
width: 100%;
height: auto; }
.level {
width: 100%;
position: absolute;
display: none; }
.level div {
position: absolute;
z-index: 7; }
.level a:link, .level a:visited {
text-decoration: none;
float: left; }
.res, .resUnder {
height: auto;
pointer-events: default;
display: block; }
.res {
position: absolute;
z-index: 4;
text-align: center; }
.detailContent {
float: left;
width: 100%;
padding: 0.4em 0.2em; }
.detailContent h2 {
font-family: "GothamMedium",Arial,Helvetica,sans-serif;
color: #806f4b;
font-size: 1.5rem;
text-transform: uppercase;
line-height: 1.3em;
margin: 0 0 0.1em 0;
padding: 0; }
.detailContent h3 {
font-family: "GothamBook",Arial,Helvetica,sans-serif;
color: #806f4b;
font-size: 1.3rem;
line-height: 1.3em;
margin: 0 0 0.2em 0;
padding: 0;
font-weight: 500; }
.detailContent h4 {
font-family: "GothamBook",Arial,Helvetica,sans-serif;
color: #000;
font-size: 1.1rem;
line-height: 1.35em;
margin: 0 0 0.75em 0;
padding: 0; }
.detailContent p {
font-family: "GothamBook",Arial,Helvetica,sans-serif;
font-size: 1rem;
line-height: 1.3em;
margin: 0;
padding: 0; }
.detailContent h5 {
font-family: "GothamBook",Arial,Helvetica,sans-serif;
cursor: pointer;
width: 100%;
display: inline-block;
font-size: 1rem;
line-height: 1.2em;
padding: 0.5em;
margin: 0;
color: #fff;
background: #b3a68f;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
letter-spacing: 0.07em; }
.detailContent h5:hover {
background: #806f4b; }
#select-residence {
position: absolute;
z-index: 300;
width: 100px;
max-width: 100px;
left: 84.3%;
top: 28%;
display: none; }
#select-residence img {
width: 100%;
height: auto; }
.legend {
position: absolute;
z-index: 100;
width: 156px;
max-width: 156px;
left: 75.8%;
top: 63.2%; }
.legend .leg-lvl {
position: absolute;
width: 100%;
height: auto;
display: none; }
.legend .leg-lvl img {
width: 100%;
height: auto; }
#u901 {
left: 40.23%;
top: 67.34%; }
#u902 {
left: 34.74%;
top: 61.18%; }
#u903 {
left: 44.58%;
top: 54.53%; }
#u1201 {
left: 34.74%;
top: 66.59%; }
#u1202 {
left: 34.74%;
top: 57.45%; }
#u1203 {
left: 44.58%;
top: 57.45%; }
#u1205 {
left: 44.58%;
top: 49.5%; }
#u1206 {
left: 34.74%;
top: 49.5%; }
#u1207 {
left: 44.58%;
top: 41.55%; }
#u1208 {
left: 34.74%;
top: 41.55%; }
#u1209 {
left: 44.58%;
top: 29.93%; }
#u1210 {
left: 33.09%;
top: 30.36%; }
#u1211 {
left: 47.07%;
top: 18.97%; }
#u1212 {
left: 26.92%;
top: 19.6%; }
#u1301 {
left: 34.74%;
top: 66.59%; }
#u1302 {
left: 34.74%;
top: 57.45%; }
#u1303 {
left: 44.58%;
top: 57.45%; }
#u1305 {
left: 44.58%;
top: 49.5%; }
#u1306 {
left: 34.74%;
top: 49.5%; }
#u1307 {
left: 44.58%;
top: 41.55%; }
#u1308 {
left: 34.74%;
top: 41.55%; }
#u1309 {
left: 44.58%;
top: 29.93%; }
#u1310 {
left: 33.09%;
top: 30.36%; }
#u1311 {
left: 47.07%;
top: 18.97%; }
#u1312 {
left: 26.92%;
top: 19.6%; }
#u3401 {
left: 34.74%;
top: 65.84%; }
#u3402 {
left: 34.74%;
top: 57.45%; }
#u3403 {
left: 44.58%;
top: 57.45%; }
#u3405 {
left: 44.58%;
top: 49.5%; }
#u3406 {
left: 34.74%;
top: 49.5%; }
#u3407 {
left: 44.58%;
top: 41.55%; }
#u3408 {
left: 34.74%;
top: 41.55%; }
#u3409 {
left: 44.58%;
top: 29.93%; }
#u3410 {
left: 33.09%;
top: 30.36%; }
#u3411 {
left: 47.07%;
top: 18.97%; }
#u3412 {
left: 26.92%;
top: 19.6%; }
#u4101 {
left: 36.73%;
top: 57.45%; }
#u4102 {
left: 34.74%;
top: 52.96%; }
#u4103 {
left: 44.58%;
top: 41.55%; }
#u4105 {
left: 44.58%;
top: 29.93%; }
#u4106 {
left: 34.74%;
top: 41.55%; }
#u4107 {
left: 47.07%;
top: 18.97%; }
#u4108 {
left: 33.09%;
top: 30.36%; }
#u4110 {
left: 26.92%;
top: 19.6%; }
.tooltipster-base {
display: flex;
pointer-events: none;
position: absolute; }
.tooltipster-box {
flex: 1 1 auto; }
.tooltipster-content {
box-sizing: border-box;
max-height: 100%;
max-width: 100%;
overflow: auto; }
.tooltipster-ruler {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden; }
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity; }
.tooltipster-fade.tooltipster-show {
opacity: 1; }
.tooltipster-grow {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden; }
.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform; }
.tooltipster-swing.tooltipster-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }
.tooltipster-fall {
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }
.tooltipster-fall.tooltipster-initial {
top: 0 !important; }
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0 !important;
opacity: 0; }
.tooltipster-slide {
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }
.tooltipster-slide.tooltipster-initial {
left: -40px !important; }
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0 !important;
opacity: 0; }
@keyframes tooltipster-fading {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.tooltipster-update-fade {
animation: tooltipster-fading 400ms; }
@keyframes tooltipster-rotating {
25% {
transform: rotate(-2deg); }
75% {
transform: rotate(2deg); }
100% {
transform: rotate(0); } }
.tooltipster-update-rotate {
animation: tooltipster-rotating 600ms; }
@keyframes tooltipster-scaling {
50% {
transform: scale(1.1); }
100% {
transform: scale(1); } }
.tooltipster-update-scale {
animation: tooltipster-scaling 600ms; }
.tooltipster-sidetip .tooltipster-box {
background: #565656;
border: 2px solid black;
border-radius: 4px; }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px; }
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px; }
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px; }
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px; }
.tooltipster-sidetip .tooltipster-content {
color: white;
line-height: 18px;
padding: 6px 14px; }
.tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute; }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px;
margin-left: -10px;
top: 0;
width: 20px; }
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: 0;
top: 0;
width: 10px; }
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: 0;
top: 0;
width: 10px; }
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 0;
height: 10px;
margin-left: -10px;
width: 20px; }
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0; }
.tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent; }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #565656;
left: 0px;
top: 3px; }
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #565656;
left: -3px;
top: 0px; }
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #565656;
left: 3px;
top: 0px; }
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #565656;
left: 0px;
top: -3px; }
.tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0; }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: black; }
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: black; }
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: black; }
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: black; }
.tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative; }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px; }
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px; }
.tooltipster-sidetip.tooltipster-noir .tooltipster-box {
border-radius: 0;
border: 2px solid #000;
background: #fff; }
.tooltipster-sidetip.tooltipster-noir .tooltipster-content {
color: #000; }
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow {
height: 10px;
margin-left: -10px;
width: 20px; }
.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-left: 0;
margin-top: -10px;
width: 10px; }
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background {
border: 10px solid transparent; }
.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #fff;
top: 3px; }
.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background {
border-left-color: #fff;
left: -3px; }
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background {
border-right-color: #fff;
left: 3px; }
.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background {
border-top-color: #fff;
top: -3px; }
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border {
border-width: 10px; }
.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px; }
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px; }