.map_highlights{position:relative;max-width:1200px;margin:0 auto 20px}.map_highlights .loader{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:#fff;cursor:wait}.map_highlights .loader img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.map_highlights ul.legends{padding:0;margin:20px 25px;text-align:center}.map_highlights ul.legends li{display:inline-block}.map_highlights ul.legends li a{display:block;padding:5px 15px;background:#1e527a;color:#fff;cursor:pointer;margin:0 5px 10px}.map_highlights ul.legends li a.active{background:#fcdb26}h2.map-highlights-title{font-size:2em;color:#2A4666}.map-highlights-small{display:block;text-align:center;margin:0 auto 5px}.map_highlights .hcontainer{display:inline-block;position:relative;background-repeat:no-repeat;background-size:cover;overflow:hidden;box-shadow:0 0 0 10px rgb(0 0 0 / .1) inset}div:not(#popup-map-highlights) .map_highlights .hcontainer{cursor:pointer}.map_highlights .hcontainer .mobile-fence{position:absolute;left:0;top:0;width:100%;height:100%;display:none}.map-dot-animation{width:10px;height:10px;background:#9a2231;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;position:absolute;left:50%;top:50%;box-shadow:0 0 25px 10px #ffffffa6}.map_highlights .hcontainer ul li.current .map-dot-animation{display:none}.map_highlights .hcontainer ul li#Publicparkingareas1 .map-dot-animation{top:20%}.map_highlights .hcontainer ul li#Publicparkingareas2 .map-dot-animation{top:25%}.map_highlights .hcontainer ul li#BalboaPier .map-dot-animation{top:40%}.map-dot-animation::before,.map-dot-animation::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border:5px solid gray;border-radius:100%;animation:pulse linear 3s infinite}.map-dot-animation::after{animation-delay:-1.5s}.map_highlights .hcontainer img.bg{position:absolute;left:0;top:0}.map_highlights .hcontainer img.bg[attr-id="BalboaBoatRentals"]{clip-path:polygon(23% 81%,57% 116%,74% 72%,45% 57%);filter:brightness(150%)}.map_highlights .hcontainer img.bg[attr-id="BalboaIslandFerry"]{clip-path:polygon(8% 77%,17% 86%,41% 63%,31% 58%);filter:brightness(150%)}.map_highlights .hcontainer img.bg[attr-id="BalboaFunZone"]{clip-path:polygon(30% 30%,9% 38%,38% 55%,58% 39%);filter:brightness(150%)}.map_highlights .hcontainer img.bg[attr-id="Publicparkingareas2"]{clip-path:polygon(101% 59%,101% 43%,69% 35%,43% 29%,35% 33%,82% 45%,81% 52%);filter:brightness(150%)}.map_highlights .hcontainer img.bg[attr-id="Publicparkingareas1"]{clip-path:polygon(46% 23%,40% 24%,87% 30%,82% 27%);filter:brightness(150%)}.map_highlights .hcontainer img.bg[attr-id="ATM"]{clip-path:polygon(55% 36%,52% 39%,56% 40%,59% 37%);filter:brightness(150%)}.map_highlights .hcontainer img.bg[attr-id="NewportLandingRestaurant"]{clip-path:polygon(79% 71%,106% 83%,107% 60%,82% 52%);filter:brightness(150%)}.map_highlights .hcontainer img.bg[attr-id="BalboaPier"]{clip-path:polygon(53% 19%,40% 22%,53% 23%,55% 20%);filter:brightness(150%)}.map_highlights .hcontainer img.bg[attr-id="PacificYachtingClub"]{clip-path:polygon(82% 100%,189% 120%,102% 83%,78% 72%,77% 76%,83% 81%);filter:brightness(150%)}.map_highlights .hcontainer ul{position:absolute;left:0;top:0;padding:0;margin:0;list-style:none;width:100%;height:100%;perspective:1000px;-moz-transform:perspective(1000px)}.map_highlights .hcontainer ul li{position:absolute;text-align:center;height:1px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform:perspective(1000px);z-index:1}.map_highlights .hcontainer ul li .title{opacity:0;border:1px solid #fcdb26;display:none;background:#eb2328c7;margin:0 auto;position:absolute;left:30%;color:#fcdb26;bottom:100%;padding:10px 15px;border-radius:15px;line-height:100%;-moz-transform:rotateY(8deg) rotateZ(-35deg) rotateX(-50deg) translateY(-20%);-webkit-transform:rotateY(8deg) rotateZ(-35deg) rotateX(-50deg) translateY(-20%);-o-transform:rotateY(8deg) rotateZ(-35deg) rotateX(-50deg) translateY(-20%);-ms-transform:rotateY(8deg) rotateZ(-35deg) rotateX(-50deg) translateY(-20%);transform:rotateY(8deg) rotateZ(-35deg) rotateX(-50deg) translateY(-20%);transform-origin:bottom;-moz-transform-origin:bottom;-webkit-transform-origin:bottom;-o-transform-origin:bottom;-ms-transform-origin:bottom}.map_highlights .hcontainer ul li .con-1 .title{display:inline-block}.map_highlights .hcontainer ul li .title .arrow{width:0;height:0;border-left:10px solid #fff0;border-right:10px solid #fff0;border-top:12px solid #fcdb26;position:absolute;top:100%;left:0;right:0;margin:auto}.map_highlights .hcontainer ul li .title img{display:block;margin:15px auto 0}.map_highlights .hcontainer ul li .con{cursor:pointer;background:#fff0!important;position:absolute;height:100%;width:100%;left:0;top:0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform:perspective(1000px);-webkit-transform:rotateY(-35deg) rotateZ(14deg) rotateX(60deg);-moz-transform:rotateY(-35deg) rotateZ(14deg) rotateX(60deg);-o-transform:rotateY(-35deg) rotateZ(14deg) rotateX(60deg);-ms-transform:rotateY(-35deg) rotateZ(14deg) rotateX(60deg);transform:rotateY(-35deg) rotateZ(14deg) rotateX(60deg)}.map_highlights .hcontainer ul li.hover.current{z-index:2}.map_highlights .hcontainer ul li#BalboaBoatRentals{right:31%;bottom:2%;width:40%;height:44%}.map_highlights .hcontainer ul li#BalboaBoatRentals .title{left:0}.map_highlights .hcontainer ul li#BalboaIslandFerry{width:15%;left:18%;bottom:14%;height:35%}.map_highlights .hcontainer ul li#BalboaIslandFerry .title{left:-40%}.map_highlights .hcontainer ul li#BalboaFunZone{left:15%;top:19%;width:38%;height:40%}.map_highlights .hcontainer ul li#BalboaFunZone .title{left:30%;transform:rotateY(1deg) rotateZ(-50deg) rotateX(-65deg) translateY(-60%) skewX(-3deg)}.map_highlights .hcontainer ul li#BalboaFunZone .con-1{transform:rotateY(-30deg) rotateZ(15deg) rotateX(71deg)}.map_highlights .hcontainer ul li#Publicparkingareas1{right:10%;width:50%;height:8%;top:23%}.map_highlights .hcontainer ul li#Publicparkingareas1 .con-1{transform:rotateY(15deg) rotateZ(2deg) rotateX(60deg) skewX(15deg)}.map_highlights .hcontainer ul li#Publicparkingareas1 .con-1 .title{transform:rotateY(-8deg) rotateZ(8deg) rotateX(-75deg) translateY(-85%) skewX(-2deg);font-size:.7em}.map_highlights .hcontainer ul li#Publicparkingareas2{right:10%;width:50%;height:29%;top:29%}.map_highlights .hcontainer ul li#Publicparkingareas2 .title{left:15%;transform:rotateY(1deg) rotateZ(-25deg) rotateX(-73deg) translateY(-25%) skewX(4deg);font-size:.8em}.map_highlights .hcontainer ul li#Publicparkingareas2 .con-1{height:58%;width:100%;left:auto;right:-34%;top:16%;transform:rotateY(-37deg) rotateZ(14deg) rotateX(67deg) skewX(2deg)}.map_highlights .hcontainer ul li#Publicparkingareas2 .con-2{width:60%;left:auto;height:42%;right:-46%;top:63%;transform:rotateY(-30deg) rotateZ(14deg) rotateX(56deg) skewX(7deg)}.map_highlights .hcontainer ul li#Publicparkingareas2 .con-3{left:-8%;top:-9%;width:50%;height:49%;transform:rotateY(-35deg) rotateZ(15deg) rotateX(68deg)}.map_highlights .hcontainer ul li#Publicparkingareas2 .con-3 .title{display:inline-block;font-size:.6em}.map_highlights .hcontainer ul li#ATM{width:5%;height:5%;right:42%;top:35%}.map_highlights .hcontainer ul li#ATM .title{right:-15px;left:auto;transform:rotateY(0deg) rotateZ(-40deg) rotateX(-90deg) translateY(-45%) translateX(-20%) skewX(3deg);width:70px;font-size:.8em}.map_highlights .hcontainer ul li#ATM .con-1{transform:rotateY(-32deg) rotateZ(15deg) rotateX(69deg)}.map_highlights .hcontainer ul li#NewportLandingRestaurant{right:0%;bottom:24%;width:20%;height:26%}.map_highlights .hcontainer ul li#NewportLandingRestaurant .title{left:17%;transform:rotateY(0deg) rotateZ(-25deg) rotateX(-65deg) translateY(-20%) translateX(-26%) skewX(0deg)}.map_highlights .hcontainer ul li#NewportLandingRestaurant .con-1{transform:rotateY(-30deg) rotateZ(14deg) rotateX(60deg) skewX(8deg);left:5%}.map_highlights .hcontainer ul li#BalboaPier{width:8%;height:18%;left:46%;top:12%}.map_highlights .hcontainer ul li#BalboaPier .title{transform:rotateY(-3deg) rotateZ(-10deg) rotateX(-85deg) translateY(-30%);font-size:.8em;left:-30%}.map_highlights .hcontainer ul li#BalboaPier .con-1{transform:rotateY(-35deg) rotateZ(15deg) rotateX(68deg)}.map_highlights .hcontainer ul li#PacificYachtingClub{width:25%;height:25%;bottom:0%;right:0%}.map_highlights .hcontainer ul li#PacificYachtingClub .title{transform:rotateY(0deg) rotateZ(-25deg) rotateX(-60deg) translateY(50%) translateX(-20%) skewX(-6deg)}.map_highlights .hcontainer ul li#PacificYachtingClub .con-1{transform:rotateY(-35deg) rotateZ(14deg) rotateX(60deg) skewX(15deg);height:40%;width:100%;left:12%}.map_highlights .hcontainer ul li#PacificYachtingClub .con-2{transform:rotateY(-5deg) rotateZ(10deg) rotateX(35deg) skewX(0deg);top:25%;width:100%;left:30%}#popup-map-highlights{display:none;width:100%;height:100%;position:absolute;top:0;z-index:999;left:0;right:0;margin:0 auto;z-index:9990}#popup-map-highlights:before{content:'';background:rgb(0 0 0 / .5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:0}#popup-map-highlights .map-con{border-radius:5px 10px 5px 5px;position:absolute;left:0;right:0;width:1200px;top:3%;max-width:85%;max-height:90%;margin:auto;padding:15px}#popup-map-highlights .map_highlights{margin:0}#popup-map-highlights .map_highlights .hcontainer{margin:0 auto;display:block}#popup-map-highlights .map-highlights-small{display:none}#popup-map-highlights .hcontainer .popup-trigger{display:none}div:not(#popup-map-highlights) .hcontainer .popup-trigger{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:1}#popup-map-highlights a.close{position:absolute;right:-20px;top:25px;opacity:1;background:#fff;border-radius:100px;box-shadow:0 0 3px #333;width:40px;display:inline-block;height:40px;line-height:33px;font-size:50px;text-align:center}#popup-map-highlights h2.map-highlights-title{color:#fff;margin:0 auto 15px;text-align:center}#popup-map-highlights .map_highlights ul.legends{margin-bottom:0}@-webkit-keyframes showTitle{from{opacity:0}to{opacity:1}}@keyframes showTitle{from{opacity:0}to{opacity:1}}.showTitle{-webkit-animation-name:showTitle;animation-name:showTitle;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes pulse{0%{width:10px;height:10px;border-color:#fcdc87}100%{width:50px;height:50px;border-color:#fff0}}@media (max-width:768px){.map_highlights .hcontainer .mobile-fence{display:block;z-index:500}.map_highlights .hcontainer ul li .title{font-size:0.6em!important;margin-top:-20%!important}.map_highlights .hcontainer ul li .title img{max-height:50px}.map_highlights ul.legends li a{padding:15px}}