@charset "utf-8";
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&display=swap');
 
/*GENERAL RESET*/
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,th,td{  padding:0px;  margin:0px; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:16px; line-height:1.2; font-weight:normal; color:#fff}
table{ border-collapse:collapse; border-spacing:0;}
img, a img{ border:0;}
td{ vertical-align:top;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
/*END RESET*/

body { background:#4c4d4f; }
container { display:block; }
* { user-select:none; }

.clear { clear:both; }
.hide, .printOnly { display:none; }

.text-uppercase { text-transform:uppercase; }
.text-white { color:#fff !important; }
.text-right { text-align:right; }
.position-relative { position:relative; }

#mapSubNav { position:relative; width:1600px; }
.mapSubNav { height:30px; background:#77787c; overflow:hidden; text-align:center; }
.mapSubNav p { color:#FFFFFF; font-family: 'Open Sans', sans-serif; line-height:12px; font-size:12px; padding-top:9px; }
.mapSubNav ul, .mapSubNav ul li { padding:0px; margin:0px; list-style:none; height:24px; background:none; }
.mapSubNav ul li { position:relative; color:#FFFFFF; font-family: 'Open Sans', sans-serif; text-transform:uppercase; line-height:12px; font-size:16px; font-weight:400; padding:9px 0px 0px 5px; margin-right:20px; cursor:pointer; }
.mapSubNav ul li:before { content:""; position:absolute; top:6px; left:3px; height:15px; width:15px; border:#fff solid 1px; border-radius:50%; z-index:1; }

.mapSubNav ul li.active { color:#ffffff; }
.mapSubNav ul li.active:after { content:""; position:absolute; width:9px; height:9px; top:10px; left:7px; background:#fff; border-radius:50%; z-index:1; }
.mapSubNav ul li a { padding-left:20px; color:#FFFFFF !important }

/*ADJUSTING THE NAVS TO CENTER AUTOMATICALLY*/
.mapSubNav ul { display:block; text-align:center; }
.mapSubNav li { display:inline-block; }

#content { position:relative; width:1600px; }
.gpx_map_overlay { position:absolute; top:0px; }

#left-info { position:absolute; top:39px; left:0; }
.infoWindow { position:absolute; top:20px; left:95px; }
.infoClose { position:absolute; top:-10px; right:-10px; font:bold 12px/12px 'Open Sans',sans-serif; color:#fff; border-radius:100%; width:22px; height:17px; cursor:pointer; padding:5px 0px 0px 0px; text-align:center; display:block; background:#000; border:#fff solid 2px; }

#right-info { position:absolute; top:35px; right:0; }
.inset-text { background:#4c4e57; padding:12px 0px 20px 14px; border-top-left-radius:10px; border-bottom-left-radius:10px; box-shadow:0px 0px 10px #000; margin-top:15px; }
.inset-text .content { padding-right:14px; width:230px; position:relative; }
.inset-text .content strong { font-size:16px; text-transform:uppercase; }
.inset-text .content .narrow-content { display:inline-block; max-width:158px; }
.bkg-icon { position:absolute; right:20px; bottom:-20px; }