.icon-info {
  position: absolute;
  opacity: 0.75;
  left: 30px;
  bottom: 15%;
  z-index: 999;
  color: #004e8c;
  cursor: pointer;
  font-size: 30px;
}

.icon-info:hover {
    opacity: 2;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

.input-box.box {
    display: block;
    right: 30px;
    width: auto;
    top: 30px;
    overflow: visible;
    width: 195px;
    padding: 0;
    background: transparent;
}

.input-wrapper {
    height: 30px;
}

.input-zip {
    border-radius: 3px 0 0 3px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    height: 100%;
    width: 100%;
    float: left;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.awesomplete {
    height: 100%;
    width: 75%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.awesomplete > ul {
    width: 195px !important;
}

.awesomplete > ul li {
    padding: .6em 1em !important;
    font-size: 12px !important;
}

.input-zip:focus {
    outline: none;
    color: #222;
}

.input-button {
    font-family: Arial, sans-serif;
    display: block;
    border: 1px solid #ccc;
    border-left: none;
    background: #fff;
    font-size: 12px;
    border-radius: 0 3px 3px 0;
    padding: 6px .5em;
    font-weight: bold;
    border-bottom: 1px solid #777;
    line-height: 100%;
    height: 100%;
    float: right;
    width: 25%;
    cursor: pointer;
    font-weight: bold;
}

.input-button:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.input-button:focus {
    outline: none;
}
/*****************

 General

*****************/

a,
a:hover,
a:visited,
a:hover {
    color: #336699;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

html {
    font-family: Georgia, serif;
    font-size: 1em;
    color: #222;
}

ul {
    list-style: none;
}

.small-screen-only {
    display: none;
}

.header-body {
    position: relative;
    padding: 10px 0 10px 20px;
}

.header {
    height: 55px;
    padding: 0;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    position: relative;
    z-index: 99;
    background:#fff;
}

.header .separator {
    float: left;
    width: 1px;
    height: 20px;
    background: #b1b1b1;
    margin-right: 10px;
    margin-top: 5px;
}

.header h1 {
    float: left;
    font-size: 20px;
    line-height: 19px;
    font-weight: normal;
    color: #000;
    padding-left: 10px;
    margin-top: .2em;
}

.header .mobile-headline {
    display: none;
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    padding-left: 10px;
    border-left: 1px solid #b1b1b1;
}

.header h1 .light {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #000;
    margin-right: 15px;
}

.header .logo,
.header .logo-mini {
    display: block;
    float: left;
    margin-top: 5px;
    width: 200px;
}

.header .logo-mini {
    width: 30px;
    display: none;
    margin-right: 10px;
}

.lang-switch {
    position: absolute;
    bottom: 0;
    z-index: 10000;
    bottom: 60px;
    right: 18px;
}

.flag img {
    width: 20px;
    margin-top: 5px;
    display: block;
    border-radius: 3px;
}

.flag.inactive {
    -webkit-filter: grayscale(100%);
    cursor: pointer;
}

.flag.inactive:hover {
    -webkit-filter: grayscale(0%);
}

.header .social {
    position: absolute;
    right: .5em;
    top: 1.3em;
    font-size: 14px;
    text-align: right;
    font-family: Arial, sans-serif;
}

.header .social a:hover {
    text-decoration: none;
}

.header .social > * {
    float: left;
}

.header .tw-count,
.header .fb-count {
    color: #777;
    margin-right: .75em;
}

.header .tw-button {
    color: #5EAADE;
    margin-top: 2px;
}

.header .fb-button {
    color: #4864bb;
    margin-top: 2px;
    margin-right: 5px;
}

.header .tw-button:hover {
    opacity: .75
}

.header .fb-button:hover {
    opacity: .75
}

.header .fb-iframe {
    max-width: 85px;
    margin-right: 10px;
}

.lt-ie9 .app {
    display: none;
}

.browserMessage {
    display: none;
}

.lt-ie9 .browserMessage {
    display: block;
    margin-top: 50px;
    text-align: center;
}

.app {
    position: relative;
    height: 80%;
    overflow: hidden;
    font-family: Arial, sans-serif;
}

.light {
    color: #777;
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.box {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    overflow-y: auto;
    padding: 15px;
    z-index: 99;
    width: 195px;
}
/*****************

 Map

*****************/

#map {
    height: 100%;
    background: url('../img/papers2.jpg') repeat 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#map svg {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.map-label {
    color: white;
    font-size: 13px;
    pointer-events: none;
    font-family: 'Source Sans Pro', sans-serif;
    width: 150px !important;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 1px rgba(0, 0, 0, .8), 0 0 2px rgba(0, 0, 0, 1);
}

.map-label.sbahn {
    color: #777;
    font-size: 12px;
    pointer-events: none;
    font-family: 'Source Sans Pro', sans-serif;
    width: 150px !important;
    font-weight: normal;
    letter-spacing: 0.02em;
    text-shadow: none;
}

.map-label.sbahn .rotate {
    -moz-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg);
}

.map-label.sbahn svg {
    width: 30px;
    height: 5px;
    display: inline;
    pointer-events: none;
}

.map-label.sbahn svg line {
    stroke-width: 5px;
}

.map-label.sbahn svg line.layer1 {
    stroke: #fff;
    opacity: .8;
}

.map-label.sbahn svg line.layer2 {
    stroke: #000;
    opacity: .5;
    stroke-dasharray: 5px, 10px;
}

.leaflet-clickable {
    cursor: default;
}

.leaflet-container img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}

.leaflet-top,
.leaflet-bottom {
    z-index: 6;
}
/*****************

 Legend

*****************/

.legend {
    bottom: 25px;
    left: 50%;
    margin-left: -125px;
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    overflow-y: auto;
    padding: 10px 15px;
    z-index: 7;
  font-size: 14px;
    pointer-events: none;
}

.legend-subtitle {
    color: #777;
    margin-top: 5px;
}

.legend li.nodata {
    float: left;
    width: 75px;
    text-align: center;
    margin-left: 10px;
}

.legend ul {
    margin-top: 15px;
}

.legend li {
    float: left;
    width: 75px;
    text-align: center;
}

.legend li .col {
    width: 100%;
    height: 7px;
    display: block;
}

.legend-title {
    text-align: center;
	font-weight: bolder;
}

.legend .legend-label {
    padding: 5px 0;
    font-size: 11px;
    display: block;
}

.legend li .legend-label {
    vertical-align: top;
    line-height: 18px;
}

.legend .subline {
    margin-bottom: 15px;
}

.legend .color-0 {
    background: #d9ef8b;
}

.legend .color-1 {
    background: #ffeaad;
}

.legend .color-2 {
    background: #fdae61;
}

.legend .color-3 {
    background: #d73027;
}

.legend .color-4 {
    background: #a50026;
}

.legend .color-5 {
    background: #ccc;
}

.sidebar .roomsize {
    display: none;
}

#plus {
    display: none;
}

li.nodata {
    width: 100px;
    margin-left: -10px;
}

.divider {
    font-size: 12px;
    color: #777;
    vertical-align: middle;
    text-align: center;
    position: relative;
    display: none;
}

.divider:before {
    content: '';
    border-top: 1px solid #ccc;
    position: absolute;
    content: " ";
    z-index: 3;
    width: 19px;
    top: 6px;
    height: 0;
    left: 0;
}

.divider:after {
    content: '';
    border-top: 1px solid #ccc;
    position: absolute;
    content: " ";
    z-index: 3;
    width: 19px;
    top: 6px;
    height: 0;
    right: 0;
}
/*****************

 Sidebar

*****************/

.sidebar-wrapper {
    top: 20px;
    left: 25px;
}

.sidebar {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.sidebar-title {
    font-weight: bold;
    font-size: 16px;
}

.sidebar-subtitle {
    color: #777;
    font-size: 12px;
    margin: 10px 0 30px 0;
    line-height: 17px;
}

.noUi-handle {
    background: #a1a1a1;
    box-shadow: none;
    cursor: pointer;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.noUi-handle:hover {
    background: #6e6e6e;
}

.noUi-origin {
    background: #eee;
}

.noUi-target {
    border-radius: 2px;
}

.cta-number {
    position: absolute;
    left: 10px;
    top: 18px;
    border: 2px solid #b1b1b1;
    padding: 5px;
    border-radius: 44px;
    width: 22px;
    height: 22px;
    color: #b1b1b1;
    font-weight: bold;
    line-height: 9px;
    text-align: center;
}

.slider-cta {
    width: 200px;
    position: absolute;
    left: 225px;
    top: 80px;
    font-size: 14px;
    color: #222;
    pointer-events: none;
}

.room-cta {
    width: 200px;
    position: absolute;
    left: 225px;
    top: 285px;
    font-size: 14px;
    color: #222;
    pointer-events: none;
}

.cta-box-left-arrow {
    background: rgba(255, 255, 255, .9);
    padding: 15px 15px 15px 45px;
    line-height: 19px;
    font-size: 13px;
}

.cta-box-left-arrow:after {
    content: '⤶';
    font-size: 42px;
    display: block;
    position: absolute;
    left: 20px;
    bottom: -20px;
}

.cta-box-left-arrow .light {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
}

.slider-wrapper {
    height: 185px;
    position: relative;
    margin: 20px 0;
}

#slider {
    height: 100%;
}

.slider-values {
    position: absolute;
    left: 25px;
    color: #888;
    font-size: 12px;
    width: 100px;
}

.slider-values.max {
    top: -6px;
}

.slider-values.min {
    bottom: -6px;
}

.slider-output {
    font-size: 20px;
    position: absolute;
    left: 40px;
    background: rgba(255, 255, 255, .9);
    z-index: 999;
    padding: 5px 10px;
    display: none;
}

.slider-output span {
    font-weight: bold;
}

.modes {
    font-size: 14px;
    margin-top: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.modes .mode-chooser {
    cursor: pointer;
    display: inline-block;
    padding: 7px 0;
    width: 50%;
    text-align: center;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 0 3px 3px 0;
    background: white;
    transition: background .1s;
}

.modes .mode-chooser.active {
    background: #e7e7e7;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}

.modes .mode-chooser:hover {
    background: #e7e7e7;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.modes .mode-left {
    border-radius: 3px 0 0 3px;
    border-right: none;
}

.room-chooser {
    margin: 50px 0 0 0;
}

.room-chooser .label {
    margin-bottom: 5px;
}

.room-chooser .currentSize {
    font-size: 12px;
    color: #777;
}

.btn-wrapper {
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 2px;
    width: 80%;
    min-width: 160px;
    margin: 15px 0;
}

.room-btn {
    float: left;
    padding: 8px 0;
    background: #fff;
    color: #222;
    cursor: pointer;
    border-right: 1px solid #ccc;
    width: 25%;
    text-align: center;
    transition: background .1s;
    font-size: 12px;
    font-weight: bold;
}

.room-btn:hover {
    background: #e7e7e7;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.room-btn.active {
    background: #e7e7e7;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}

.credits {
    background: rgba(255, 255, 255, 0.75);
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 11px;
    bottom: 0;
    left: 0;
    z-index: 6;
    position: absolute;
    float: none;
}

.leaflet-bottom a,
.credits a {
    color: #777;
}

.recommend {
    bottom: 20px;
    left: 20px;
    font-size: 12px;
    width: 250px;
    display: none;
}

.recommend-img {
    margin-top: 10px;
}

.recommend-img img {
    float: left;
    margin-right: 10px;
    width: 90px;
}

.recommend-img span {
    font-size: 14px;
    font-family: Georgia, serif;
    color: #000;
    text-decoration: none;
}
/*****************

 Tooltip

*****************/

#tooltip {
    display: none;
    width: 275px;
    padding: 0 0 10px 0;
    pointer-events: none;
    border: none;
    z-index: 9;
}

#tooltip .headline {
    font-size: 12px;
}

#tooltip .bezirk {
    margin-top: 2px;
    font-size: 12px;
    color: #777;
}

#tooltip .close {
    display: none;
}

#tooltip .euro {
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

.tooltip-header {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}

.tooltip-body {
    padding: 10px 20px;
}

.tooltip-part {
    width: 60%;
    float: left;
    padding: 1px;
}

.second {
    margin-bottom: 5px;
}

.tooltip-part.light {
    width: 40%;
}

.tooltip-number {
    font-size: 19px;
    margin-bottom: 2px;
}

.tooltip-info {
    font-size: 12px;
    margin-bottom: 5px;
}

.tooltip-subline {
    font-size: 12px;
}
/*****************

 Info Box

*****************/

.info {
    left: 50%;
    top: 20px;
    margin-left: -350px;
    font-size: 14px;
    line-height: 21px;
    width: 700px;
    z-index: 99999;
    display: none;
}

.info.active {
    display: block;
}

.info h2 {
    margin-bottom: 10px;
}

.info p {
    margin: 10px 0;
}

.info .close {
    position: absolute;
    right: 0;
    top: 0;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    font-size: 24px;
    padding: 5px 10px;
    cursor: pointer;
    background: #efefef;
    opacity: 0.8;
    color: #333;
}

.info .close:hover {
    opacity: 1;
}

.wa-btn {
    background-color: #34af23;
    background-repeat: no-repeat;
    background-position: 3px 2px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTguMTI5LDAuOTQ1Yy0zLjc5NSwwLTYuODcyLDMuMDc3LTYuODcyLDYuODczDQoJCQljMCwxLjI5OCwwLjM2LDIuNTEyLDAuOTg2LDMuNTQ5bC0xLjI0LDMuNjg4bDMuODA1LTEuMjE5YzAuOTg0LDAuNTQ0LDIuMTE2LDAuODU0LDMuMzIxLDAuODU0YzMuNzk1LDAsNi44NzEtMy4wNzUsNi44NzEtNi44NzENCgkJCVMxMS45MjQsMC45NDUsOC4xMjksMC45NDV6IE04LjEyOSwxMy41MzhjLTEuMTYyLDAtMi4yNDQtMC4zNDgtMy4xNDctMC45NDZsLTIuMTk4LDAuNzA1bDAuNzE1LTIuMTI0DQoJCQljLTAuNjg2LTAuOTQ0LTEuMDktMi4xMDMtMS4wOS0zLjM1NGMwLTMuMTU1LDIuNTY2LTUuNzIyLDUuNzIxLTUuNzIyczUuNzIxLDIuNTY2LDUuNzIxLDUuNzIyUzExLjI4MywxMy41MzgsOC4xMjksMTMuNTM4eg0KCQkJIE0xMS4zNTIsOS4zNzljLTAuMTc0LTAuMDk0LTEuMDItMC41NS0xLjE3OC0wLjYxNUMxMC4wMTQsOC43LDkuODk4LDguNjY2LDkuNzc1LDguODM3QzkuNjUyLDkuMDA3LDkuMzAxLDkuMzksOS4xOTMsOS41MDUNCgkJCUM5LjA4OCw5LjYxNyw4Ljk4NCw5LjYyOSw4LjgxMiw5LjUzM2MtMC4xNzEtMC4wOTYtMC43My0wLjMtMS4zNzgtMC45MjNjLTAuNTA0LTAuNDg0LTAuODM0LTEuMDcyLTAuOTMtMS4yNTINCgkJCWMtMC4wOTUtMC4xOCwwLTAuMjcxLDAuMDkxLTAuMzU0QzYuNjc3LDYuOTI4LDYuNzc4LDYuODA1LDYuODcsNi43MDZjMC4wOTEtMC4xLDAuMTI0LTAuMTcxLDAuMTg3LTAuMjg2DQoJCQljMC4wNjItMC4xMTUsMC4wMzgtMC4yMTgtMC4wMDMtMC4zMDhDNy4wMTIsNi4wMjMsNi42OTQsNS4xNDYsNi41NjEsNC43OUM2LjQyOCw0LjQzNCw2LjI4LDQuNDg2LDYuMTc3LDQuNDgyDQoJCQlDNi4wNzUsNC40NzksNS45NTgsNC40NTksNS44NDEsNC40NTZDNS43MjQsNC40NTEsNS41MzMsNC40ODcsNS4zNjYsNC42NTdjLTAuMTY3LDAuMTctMC42MzcsMC41NzYtMC42NjksMS40MzkNCgkJCXMwLjU2NSwxLjcyMiwwLjY0OCwxLjg0MWMwLjA4NCwwLjEyMSwxLjE0LDEuOTkxLDIuODk3LDIuNzYyYzEuNzU2LDAuNzcsMS43NjYsMC41MzQsMi4wODgsMC41MTgNCgkJCWMwLjMyMi0wLjAxOCwxLjA1NS0wLjM4NiwxLjIxNS0wLjc4OWMwLjE2Mi0wLjQwNSwwLjE3Ni0wLjc1NSwwLjEzNS0wLjgzMUMxMS42MzksOS41MjEsMTEuNTIzLDkuNDc1LDExLjM1Miw5LjM3OXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==');
    width: 24px;
    height: 20px;
    border-radius: 2px;
    display: none;
    margin-right: 5px;
}

.mobile-credits {
    display: none;
}
/*****************

 Embed Mode

*****************/

.embed-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .75);
    top: 0;
    left: 0;
    z-index: 10000;
    text-align: center;
}

.embed-overlay .close {
    position: absolute;
    top: 100px;
    right: 10px;
    font-size: 40px;
    cursor: pointer;
}

.embed-overlay h2 {
    font-weight: normal;
    margin-bottom: 10px;
}

.embed-btn {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 15px 15px 15px 70px;
    position: relative;
    border-radius: 5px;
    text-align: left;
    top: 50%;
    margin-top: -100px;
    cursor: pointer;
}

.embed-btn:hover {
    opacity: .8;
}

.embed-btn img {
    position: absolute;
    left: 0;
    top: 35px;
    width: 50px;
}

html.embed-mode .embed-overlay {
    display: block;
}
/*****************

 Media Queries

*****************/

@media all and (max-width: 1050px) {
    .slider-cta,
    .room-cta,
    .recommend {
        display: none;
    }
}

@media all and (max-width: 540px) {
.header .social {
	display: none;
	}
}

@media all and (max-width: 950px) {
    .header .sub {
        display: none;
    }
    .mobile-credits {
        display: block;
    }
}

@media all and (max-width: 650px) {
    .header .mobile-headline {
        display: block;
    }
    .header .desktop-headline {
        display: none;
    }
    .header .header-body {
        padding: 6px 0 10px 20px;
    }
    .lang-switch {
        bottom: 225px;
    }
    .icon-info {
        bottom: 190px;
    }
    .input-box.box {
        display: none;
    }
    .app {
        height: auto;
        overflow: visible;
    }
    .divider {
        display: none;
    }
    .special-li {
        display: none;
    }
    .header h1 .light {
        font-size: 14px;
    }
    .header .separator {
        margin: 6px 15px 0 5px;
    }
    .header .logo {
        display: none;
    }
    .header .logo-mini {
        display: block;
    }
    .header .social .fb-iframe {
        display: none;
    }
    .box {
        width: 100%;
        overflow-y: visible;
        left: 0;
        bottom: 0;
        border: none;
        top: auto;
    }
    .room-chooser {
        display: none;
    }
    .modes {
        margin-top: 25px;
    }
    #slider {
        height: 100%;
    }
    .slider-wrapper {
        width: 96%;
        margin: 10px auto;
        height: 30px;
    }
    .slider-output {
        background: none;
        left: 35px;
        top: 110px;
        font-size: 16px;
    }
    .value-line {
        display: none;
    }
    .slider-values {
        left: 10px;
        font-size: 11px;
    }
    .slider-values.min {
        top: 9px;
    }
    .slider-values.max {
        top: 9px;
        right: 10px;
        left: auto;
        width: auto;
    }
    .sidebar-wrapper {
        width: 100%;
        background: none;
        left: 0;
        position: absolute;
        bottom: 70px;
        z-index: 8;
    }
    .noUi-horizontal .noUi-handle {
        width: 50px;
        height: 50px;
        border-radius: 70px;
        top: -14px;
    }
    .noUi-handle:after {
        left: 26px;
        height: 20px;
    }
    .noUi-handle:before {
        top: 14px;
        left: 21px;
        height: 20px;
    }
    .noUi-handle:before,
    .noUi-handle:after {
        top: 15px;
    }
    .sidebar-subtitle {
        display: none
    }
    .sidebar-title {
        margin-bottom: 45px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #ccc;
    }
    .btn-wrapper {
        width: 100%;
    }
    .map-label {
        display: none;
    }
    .map-label.show-mobile {
        display: block;
    }
    #tooltip {
        display: none;
        max-height: none;
        bottom: 0;
        top: auto !important;
        left: 0 !important;
        width: 100%;
        background: white;
        pointer-events: all;
    }
    #tooltip .close {
        display: block;
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 34px;
        pointer-events: all;
    }
    .info {
        position: absolute;
        top: 10px;
        left: 0px;
        margin-left: 0px;
        width: 100%;
        overflow: auto;
        max-height: 350px !important;
    }
    .legend {
        bottom: 0;
        width: 100%;
        left: 0;
        margin-left: 0;
        height: 70px;
        overflow: hidden;
        padding: 10px 10px;
    }
    .legend ul {
        margin-top: 10px;
    }
    .legend ul:after {
        content: ".";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0px;
    }
    .legend ul li,
    .legend ul li.nodata {
        width: 23%;
    }
    .legend .legend-title {
        text-align: left;
    }
    .sidebar .roomsize {
        display: block;
        margin: 0;
        text-align: right;
        z-index: 100000;
        padding: 5px 0;
        font-size: 11px;
    }
    .legend-subtitle {
        display: none;
    }
    .legend li .legend-label {
        line-height: 12px;
    }
}