.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} #mapSuperCont {margin:0 auto;width:1000px;height:1200px;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} body.rotate #mapSuperCont {height:1000px;width:1200px;transform:none;margin:0 auto} #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?v2);position:relative;background-position: 0 0;width: 1000px;height:1200px;background-repeat:no-repeat} body.rotate #map {background-image:url(mapR.png?v2);position:relative;background-position: 0 0;width: 637px; height: 1410px;} #mapCont {border-radius: 2px;background:#fff} #mapCont1,#mapCont1>div, #mapSuperCont,#mapCont, #mapContInner {overflow:visible} #mapCont1>div {margin:0 auto;} #moreSites {display:none} @media only screen and (max-width:1050px) {#mapSuperCont { transform:translate(-5%, -60px) scale(.9,.9)} #mapCont1>div {width:900px} #rotateccw90 {transform: translate( 1px, 1px) scale(1.04,1.04)} } @media only screen and (max-width:935px) {#mapSuperCont { transform:translate(-10%, -120px) scale(.8,.8)} #mapCont1>div {width:100%;overflow-x:scroll} #rotateccw90 {transform: translate( 1px, 1px) scale(1.04,1.04)} } /* @media only screen and (max-width:935px) {#mapSuperCont { transform:translate(-10%, -120px) scale(.8,.8)} #mapCont1>div {width:800px} #rotateccw90 {transform: translate( 1px, 1px) scale(1.04,1.04)} } @media only screen and (max-width:835px) {#mapSuperCont { transform:translate(-15%, -180px) scale(.7,.7)} #mapCont1>div {width:100%;overflow-x:scroll} #rotateccw90 {transform: translate( 1px, 1px) scale(1.04,1.04)} } */ #mapSuperCont section span {cursor:pointer;display:none} #mapSuperCont section span {display:block;border-radius:4px;border-width:1.5px;border-style:solid;color:#000;background:#fff;font-size:11px;font-family:sans-serif;padding:1px;line-height:12px;} #mapSuperCont #map section span {display:block;position:absolute} #map section span:hover {background:var(--color-bg-block)} #mapSuperCont section span.so {background:#111;color:#ccc} #map section span.so:hover {background:#111} #mapSuperCont section span.spnp {background:#555;color:#ccc} #map section span.spnp:hover {background:#111} #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 {padding:3px!important;margin-left:-3px;margin-top:-3px;} #mapSuperCont section.orange span {border-color:#ad503f} #mapSuperCont section.green span {border-color:#056739;margin-top:-7px;} #mapSuperCont section.blue span {border-color:#0090ec} #mapSuperCont section.navy span {border-color:#006e8a} #mapSuperCont section.purple span {border-color:#5d2685;margin-left:-5px;} #mapSuperCont section span.temphide {border-color:transparent} #mapSuperCont section span.temphide:after {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 section.orange span.temphide {background:#f6b28e;color:#ad503f} #mapSuperCont section.purple span.temphide {background:#c493c1;color:#ad503f} #mapSuperCont section.blue span.temphide {background:#8bc6ec;color:#0090ec} #mapSuperCont section.navy span.temphide {background:#20768c;color:#006e8a} #mapSuperCont section.purple span.temphide {background:#c493c1;color:#5d2685} #legend,.legend {display:none} .legend span {border:none;display:none} /*body:not(.rotate) .orange span {transform: rotate(-45deg);margin-left:-2px;margin-top:-2px} body:not(.rotate) .orange2 span {transform: rotate(65deg);} body:not(.rotate) .pink span { transform: rotate(-45deg);margin-left:-2px;margin-top:-2px} */ body.rotate #map section span {left:auto;} #rnBI103 {left:45px; top:231px} body.rotate #rnBI103 {top:45px; right:231px} #rnBI105 {left:45px; top:263.5px} body.rotate #rnBI105 {top:45px; right:263.5px} #rnBI107 {left:45px; top:296.08px} body.rotate #rnBI107 {top:45px; right:296.08px} #rnBI109 {left:45px; top:328.66px} body.rotate #rnBI109 {top:45px; right:328.66px} #rnBI111 {left:45px; top:361.24px} body.rotate #rnBI111 {top:45px; right:361.24px} #rnBI114 {left:45px; top:393.82px} body.rotate #rnBI114 {top:45px; right:393.82px} #rnBI116 {left:45px; top:426.4px} body.rotate #rnBI116 {top:45px; right:426.4px} #rnBI118 {left:45px; top:458.98px} body.rotate #rnBI118 {top:45px; right:458.98px} #rnBI119 {left:45px; top:491.56px} body.rotate #rnBI119 {top:45px; right:491.56px} #rnBI120 {left:45px; top:524.14px} body.rotate #rnBI120 {top:45px; right:524.14px} #rnBI121 {left:45px; top:556.72px} body.rotate #rnBI121 {top:45px; right:556.72px} #rnBI122 {left:45px; top:589.3px} body.rotate #rnBI122 {top:45px; right:589.3px} #rnBI123 {left:45px; top:621.88px} body.rotate #rnBI123 {top:45px; right:621.88px} #rnBI125 {left:45px; top:654.46px} body.rotate #rnBI125 {top:45px; right:654.46px} #rnBI127 {left:45px; top:687.04px} body.rotate #rnBI127 {top:45px; right:687.04px} #rnBI129 {left:45px; top:719.62px} body.rotate #rnBI129 {top:45px; right:719.62px} #rnBI131 {left:45px; top:752.2px} body.rotate #rnBI131 {top:45px; right:752.2px} #rnBI133 {left:45px; top:784.78px} body.rotate #rnBI133 {top:45px; right:784.78px} #rnBI135 {left:45px; top:817.36px} body.rotate #rnBI135 {top:45px; right:817.36px} #rnBI137 {left:45px; top:849.94px} body.rotate #rnBI137 {top:45px; right:849.94px} #rnBI138 {left:45px; top:882.52px} body.rotate #rnBI138 {top:45px; right:882.52px} #rnBI139 {left:45px; top:915.1px} body.rotate #rnBI139 {top:45px; right:915.1px} #rnBI140 {left:45px; top:947.68px} body.rotate #rnBI140 {top:45px; right:947.68px} #rnBI141 {left:50px; top:998px} body.rotate #rnBI141 {top:50px; right:998px} #rnBI142 {left:60px; top:1028px} body.rotate #rnBI142 {top:60px; right:1028px} #rnBI143 {left:70px; top:1058px} body.rotate #rnBI143 {top:70px; right:1058px} #rnPT136 {left:150px; top:811px} body.rotate #rnPT136 {top:150px; right:811px} #rnPT134 {left:150px; top:780px} body.rotate #rnPT134 {top:150px; right:780px} #rnPT132 {left:150px; top:748px} body.rotate #rnPT132 {top:150px; right:748px} #rnPT130 {left:150px; top:715px} body.rotate #rnPT130 {top:150px; right:715px} #rnPT128 {left:150px; top:682px} body.rotate #rnPT128 {top:150px; right:682px} #rnPT126 {left:150px; top:649px} body.rotate #rnPT126 {top:150px; right:649px} #rnPT124 {left:150px; top:616px} body.rotate #rnPT124 {top:150px; right:616px} #rnPT117 {left:150px; top:451px} body.rotate #rnPT117 {top:150px; right:451px} #rnPT115 {left:150px; top:419px} body.rotate #rnPT115 {top:150px; right:419px} #rnPT112 {left:150px; top:386px} body.rotate #rnPT112 {top:150px; right:386px} #rnPT110 {left:150px; top:353px} body.rotate #rnPT110 {top:150px; right:353px} #rnPT108 {left:150px; top:320px} body.rotate #rnPT108 {top:150px; right:320px} #rnPT106 {left:150px; top:287px} body.rotate #rnPT106 {top:150px; right:287px} #rnPT104 {left:150px; top:254px} body.rotate #rnPT104 {top:150px; right:254px} #rnPT102 {left:150px; top:221px} body.rotate #rnPT102 {top:150px; right:221px} #rnPT53 {left:294px; top:815px} body.rotate #rnPT53 {top:294px; right:815px} #rnPT55 {left:294px; top:779.941px} body.rotate #rnPT55 {top:294px; right:779.941px} #rnPT57 {left:294px; top:744.882px} body.rotate #rnPT57 {top:294px; right:744.882px} #rnPT59 {left:294px; top:709.823px} body.rotate #rnPT59 {top:294px; right:709.823px} #rnPT61 {left:294px; top:674.764px} body.rotate #rnPT61 {top:294px; right:674.764px} #rnPT63 {left:294px; top:639.705px} body.rotate #rnPT63 {top:294px; right:639.705px} #rnPT65 {left:294px; top:604.646px} body.rotate #rnPT65 {top:294px; right:604.646px} #rnPT66 {left:294px; top:569.587px} body.rotate #rnPT66 {top:294px; right:569.587px} #rnPT67 {left:294px; top:534.528px} body.rotate #rnPT67 {top:294px; right:534.528px} #rnPT68 {left:294px; top:499.469px} body.rotate #rnPT68 {top:294px; right:499.469px} #rnPT69 {left:294px; top:464.41px} body.rotate #rnPT69 {top:294px; right:464.41px} #rnPT70 {left:294px; top:429.351px} body.rotate #rnPT70 {top:294px; right:429.351px} #rnPT72 {left:294px; top:394.292px} body.rotate #rnPT72 {top:294px; right:394.292px} #rnPT74 {left:294px; top:359.233px} body.rotate #rnPT74 {top:294px; right:359.233px} #rnPT76 {left:294px; top:324.174px} body.rotate #rnPT76 {top:294px; right:324.174px} #rnPT78 {left:294px; top:289.115px} body.rotate #rnPT78 {top:294px; right:289.115px} #rnPT80 {left:294px; top:254.056px} body.rotate #rnPT80 {top:294px; right:254.056px} #rnPT84 {left:294px; top:218.997px} body.rotate #rnPT84 {top:294px; right:218.997px} #rn44 {left:134px; top:905px} body.rotate #rn44 {top:134px; right:905px} #rn45 {left:165.86px; top:905px} body.rotate #rn45 {top:165.86px; right:905px} #rn46 {left:197.72px; top:905px} body.rotate #rn46 {top:197.72px; right:905px} #rn47 {left:229.58px; top:905px} body.rotate #rn47 {top:229.58px; right:905px} #rn48 {left:261.44px; top:905px} body.rotate #rn48 {top:261.44px; right:905px} #rn49 {left:293.3px; top:905px} body.rotate #rn49 {top:293.3px; right:905px} #rn50 {left:325.16px; top:905px} body.rotate #rn50 {top:326.16px; right:905px} #rn51 {left:357.02px; top:905px} body.rotate #rn51 {top:357.02px; right:905px} #rnBI23 {left:164px; top:1005px} body.rotate #rnBI23 {top:164px; right:1005px} #rnBI22 {left:197px; top:1005px} body.rotate #rnBI22 {top:197px; right:1005px} #rnBI21 {left:227px; top:1005px} body.rotate #rnBI21 {top:227px; right:1005px} #rnBI20 {left:260px; top:1005px} body.rotate #rnBI20 {top:260px; right:1005px} #rnBI18 {left:326px; top:1005px} body.rotate #rnBI18 {top:326px; right:1005px} #rnBI16 {left:395px; top:1005px} body.rotate #rnBI16 {top:395px; right:1005px} #rnBI28 {left:182px; top:1057px} body.rotate #rnBI28 {top:182px; right:1057px} #rnBI30 {left:215px; top:1057px} body.rotate #rnBI30 {top:215px; right:1057px} #rnBI32 {left:246px; top:1057px} body.rotate #rnBI32 {top:246px; right:1057px} #rnBI34 {left:279px; top:1057px} body.rotate #rnBI34 {top:279px; right:1057px} #rnBI38 {left:346px; top:1057px} body.rotate #rnBI38 {top:346px; right:1057px} #rnPT26 {left:141px; top:1033px} body.rotate #rnPT26 {top:141px; right:1033px} #rnPT40 {left:371px; top:1033px} body.rotate #rnPT40 {top:371px; right:1033px} #rnBI25 {left:147px; top:1140px} body.rotate #rnBI25 {top:147px; right:1140px} #rnBI27 {left:177.4px; top:1140px} body.rotate #rnBI27 {top:177.4px; right:1140px} #rnBI29 {left:207.8px; top:1140px} body.rotate #rnBI29 {top:207.8px; right:1140px} #rnBI31 {left:238.2px; top:1140px} body.rotate #rnBI31 {top:238.2px; right:1140px} #rnBI33 {left:268.6px; top:1140px} body.rotate #rnBI33 {top:268.6px; right:1140px} #rnBI35 {left:299px; top:1140px} body.rotate #rnBI35 {top:299px; right:1140px} #rnBI37 {left:329.4px; top:1140px} body.rotate #rnBI37 {top:329.4px; right:1140px} #rnBI39 {left:359.8px; top:1140px} body.rotate #rnBI39 {top:359.8px; right:1140px} #rnBI41 {left:390.2px; top:1140px} body.rotate #rnBI41 {top:390.2px; right:1140px} #hotel {position:absolute;left:403px;top:439px;width:350px;height:320px;} #mapSuperCont #map section span.hidden1,#mapSuperCont #map section span.hidden2 {display:none;xcolor:transparent!important;xopacity:.8} .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}