body {
    padding: 0;
    margin: 0;
}

html, body, #map {
    height: 100%;
    width: 100%;
    position: absolute;
}

.navigator {
    height: 250px;
    width: 250px;
    opacity: 0.85;
    background-color: #fff;
    border: 0.5px solid #cecece;
}

.nav-globe {
    height: 250px;
    width: 250px;
}

.txtlocation-z1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #404040;
    z-index: 10000;
    white-space: nowrap;
}


.txtlocation-z4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-shadow: 5px 5px 10px white;
    font-weight: 800;
    color: #404040;
    z-index: 10000;
    white-space: nowrap;
}

.txtlocation-z5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-shadow: 5px 5px 10px white;
    font-weight: 800;
    color: #404040;
    z-index: 10000;
    white-space: nowrap;
}

.txtlocation-z6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-shadow: 5px 5px 10px white;
    font-weight: 800;
    color: #404040;
    z-index: 10000;
    white-space: nowrap;
}

.txtlocation-z7 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-shadow: 5px 5px 10px white;
    font-weight: 800;
    color: #404040;
    z-index: 10000;
    white-space: nowrap;
}

.txtlocation-z8 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-shadow: 0 0 32px white;
    font-weight: 800;
    text-decoration-style: solid;
    z-index: 1000;
    white-space: nowrap;
}

.txtlocation-z9 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-shadow: 0 0 5px white;
    font-weight: 800;
    color: black;
    z-index: 1000;
    white-space: nowrap;
}

.txtlocation-z9-min {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-shadow: 0 0 5px white;
    font-weight: 400;
    color: black;
    z-index: 1000;
    white-space: nowrap;
}

.txtlocation-z10 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-shadow: 0 0 5px white;
    font-weight: 800;
    color: black;
    z-index: 1000;
    white-space: nowrap;
}

.txtlocation-z10-min {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-shadow: 0 0 5px white;
    font-weight: 700;
    color: #706e6e;
    z-index: 1000;
    white-space: nowrap;
}
.txtlocation-z11 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-shadow: 0 0 5px white;
    font-weight: 800;
    color: black;
    z-index: 1000;
    white-space: nowrap;
}

.txtlocation-z11-min {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-shadow: 0 0 5px white;
    font-weight: 700;
    color: #706e6e;
    z-index: 1000;
    white-space: nowrap;
}

.txtlocation-zmax {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    text-shadow: 0 0 5px white;
    font-weight: 700;
    opacity: 0.35;
    color: black;
    z-index: 1000;
    white-space: nowrap;
}

.txtlocation-ztop {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50px;
    text-shadow: 0 0 5px white;
    font-weight: 900;
    opacity: 0.55;
    color: black;
    z-index: 1000;
    white-space: nowrap;
}