html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}html, body { margin:0; padding:0; overflow:hidden; background-color: #0c9ed9;}
svg { position:fixed; top:0; left:0; height:100%; width:100% }
.single-path-selection {
display: none;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear;
}
.global-road:hover,
.tooltip-point:hover {
cursor: pointer;
}
.global-road:hover > .single-path-selection{
display: block;
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.2s linear;
}
.tooltip,
.tooltip-point--hover {
opacity: 0;
transition: opacity 0.2s linear;
}
.tooltip-point--hover {
mix-blend-mode:multiply
}
.tooltip.hover,
.tooltip-note.hover {
opacity: 1 ;
transition: opacity 0.2s linear;
z-index: 1;
}
.tooltip-point.hover .tooltip-point--hover {
opacity:0.75;
}
.absolute-center {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.relative {
position: relative;
}
.btn-sidebar {
opacity: .7;
display: block;
position: absolute;
z-index: 1;
background-color: #FFF;
top: 10px;
left: 10px;
padding: 10px;
height: 30px;
width: 30px;
border-radius: 50%;
transition: opacity 0.2s linear;
}
.btn-back {
opacity: .7;
display: block;
position: absolute;
z-index: 1;
background-color: #FFF;
bottom: 10px;
right: 10px;
padding: 10px;
height: 30px;
width: 30px;
border-radius: 50%;
transition: opacity 0.2s linear;
}
.mobile-icon {
opacity: .7;
display: block;
position: absolute;
z-index: 1;
background-color: #FFF;
top: 10px;
right: 10px;
padding: 10px;
height: 30px;
width: 30px;
border-radius: 50%;
transition: opacity 0.2s linear;
}
.mobile-icon > span {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.btn-sidebar:hover,
.btn-back:hover {
opacity: 1;
cursor: pointer;
transition: opacity 0.2s linear;
}
.img-btn {
height: 20px;
width: auto;
} #mCSB_1:focus {
outline: 0;
}
.map-wrapper p {
margin-bottom: 0
}
.nav-content {
margin: 0 50px 0 50px;
padding-top: 60px;
}
.nav-content h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 800;
text-transform: uppercase;
color: #ffd500;
margin-bottom: 40px;
}
.nav-content p {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #FFF;
font-size: 14px;
}
.nav-content ul {
padding-left: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #FFF;
font-size: 14px;
list-style: none;
}
.nav-content ul li {
line-height: 1.4;
margin-bottom: 15px;
margin-left: 15px;
position: relative;
}
.nav-content ul li::before {
content: ""; 
position: absolute;
top: 6px;
left: -15px;
background-color: #ffd500; 
font-weight: bold; 
display: inline-block; 
width: 7px; 
height: 7px;
border-radius: 50%;
margin-left: 0; 
}
.nav-content ol > li {
counter-increment: list;
list-style-type: none;
position: relative;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #FFF;
font-size: 14px;
font-size: 800;
line-height: 2;
}
.nav-content ol > li::before {
color: #ffd500;
content: counter(list) ".";
left: -32px;
position: absolute;
text-align: right;
width: 26px;
}
#sidebar {
width: 90%;
min-width: 400px;
position: fixed;
top: 0;
left: -100%;
height: 100vh;
z-index: 999;
background: #153658;
color: #fff;
transition: all 0.3s;
overflow-y: scroll;
}
#sidebar.active {
left: 0;
}
#dismiss{
height: 25px;
width: auto;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#dismiss:hover {
cursor: pointer;
}
.overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 998;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.overlay.active {
display: block;
opacity: 1;
} #content {
width: 100%;
min-height: 100vh;
transition: all 0.3s;
position: absolute;
top: 0;
right: 0;
}
.tooltip-note {
position: absolute;
top: 20px;
right: 20px;
z-index: 0;
}
.tooltip-note p {
padding: 10px 15px;
border-radius: 10px;
background-color: #ffffff;
margin: 0;
font-size: 14px;
font-size: 0.875rem;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
color: #153658;
text-align: center;
}
.mobile-icon {
display: none;
}
.tooltip-note {
opacity: 1 ;
transition: opacity 0.2s linear;
z-index: 1;
}
a.svg-link {
pointer-events: all;
}
.nav-wrapper::-webkit-scrollbar {
width: 5px;
}
.nav-wrapper::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.nav-wrapper::-webkit-scrollbar-thumb {
background-color: #ffd500;
outline: 1px solid #ffd500;
}
.nav-content {
position: relative;
padding-bottom: 73.25%;
padding-top: 25px;
height: 0;
}
.nav-wrapper {
position: absolute;
top: 20px;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
overflow-y: auto;
padding-right: 10px;
}
@media screen and (max-width: 768px) {
.mobile-icon {
display: block;
}
.tooltip-note {
opacity: 0 ;
transition: opacity 0.2s linear;
top: 75px;
right: 10px
}
.nav-content {
padding-bottom: 65.25%;
}
}
@media (max-width: 576px) {
#sidebar {
width: 100%;
min-width: 100%; 
left: -100%;
}
.nav-content {
padding-top: 30px;
}
#dismiss {
top: 37px;
}
.nav-content p,
.nav-content ul li {
font-size: 12px;
}
.nav-content h2 {
font-size: 16px;
margin-bottom: 15px;
}
.mCSB_container {
top: 0 !important;
}
}