.selectRoomRateMessage {position:relative} #main #mapviewlegend {position:absolute;top:8px;left:8px;display:none;color:#fff;font-weight:bold;display:none} #main.mapView #mapCont, #main.mapView #mapviewlegend {display:block} #main.mapView div.avpagebottom {display:none} #main.mapView #mapCont1, #main.mapView #mapviewlegend {display:block} .showMap {position:absolute;top:0;right:5px;width:100px;text-align:center;display:block;font-size:18px;padding:3px 10px;height:32px;line-height:26px;color:var(--color-white);background:var(--color-btn);border-radius:var(--btn-radius)} .showMap:hover,.hideMap:hover {background:var(--color-bg-block)} .showMap:before {content:'View Map'} #main.mapView .showMap:before {content:'Hide Map'} #mapCont1 {display:none;} #main.mapView #mapCont1 {display:block} #main.mapView .wrapper-first, #main.mapView .showMapx, #main.mapView .stay-room-filterx {display:none} #rotateccw90 {position:absolute;background:#ff0;width:30px;height:30px;border-radius:15px;top:10px;left:10px;overflow:hidden;z-index:18;overflow:hidden;} #rotateccw90 a {text-align:center;display:block;position:absolute;top:1px;left:7px;} #rotateccw90 img {width:16px; height:16px;} body.rotate #rotateccw90 img {transform:rotate(-90deg)} #mapCont>div {overflow:visible} #map {background-image:url(map.png);position:relative;background-position: 0 0;width: 1190px;height:1770px;background-repeat:no-repeat} #mapCont {border-radius: 2px;background:#fff} #mapCont1,#mapCont1>div, #mapSuperCont,#mapCont, #mapContInner {overflow:visible} #mapCont1>div {margin:0 auto;} #moreSites {display:none} #mapSuperCont {margin:0 auto;position:relative;overflow:hidden;-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none} #mapSuperCont {width:var(--map-width);height:var(--map-height)} @media only screen and (max-width:1250px) {#mapCont1>div {width:95%;height:600px;overflow-x:auto;overflow-y:auto} } #moreSites {left:373px;top:399px;position: absolute;transform: rotate(-38deg);width:auto;background: #ff5;border: 3px solid #ff5;font-weight:bold;color:red} #moreSites:before {content:'← '} body.rotate #moreSites {transform: rotate(50deg);left: 356px;top: 763px;} body.rotate #moreSites:before {content:''} body.rotate #moreSites:after {content:'→'} #roomZm {position:absolute;width:300px;height:300px;z-index:18;display:none;} #roomZm .close {position:absolute;top:-15px;left:-15px;background-color:var(--color-btn);color:#fff;width:30px;height:30px;font-size: 12px;font-weight:bold;line-height: 28px;border-radius:15px;text-align:center;z-index:19;} #roomZm .close:hover {background-color:var(--color-bg-block)} #roomZm .ttC {line-height:1.2em;box-shadow:2px 2px #550;background: #fff;border:1px solid #550;border-radius: 5px;display: none;width:100%;height:100%;display:block;box-sizing:border-box;padding:10px;font-size:13px;position:relative} #roomZm .ttC p {margin:0} #mapSuperCont.clicked #roomZm {display:block} #roomZm .ttC .rtDesc {max-height:180px;overflow:auto} #roomZm .ttC .rtDesc ul {margin-top:0;margin-bottom:0;} #roomZm .ttC button {display:block;margin:1em auto} #roomZm .ttC dd {display:block;margin:1em auto;color:red} .roomNumber {} .room-reservation_description-tl h2 em {font-style:normal} .roomNumber:before,.room-reservation_description-tl h2 em:before {content:" - SITE: "} .bookPage .roomNumber {display:block} .bookPage .roomNumber:after, .bookPage .roomNumber:before, .bookedPage .roomNumber:after,.bookedPage .roomNumber:before {content:""} .bookedPage .roomNumber strong {color:#822137} #roomZm .amenitiesOpen, #roomZm .amenitiesClose {display:none} #roomZm .rmaction {position:absolute; bottom:10px; left:10px; right:10px; text-align:center} .rmNum .rtHide {display:none} #avByRooom #reservations,#avByRooom #analysys,#avByRooom #roomtypes,#avByRooom #rooms {display:none;border:1px solid #eee} #avByRooom pre {margin:0} #avByRooom em {text-style:normal;background:#eee;border:1px solid #550;border-radius:3px;padding:1px;margin:1px;display:inline-block;text-transform:capitalize} #avByRooom em.g {background:#efe;border-color:#afa} #avByRooom a {font-family:sans-serif;line-height:1.3em;text-decoration:none;color:#000} #avByRooom a.show:after {content:' ▼';color:#fff;color:#900} #avByRooom a.hide:after {content:' ▲';color:#fff;color:#900} #mapSuperCont section span {display:block;position:absolute;cursor:pointer;border-radius:3px;border-width:1px;border-style:solid;font-size:11px;font-family:sans-serif;line-height:11px} #mapSuperCont section span {min-width: 27px;text-align:center;margin-left:-14px;margin-top:-6px;background:var(--map-site-bg);color:var(--map-site-color);border-color:var(--map-site-border)} #mapSuperCont section span:hover {background:var(--map-site-bg-hover);color:var(--map-site-color-hover)} #mapSuperCont #map section span.temphide, #mapSuperCont #map section span.hidden1, #mapSuperCont #map section span.hidden2 {border-color:#b7ccb2;cursor:not-allowed;color:#444} #mapSuperCont #map section span.temphide:after, #mapSuperCont #map section span.hidden1:after, #mapSuperCont #map section span.hidden2:after {z-index:2;position:absolute;top:-5px;right:-5px;background:transparent;display:block;content:"\ee50";font-family:'icons'!important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1} #mapSuperCont #map section span.temphide:hover, #mapSuperCont #map section span.hidden1:hover, #mapSuperCont #map section span.hidden2:hover {background:background:var(--map-site-bg)} #mapSuperCont section span.spnp, #mapSuperCont section span.so {border-color:#b7ccb2;cursor:not-allowed;color:#444} #mapSuperCont section span.spnp:after, #mapSuperCont section span.so:after {z-index:2;position:absolute;top:-5px;right:-5px;background:transparent;display:block;content:"\ee50";font-family:'icons'!important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1} #map section span.spnp:hover, #map section span.so:hover {background:#9db397} .rmaction .siteButton { background-color: var(--color-btn)} .rmaction .siteButton:hover {background-color: var(--color-bg-block)} #pys {position:fixed;z-index:100;background-color:#00000055;left:0;right:0;top:0;bottom:0} #pys>div {border-radius:5px;box-shadow: 1px 1px 2px #555;position:absolute;left:calc(50% - 150px);width:300px;top:calc(50% - 65px);height:130px;background:#fff;color:#000;text-align:center;padding:30px}