svg .rooms *{cursor:pointer;}
.popup-look{background-color:white;border-radius:10px;font-family:'Futura', sans-serif;font-weight:500;font-size:11px;text-align:left;padding:15px 20px;}
.plan-wrapper{width:1300px;height:700px;margin:0px auto;position:relative;right:0px;top:50px;}
body.gallery-plan{padding-top:0px;}
body.gallery-plan .ui-page{overflow:hidden;}
body.gallery-plan #header{position:relative !important;top:0px !important;margin-top:0px !important;}
#gallery-plan{background:url('../../img/malta/mapa_bg.png') no-repeat 30% top;min-height:866px;position:relative;}
#gallery-plan .plan-levels{-webkit-transition:0.5s all;transition:0.5s all;position:absolute;bottom:0px;left:90px;}
#gallery-plan .plan-levels li{width:93px;height:93px;line-height:93px;margin:10px 0px;background-color:white;border-radius:50px;text-align:center;vertical-align:middle;font-weight:500;font-size:48px;font-family:'Futura', sans-serif;cursor:pointer;}
#gallery-plan .plan-levels li.active, #gallery-plan .plan-levels li:hover{background-color:#233355;color:white;}
#gallery-plan .plan-brand{width:265px;height:265px;line-height:265px;background-color:white;text-align:center;vertical-align:middle;border-radius:500px;margin-bottom:15px;margin-left:-90px;opacity:0;-webkit-transition:0.5s all;transition:0.5s all;display:none;margin-top:15px;}
#gallery-plan .plan-brand.visible{opacity:1 !important;display:inline-block;}
#gallery-plan .plan-legend{-webkit-transition:0.5s all;transition:0.5s all;position:absolute;right:0px;text-align:center;z-index:7000;}
#gallery-plan .plan-legend .plan-legend-i{width:93px;height:93px;line-height:93px;background-color:#233355;color:white;border-radius:50px;text-align:center;vertical-align:middle;font-weight:500;font-size:60px;font-family:'Futura', sans-serif;display:inline-block;margin-bottom:28px;cursor:pointer;}
#gallery-plan .plan-legend .plan-legend-content{width:220px;opacity:0;visibility:hidden;-webkit-transition:0.5s all;transition:0.5s all;height:0px;}
#gallery-plan .plan-legend.showed .plan-legend-content{opacity:1;visibility:visible;height:auto;}
#gallery-plan .plan-legend .plan-legend-content h3, .plan-arcades h3{font-family:'Futura', sans-serif;font-size:20px;margin-bottom:15px}
#gallery-plan .plan-legend .plan-legend-content li{margin:5px 0px;}
#gallery-plan .plan-legend .plan-legend-content li img{}
#gallery-plan .plan-legend .plan-legend-content li span{width:60px;display:inline-block;text-align:center;margin-right:10px;}
.plan-arcades{position:absolute;right:380px;opacity:0;-webkit-transition:0.5s all;transition:0.5s all;}
.plan-arcades.showed{opacity:1;}
.plan-arcades li{margin-bottom:15px;}
.arcade-square{width:22px;height:22px;margin-right:10px;display:inline-block;vertical-align:middle}
.orange-bg{background-color:#f3ad8b}
.blue-bg{background-color:#6acded}
.green-bg{background-color:#d1df6d}
.levels-show{width:930px;margin:0px auto;position:relative;right:0px;top:230px;}
.levels-show svg{width:930px;height:375px}
.levels-wrapper{margin-top:0px;position:relative;right:0px;top:0px;}
.level-wrapper{position:absolute;transition:1.0s margin ease-in-out;-webkit-transition:1.0s margin ease-in-out;left:0px;top:0px;}
.level-2{margin-top:-1000px;z-index:5000}
.level-1{margin-top:-1000px;z-index:3000;}
.level-0{z-index:2000;}
.level-2.active{margin-top:-230px}
.level-1.active{margin-top:-120px}
.level-1 svg{}
.levels-show svg *{transition:0.5s all;-webkit-transition:0.5s all}
.levels-show svg .arcade.green{fill:#d1df6d}
.levels-show svg .arcade.blue{fill:#6acded}
.levels-show svg .arcade.orange{fill:#f3ad8b}
svg *{-webkit-transition:0.5s all;transition:0.5s all;}
svg .room{cursor:pointer;}
svg .room:hover,
svg .stand:hover,
svg .rooms path:hover,
svg .rooms polygon:hover,
svg .stands path:hover,
svg .stands polygon:hover,
svg .selected{fill:red;}
svg .icons{-webkit-transition:0.5s all;transition:0.5s all;display:inline-block;opacity:0;visibility:hidden}
.current svg .icons{display:inline-block;opacity:1;visibility:visible}
.levels-show svg .level-border{fill:transparent}
.levels-show .current svg .level-border{fill:#F37876}
.levels-show svg .stand, .levels-show svg .stands path, .levels-show svg .stands polygon{display:none}
.levels-show svg .stand.show, .levels-show svg .stands path.show, .levels-show svg .stands polygon.show{display:block;}
#gallery-plan .plan-legend.showed{z-index:7002;}
#gallery-plan .plan-arcades.showed{z-index:7002;}
#gallery-plan .active-lvl1 .plan-arcades{top:auto;}
#gallery-plan .active-lvl2 .plan-arcades{top:auto;bottom:150px;}
@media all and (max-width:1400px){#gallery-plan .plan-legend{right:0px;}
#gallery-plan .plan-wrapper{width:100%;height:auto;}
#gallery-plan{background-position:35% top;}
#gallery-plan .levels-show{position:relative;}
}
@media all and (max-width:1199px){#gallery-plan .plan-brand{margin-left:0px;}
#gallery-plan .plan-levels{left:0px;}
#gallery-plan .levels-show{}
#gallery-plan .plan-legend{}
#gallery-plan .plan-arcades{right:300px;}
#gallery-plan .plan-brand{width:200px;height:200px;line-height:200px;}
#gallery-plan .plan-levels{z-index:6000;}
.gallery-plan #ourbrands{padding:50px 0px 20px;}
}
@media all and (max-width:1023px){#gallery-plan .levels-show{width:100%;}
#gallery-plan{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#gallery-plan .levels-show{}
.container{padding-left:15px !important;padding-right:15px !important;}
#gallery-plan .plan-brand{display:inline-block;}
#gallery-plan .plan-levels ul{display:inline-block;}
#gallery-plan .plan-levels ul li{display:inline-block;margin:5px;}
#gallery-plan .plan-legend{top:15px;}
.plan-arcades h3{display:inline-block;margin-right:10px;margin-bottom:0px;vertical-align:middle;}
.plan-arcades ul{display:inline-block;}
.plan-arcades li{display:inline-block;margin-bottom:0px;}
.plan-arcades li+li{margin-left:10px;}
#gallery-plan .plan-arcades{top:auto;bottom:150px;right:0px;position:fixed;}
#gallery-plan .plan-levels{top:20px;}
#gallery-plan .plan-legend .plan-legend-content{position:fixed;left:0px;bottom:0px;width:100%;}
#gallery-plan .plan-legend .plan-legend-content li img{margin-right:5px;}
#gallery-plan .plan-legend .plan-legend-content li{display:inline-block;margin-right:5px;}
#gallery-plan .plan-legend .plan-legend-content h3{margin-bottom:5px;}
#gallery-plan .plan-wrapper.active-lvl1 .plan-legend{top:30px;}
#gallery-plan .plan-wrapper.active-lvl1 .plan-levels{top:-30px;}
#gallery-plan .plan-wrapper.active-lvl2 .plan-legend{top:-40px;}
#gallery-plan .plan-levels{top:-45px;right:0px;left:0px;text-align:center;}
#gallery-plan .plan-wrapper.active-lvl2 .plan-brand{float:left;}
#gallery-plan .plan-wrapper.active-lvl2 .plan-levels{top:300px;}
}
@media all and (max-width:767px){#gallery-plan .plan-arcades{top:0px;}
#gallery-plan .plan-brand{width:150px;height:150px;line-height:130px;padding:10px;}
#gallery-plan .plan-levels li{width:80px;height:80px;line-height:80px;}
#gallery-plan .plan-legend .plan-legend-i{width:80px;height:80px;line-height:80px;}
#gallery-plan .plan-legend{top:150px;right:5px;left:auto;}
#gallery-plan .plan-wrapper.active-lvl1 .plan-legend{top:100px;}
#gallery-plan .plan-wrapper.active-lvl2 .plan-legend{top:-20px;}
#gallery-plan .plan-wrapper.active-lvl2 .plan-levels{top:300px;text-align:right;padding-right:90px;}
#gallery-plan .plan-levels{top:20px;}
#header{z-index:7001;position:relative;}
#gallery-plan{}
#gallery-plan .plan-arcades{top:auto !important;}
#gallery-plan .plan-legend .plan-legend-content li span{font-size:10px;width:auto;margin-right:0px;}
#gallery-plan .plan-levels{right:0px;text-align:right;}
}
@media all and (max-width:580px){#gallery-plan .plan-wrapper.active-lvl2 .plan-levels{padding-right:0px;}
#gallery-plan .plan-legend .plan-legend-i{}
#gallery-plan .plan-wrapper.active-lvl2 .plan-legend{top:10px;right:15px;}
}
@media all and (max-width:479px){#gallery-plan{}
#gallery-plan .levels-show{}
#gallery-plan .plan-brand{width:120px;height:120px;line-height:100px;padding:10px;}
#gallery-plan .plan-levels li{width:60px;height:60px;line-height:60px;font-size:40px;}
#gallery-plan .plan-legend{top:80px;left:auto;right:0px;}
#gallery-plan .level-wrapper{left:-200px;}
.plan-arcades li{margin-top:5px;font-size:9px;}
#gallery-plan .plan-levels ul li{margin:3px;}
#gallery-plan .plan-legend .plan-legend-content li{font-size:10px;}
#gallery-plan .plan-legend .plan-legend-i{width:60px;height:60px;line-height:60px;font-size:40px;}
#gallery-plan .plan-wrapper.active-lvl2 .plan-legend{top:10px;right:0px;}
#gallery-plan .plan-wrapper.active-lvl1 .plan-legend{top:30px;}
#gallery-plan .plan-legend .plan-legend-content{display:none !important;}
#gallery-plan .plan-arcades{display:none !important;}
#gallery-plan .plan-brand.visible{display:inline-block;top:5px;left:5px;}
}