html {
    font-family: sans-serif;-ms-text-size-adjust: 100% ;-webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
#map {
  height: 100vh;
  border: 1px solid black;
}
figure, footer {
    display: block
}
a {
    background-color: transparent
}
a: active, a: hover {
    outline: 0
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
img {
    border: 0
}
figure {
    margin: 1em 40px
}
button, input {
    color: inherit;font: inherit;margin: 0
}
button {
    overflow: visible
}
button {
    text-transform: none
}
button {
    -webkit-appearance: button;
    cursor: pointer
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;padding: 0
}
input {
    line-height: normal
} /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, *: before, *: after {
        background: transparent!important;color: #000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^= "#"]: after {
        content: ""
    }
    img {
        page -
            break -inside: avoid
    }
    img {
        max-width: 100% !important
    }
    p, h2, h3 {
        orphans: 3;widows: 3
    }
    h2, h3 {
        page -
            break -after: avoid
    }
}
*{
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box
}*: before, *: after {
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    box-sizing: border-box
}
html {
    font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;background-color:#fff
}
input, button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
a {
    color: #337ab7;text-decoration:none}a:hover,a:focus{color:# 23527 c;text-decoration: underline
}
a: focus {
    outline: thin dotted;outline: 5px auto-webkit-focus-ring-color;outline-offset: -2px
}
figure {
    margin: 0
}
img {
    vertical-align: middle
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}
h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}
h1 { font-size: 72px; }
h2 { font-size: 48px; }
h3 { font-size: 36px; }
h4 { font-size: 26px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
p {
    margin: 0 0 10px
}.text-center {
    text-align: center
}
ul {
    margin-top: 0;
    margin-bottom: 10px
}.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px
}
@media(min-width: 768px) {
    .container {
        width: 760px
    }
}
@media(min-width: 992px) {
    .container {
        width: 980px;
    }
}
@media(min-width: 1200px) {
    .container {
        width: 980px
    }
}.row {
    margin-left: -20px;
    margin-right: -20px
}.col-sm-4, .col-md-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-md-10, .col-sm-12 {
    position: relative;min-height: 1px;padding-left: 20px;padding-right: 20px
}
@media(min-width: 768px) {
    .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-12 {
        float: left
    }.col-sm-12 {
        width: 100%
    }.col-sm-7 {
        width: 58.33333333%
    }.col-sm-6 {
        width: 50%
    }.col-sm-5 {
        width: 41.66666667%
    }.col-sm-4 {
        width: 33.33333333%
    }
}
    @media (min-width:992px){
        .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
            float:left
        }
        .col-md-12{
            width:100%
        }
        .col-md-11{
            width:91.66666667%
        }
        .col-md-10{
            width:83.33333333%
        }
        .col-md-9{
            width:75%
        }
        .col-md-8{
            width:66.66666667%
        }
        .col-md-7{
            width:58.33333333%
        }
        .col-md-6{
            width:50%
        }
        .col-md-5{
            width:41.66666667%
        }
        .col-md-4{
            width:33.33333333%
        }
        .col-md-3{
            width:25%
        }
        .col-md-2{
            width:16.66666667%
        }
        .col-md-1{
            width:8.33333333%
        }
    }
    .btn{
        padding:6px 15px;
        background: #0B90E1;
        border-radius:0;
        text-align: center;
        border:2px solid #629DD5;
        text-transform:inherit;
        font-size: 16px;
        position: relative;
        text-transform: uppercase;
        font-weight: bold;

    }.btn: focus, .btn: active: focus {
        outline: thin dotted;outline: 5px auto-webkit-focus-ring-color;outline-offset: -2px
    }.btn: hover, .btn: focus {
        color: #333;text-decoration:none}.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive iframe{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.row:after{clear:both}@-ms-viewport{width:device-width}

#selectFloor{
 display: flex;
 align-items: center;
 left: 0;
 top: 0;
 justify-content: flex-start;
 padding-inline-start:0;
 list-style: none outside;
 flex-direction: row;
}

.relative li{
    width: 50px;
    height: 50px;
    background-color: #0B90E1;  
    margin: 0 5px 5px 0;  
    font-weight: bold;   
    justify-content: center;
    padding: 5px;
    font-size: 12px;
}
.mt-10{margin-top: 10px;}
.container[datafloor="floor1"] li[datafloor="floor1"],
.container[datafloor="floor2"] li[datafloor="floor2"],
.container[datafloor="floor3"] li[datafloor="floor3"],
.container[datafloor="floor4"] li[datafloor="floor4"]
{outline: 2px solid #f29830;}

li[datafloor]:hover {
  background: #D4925C;
  }
  .relative li>div:first-child{
    border-bottom: 1px solid #fff;    
  }
  .relative li>div {
    padding: 2px;
    text-align: center;
    margin: 0 2px;
    color: #fff !important;
  }
.container div[datafloor]{
    display: none;
    margin-bottom: 10px;
}

#highlight{
    margin-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px solid #333;
}

  .container[datafloor="floor1"] div[datafloor="floor1"],
  .container[datafloor="floor2"] div[datafloor="floor2"],
  .container[datafloor="floor3"] div[datafloor="floor3"],
  .container[datafloor="floor4"] div[datafloor="floor4"]
  {display: block;}

  #popup{
    position: absolute;
    width: 150px;
    padding: 10px;
    border: solid 1px #333;
    background: white;
    box-shadow: 3px 8px rgba(128,128,128, .5);
    font-size: 10px;
    z-index: 9;
  }
  #popup .title{

  }
  #popup .title{
    font-size: 12px;
    background-color: #0B90E1;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    margin: 5px 0;
  }
  #popup img{width: 100%; margin-bottom: 5px;}

  #btnClose{
    float: right;
    padding: 5px;
    font-size: 10px;
  }
  #btnClose:hover{
    color: 0B90E1;
  }

  
/*
@font-face{font-family:'FontAwesome' ;src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-chevron-right:before{content:"\f054"}.fa-arrow-right:before{content:"\f061"}.fa-gears:before{content:"\f085"}.fa-television:before{content:"\f26c"}*/