@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        -ms-user-select: none;
	    user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
	background: transparent;
}
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	-ms-touch-action: pinch-zoom;
	    touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	-webkit-filter: inherit;
	        filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,div,summary{-moz-box-sizing:border-box;box-sizing:border-box;display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent;}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: inline-block;
    position: relative;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0,0%,100%,.9);
	background: -webkit-gradient(linear, left top, right bottom, from(white), to(hsla(0,0%,100%,.8)));
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

@supports ((-webkit-transform: scale(0)) or (-ms-transform: scale(0)) or (transform: scale(0))) {
	.awesomplete > ul {
		-webkit-transition: .3s cubic-bezier(.4,.2,.5,1.4);
		        transition: .3s cubic-bezier(.4,.2,.5,1.4);
		-webkit-transform-origin: 1.43em -.43em;
		    -ms-transform-origin: 1.43em -.43em;
		        transform-origin: 1.43em -.43em;
	}
	
	.awesomplete > ul[hidden],
	.awesomplete > ul:empty {
		opacity: 0;
		-webkit-transform: scale(0);
		    -ms-transform: scale(0);
		        transform: scale(0);
		display: block;
		-webkit-transition-timing-function: ease;
		        transition-timing-function: ease;
	}
}

	/* Pointer */
	.awesomplete > ul:before {
		content: "";
		position: absolute;
		top: -.43em;
		left: 1em;
		width: 0; height: 0;
		padding: .4em;
		background: white;
		border: inherit;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		    transform: rotate(45deg);
	}

	.awesomplete > ul > li {
		position: relative;
		padding: .2em .5em;
		cursor: pointer;
	}
	
	.awesomplete > ul > li:hover {
		background: hsl(200, 40%, 80%);
		color: black;
	}
	
	.awesomplete > ul > li[aria-selected="true"] {
		background: hsl(205, 40%, 40%);
		color: white;
	}
	
		.awesomplete mark {
			background: hsl(65, 100%, 50%);
		}
		
		.awesomplete li:hover mark {
			background: hsl(68, 100%, 41%);
		}
		
		.awesomplete li[aria-selected="true"] mark {
			background: hsl(86, 100%, 21%);
			color: inherit;
		}
.hidden{display:none !important;visibility:hidden}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.browsehappy,.fallback,.desktop-only,.tablet-only,.embed-only{display:none}
.black{color:#222}
.grey{color:#9a9a9a}
.lightgrey{color:#ddd}
.green{color:#4a7e3e}
.sans{font-family:'Lato',Arial,sans-serif}
.serif{font-family:'Georgia',serif}
.bold{font-weight:700}
html.embed .embed-only{display:block}
html.prevent-scrolling body{overflow:hidden;height:100%}
.spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
.pulse{-webkit-animation:pulse 2s infinite linear;animation:pulse 2s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@-webkit-keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}input{border:1px solid rgba(255,255,255,0.4);border-radius:4px;font-size:12px;color:#222;padding:9px 8px;height:34px;-moz-box-sizing:border-box;box-sizing:border-box;display:block;outline:none}
.input-group{display:table;border-collapse:separate;position:relative;}
.input-group input{display:table-cell;height:34px;float:left;margin:0;border-right:none;border-radius:4px 0 0 4px}
.input-group button{border-bottom-color:#777;box-shadow:none;margin:0;white-space:nowrap;position:relative;vertical-align:middle;line-height:14px;font-size:12px;height:34px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.input-group .btn-group{position:relative;float:left;white-space:nowrap;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;border-collapse:separate;}
.input-group .btn-group button:first-child{border-radius:0}
html button{display:block;border:1px solid rgba(255,255,255,0.4);background:#101721;font-size:.875rem;border-radius:4px;font-weight:bold;padding:9px 20px;margin:1em 0;font-family:'Lato',Arial,sans-serif;line-height:100%;outline:none;box-shadow:0 1px 1px rgba(0,0,0,0.15);color:#fff;}
html button:active,html button.active,html button:hover{background:rgba(255,255,255,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15),0 3px 7px rgba(0,0,0,0.15) inset}
.btn-group{display:table;}
.btn-group button{display:table-cell;border-radius:0;border-right:none;}
.btn-group button:first-child{border-right:none;border-radius:4px 0 0 4px}
.btn-group button:last-child{border-right:1px solid #ccc;border-radius:0 4px 4px 0}
.ie-fallback{display:none}
.browsehappy{margin:3em 0}
html.old-browser .ie-fallback{display:block}
html.old-browser .browsehappy{display:block}
.leaflet-touch .leaflet-bar{border:1px solid #bbb;box-shadow:0 1px 2px rgba(15,15,15,0.1)}
.leaflet-control-zoom{display:none}
.leaflet-reset-control{padding:5px 7px 4px 7px;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;}
.leaflet-reset-control:hover{background:#f4f4f4}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib{display:none}
.mapboxgl-ctrl-group .mapboxgl-ctrl-compass{display:none}
.mapboxgl-ctrl-group button{margin:0}
.is-map-mode .leaflet-control-zoom{display:none}
.is-map-mode .intro-background{opacity:0}
.map-loader{position:absolute;top:40px;left:50%;margin-left:-20px;z-index:500;font-size:26px;color:#777;display:none;z-index:99999;}
.map-loader i{width:40px;height:40px}
.loading .map-loader{display:block}
.mapboxgl-canvas.pointing{cursor:pointer}
#map{width:100%;height:100%;background:#101721;cursor:pointer !important;}
#map .leaflet-bottom{top:60px;bottom:auto}
#map .leaflet-control-zoom{bottom:50px;opacity:.8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#map .leaflet-control-attribution{display:none;background:transparent;color:#ddd;right:15px;bottom:50px;opacity:.9;text-align:right;font-family:'Lato',Arial,sans-serif;}
#map .leaflet-control-attribution a,#map .leaflet-control-attribution a:visited,#map .leaflet-control-attribution a:hover{color:#66b8ff;text-decoration:none}
#map .city-circle{pointer-events:none}
.map-tooltip-wrapper{background:rgba(16,23,33,0.8);z-index:10000;position:absolute;left:2%;display:none;bottom:70px;height:auto;box-shadow:0 2px 3px rgba(0,0,0,0.1);font-size:13px;border-radius:3px;width:96%;pointer-events:none;font-family:'Lato',Arial,sans-serif;padding:3px 7px;}
.map-tooltip-wrapper .map-tooltip{padding:0;}
.map-tooltip-wrapper .map-tooltip .tt-rank{color:#b0b0b0;border-top:1px solid rgba(255,255,255,0.15);margin-top:2px;padding-top:1px}
.map-tooltip-wrapper .map-tooltip .tt-name{font-weight:700}
.map-tooltip-wrapper .map-tooltip .tt-additions > div{float:left;font-weight:bold}
.map-tooltip-wrapper .map-tooltip .tt-additions .tt-length{float:right;margin-right:15px;color:#555}
.map-tooltip-wrapper .map-tooltip .tt-pop{color:#777;padding:5px 15px 15px 15px}
.map-tooltip-wrapper .map-tooltip .tt-length .icon-leaf_grp{width:2em;margin-left:3px}
.map-tooltip-wrapper .close{z-index:10001;position:absolute;right:-10px;top:-10px;background:#9a9a9a;font-size:14px;cursor:pointer;width:30px;height:30px;text-align:center;border-radius:80px;box-shadow:0 2px 3px rgba(0,0,0,0.2);z-index:99999;line-height:1.5;padding-top:4px;}
.map-tooltip-wrapper .close:hover{background:#afafaf}
.map-tooltip-wrapper .close i{color:#fff}
.is-map-mode .legend{display:block}
.legend{display:none;font-size:12px;color:#777;z-index:500;position:absolute;bottom:auto;top:44px;z-index:99999;overflow:hidden;pointer-events:none;width:360px;left:50%;margin-left:-200px;padding:3px 8px;}
.legend ul{margin-top:15px;list-style:none;}
.legend ul li{float:left;width:75px;}
.legend ul li .col{width:100%;height:3px;display:block;border-left:1px #fff solid;border-right:1px #fff solid}
.legend ul li .legend-label{vertical-align:top;line-height:18px;padding:5px 3px;font-size:11px;display:block;font-weight:bold}
.legend .color-0{background:#28cc4c}
.legend .color-1{background:#a0e239}
.legend .color-2{background:#ffbf00}
.legend .color-3{background:#c91d22}
.legend .bold{color:#222}
.legend .legend-left{float:left}
.legend .legend-right{float:right}
.legend .legend-sep{display:none}
.legend .legend-circles{display:block;}
.legend .legend-circles img{vertical-align:bottom}
.is-tt-exp .legend{display:none}
@media screen and (min-width: 768px){.is-tt-exp .legend{display:block}
.is-map-mode .leaflet-control-zoom{display:block}
.leaflet-control-zoom{display:block}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib{display:block}
.map-tooltip-wrapper{bottom:auto;width:auto;}
.map-tooltip-wrapper .close{display:none}
#map .leaflet-bottom{top:auto;bottom:0}
.is-map-mode .legend{top:auto;bottom:0;display:block}
.legend{display:block;top:auto;bottom:0;}
.legend .legend-circles{display:inline;margin-top:5px;}
.legend .legend-circles img{position:relative;top:2px;vertical-align:top}
.legend .legend-sep{display:inline}
}.map-label{color:#fff;font-size:13px;pointer-events:none;font-family:'Source Sans Pro',sans-serif;width:150px !important;font-weight:600;letter-spacing:.02em;text-shadow:0 0 1px #000,0 0 1px rgba(0,0,0,0.8),0 0 2px #000}
.info-button{cursor:pointer;float:left;margin-right:10px}
.info-box{display:none;background:#fff;padding:1em;position:fixed;top:0;width:100%;box-shadow:0 3px 4px rgba(0,0,0,0.15);z-index:99999;}
.info-box .close{position:absolute;right:-10px;top:-10px;background:#9a9a9a;font-size:14px;cursor:pointer;width:30px;height:30px;text-align:center;border-radius:80px;box-shadow:0 2px 3px rgba(0,0,0,0.2);z-index:99999;line-height:1.5;padding-top:4px;}
.info-box .close:hover{background:#afafaf}
.info-box .close i{color:#fff}
.info-box .info-title{margin-bottom:.25em;font-weight:bold;font-size:24px}
.scrolltop-button{position:fixed;right:10px;bottom:10px;color:#9a9a9a;font-size:14px;text-transform:uppercase;cursor:pointer;z-index:999999;background:rgba(255,255,255,0.9);padding:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:2px;}
.scrolltop-button i{font-size:17px}
.controls{bottom:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;position:fixed;font-size:24px;color:#555}
.mute-button{float:left;display:none;cursor:pointer;}
.mute-button i{padding-top:1px}
.mute-button.muted .off{display:block}
.mute-button.muted .on{display:none}
.mute-button .off{display:none}
.mute-button .on{display:block}
.hidden{display:none !important;visibility:hidden}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.browsehappy,.fallback,.desktop-only,.tablet-only,.embed-only{display:none}
.black{color:#222}
.grey{color:#9a9a9a}
.lightgrey{color:#ddd}
.green{color:#4a7e3e}
.sans{font-family:'Lato',Arial,sans-serif}
.serif{font-family:'Georgia',serif}
.bold{font-weight:700}
html.embed .embed-only{display:block}
html.prevent-scrolling body{overflow:hidden;height:100%}
.spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
.pulse{-webkit-animation:pulse 2s infinite linear;animation:pulse 2s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@-webkit-keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}.social-bottom{position:fixed;width:120px;margin-left:-60px;left:50%;bottom:15px;z-index:99999;}
.social-bottom >*{float:left;width:35px;height:25px;padding-top:5px;text-align:center;cursor:pointer}
.social-bottom a{color:#222;text-decoration:none;border:none;color:#fff;display:block;}
.social-bottom a:hover{text-decoration:none;border-bottom:none}
.social-bottom .icon{font-size:16px;color:#fff;fill:#fff}
.social-bottom .wa-btn .icon{margin-top:7px}
.social-bottom .fb-button{background:#4864bb}
.social-bottom .tw-button{background:#5eaade}
.social-bottom .social-center{margin:0 5px}
.app-teaser-wrapper{position:relative;background-position:top center;background-repeat:no-repeat;background-size:cover;height:500px;display:block;overflow:hidden;}
.app-teaser-wrapper:hover{border-bottom:none}
.app-teaser-wrapper .teaser-gradient{height:100%;width:100%;pointer-events:none;position:absolute;background:$gradientBGStart;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), color-stop(30%, rgba(0,0,0,0.3)), to(rgba(0,0,0,0.3)));background:linear-gradient(to bottom,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.3) 100%)}
.app-teaser{width:100%;cursor:pointer;border-radius:2px;display:block;color:#222;text-decoration:none;background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.1);}
.app-teaser:visited,.app-teaser:active,.app-teaser:hover{color:#222;text-decoration:none;border:none}
.app-teaser:hover{box-shadow:0 0 5px rgba(0,0,0,0.15)}
.app-teaser .teaser-description{max-width:510px;position:absolute;padding:2.5em 1em;color:#fff;font-size:20px;line-height:1.4;z-index:3}
.app-teaser .teaser-desc{font-size:85%}
.app-teaser .teaser-subtitle{margin-bottom:40px;font-weight:bold;font-size:100%}
.app-teaser .teaser-title{font-weight:bold;font-size:160%;margin-bottom:10px;line-height:1.1}
.app-teaser .teaser-button{border:1px solid #fff;width:auto;padding:10px 20px;margin-top:26px;font-weight:bold;display:inline-block;border-radius:4px;font-size:85%;}
.app-teaser .teaser-button:hover{border-bottom:2px solid #fff}
.hidden{display:none !important;visibility:hidden}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.browsehappy,.fallback,.desktop-only,.tablet-only,.embed-only{display:none}
.black{color:#222}
.grey{color:#9a9a9a}
.lightgrey{color:#ddd}
.green{color:#4a7e3e}
.sans{font-family:'Lato',Arial,sans-serif}
.serif{font-family:'Georgia',serif}
.bold{font-weight:700}
html.embed .embed-only{display:block}
html.prevent-scrolling body{overflow:hidden;height:100%}
.spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
.pulse{-webkit-animation:pulse 2s infinite linear;animation:pulse 2s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@-webkit-keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}.topline{font-size:.75em}
.has-adspace .attspace{display:block}
.attspace{height:45px;background:#008080;display:none;}
.attspace .att-label{color:#fff;font-size:11px;position:absolute;right:5px;top:5px}
.calltoaction{position:absolute;top:350px;left:50%;margin-left:-20px;font-size:40px;z-index:999;background:rgba(200,200,200,0.7);border-radius:100px;width:50px;height:50px;text-align:center;cursor:pointer;-webkit-transition:background .4s;transition:background .4s;}
.calltoaction:hover{background:rgba(255,255,255,0.85)}
.full-bg{display:none}
.intro.full{height:100%;}
.intro.full header{max-width:100%}
.intro.full .full-bg{height:100%;position:absolute;z-index:-100;width:100%;overflow:hidden;background-size:cover;background-repeat:no-repeat;display:block;}
.intro.full .full-bg video{top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;background-size:cover;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.intro.full .headline{z-index:10;text-align:center;}
.intro.full .headline .topline{display:none}
.icon-bike{width:22px;height:auto;margin-right:6px}
.headline{width:100%;max-width:60em;margin:0 auto;padding-left:15px;padding-right:15px;padding-top:4em;}
.headline .title{font-weight:normal;font-family:'Lato',Arial,sans-serif;font-size:28px;margin:.3rem 0}
.headline .subline{font-family:'Lato',Arial,sans-serif;font-weight:normal;font-size:16px;margin:0}
.headline .date{color:#222}
.headline .kicker{color:#9a9a9a;padding-left:10px;text-transform:uppercase;letter-spacing:.05em}
.has-adspace header{top:45px}
header{z-index:10000;width:100%;padding:1em 15px .8em 15px;position:absolute;background:#fff;top:0;-webkit-transition:top .25s;transition:top .25s;border-bottom:1px solid #ddd;}
header.fixed{position:fixed}
header .mp-logo{width:34px;float:left}
header .mp-logo-large{width:175px;float:left}
header .social{display:block;float:right;font-size:18px;}
header .social >*{float:left}
header .social a{color:#222;text-decoration:none;border:none;padding-left:10px}
header .social i{font-size:17px}
header .social .fb-button{color:#4864bb;}
header .social .fb-button:hover{color:#6d83c9}
header .social .tw-button{color:#5eaade;}
header .social .tw-button:hover{color:#88c0e7}
header .fb-iframe{width:82px;margin-top:2px}
.social-bottom a.wa-btn{display:none;background:#42aa42;height:30px;width:30px;margin-right:0;padding:0 3px;text-align:center;}
.social-bottom a.wa-btn img{position:relative;top:5px}
.media-wrapper{min-height:200px;position:relative;margin-top:2em;}
.media-wrapper .leaflet-container{height:375px;}
.media-wrapper .leaflet-container img{position:absolute}
.media-wrapper .lazyloader{font-size:35px;text-align:center;height:0;width:100%;padding-bottom:50%}
.media-wrapper img,.media-wrapper video,.media-wrapper iframe,.media-wrapper .media{width:100%;z-index:9;position:relative}
.media-wrapper video{cursor:pointer}
.media-wrapper.fade img,.media-wrapper.fade video,.media-wrapper.fade iframe,.media-wrapper.fade .media{opacity:0;-webkit-transition:opacity .7s;transition:opacity .7s}
.graphic{width:100%;border:1px solid #ddd;margin-top:2em;position:relative;padding:.5em 1em;overflow:hidden;}
.graphic .placeholder{width:100%;text-align:center}
.table{width:100%;border:1px solid #ddd;height:500px;margin-top:2em;position:relative;padding:.5em 1em;overflow:auto;}
.table .placeholder{width:100%;text-align:center}
.text,.infobox-wrapper{max-width:40rem;margin:2em auto 2em auto;width:94%}
#content-wrapper p{max-width:40rem;margin:2em auto 2em auto;width:94%}
p{font-size:.9375rem;font-family:'Georgia',serif;line-height:1.75;width:100%;margin:1em auto}
.sidebox{font-family:'Lato',Arial,sans-serif;font-size:.875rem;line-height:1.4;color:#9a9a9a;}
.sidebox p{line-height:1.4}
footer{width:100%;max-width:40rem;margin:0 auto;padding:15px;}
footer hr{width:50%;margin:1em auto;background:none;border:1px solid #3f454d;border-top:0}
footer .contactbox{max-width:35em;margin:0 auto;text-align:center;font-family:'Georgia',serif;font-size:.87rem;line-height:1.6}
footer .credits{font-size:.75em;text-align:center;color:#9a9a9a}
.table-more-button{width:96%;margin:0 auto;text-align:center;cursor:pointer;margin-top:1.5em;display:none}
.table-wrapper.table-loading .table-loader{display:block}
.table-legend{margin-bottom:10px;margin-right:5px;float:right;font-size:12px;}
.table-legend div,.table-legend svg{float:left}
.table-legend .icon{width:15px;margin-left:6px;padding-top:2px}
.table-wrapper{font-family:'Lato',sans-serif;-webkit-transition:opacity .5s;transition:opacity .5s;min-height:300px;position:relative;margin-bottom:2em;}
.table-wrapper .table-loader{position:absolute;left:50%;margin-left:-20px;font-size:26px;top:100px;display:none}
.table-wrapper .table-header{font-weight:700;padding:.5em 0;}
.table-wrapper .table-header>div{float:left;position:relative}
.table-wrapper .table-pop .table-header-item{text-transform:uppercase;font-size:.8em}
.table-wrapper .table-pop .table-header-item:nth-child(1){left:0}
.table-wrapper .table-pop .table-header-item:nth-child(2){float:right;right:0}
.table-wrapper .table-output{font-size:16px;}
.table-wrapper .table-output.fixed-height .table{display:block;overflow:auto;height:785px}
.table-wrapper .table{width:100%;padding:0;border:none;overflow-x:hidden;height:auto;margin-top:0}
.table-wrapper .btn-group{width:100%}
.table-wrapper .btn{width:50%}
.table-wrapper .light{color:#777}
.table-wrapper .slim.light{color:#222;font-weight:300}
.table-wrapper .bar{height:7px;background:#23b144}
.content-wrapper .table-wrapper{max-width:40rem;margin:1.5em auto;}
.content-wrapper .table-wrapper .source{font-weight:bold;display:block;font-size:.8em}
.table-buttons-wrapper{margin:10px 0 5px;}
.table-buttons-wrapper .table-buttons{max-width:285px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.table-buttons-wrapper .table-buttons-label{margin-right:0;margin:.5rem 0;font-weight:300;font-size:20px}
.table-item{padding:.5em;position:relative;padding-left:50px;cursor:pointer;background-size:cover;background-image:none;max-height:100px;min-height:50px;overflow:hidden;padding-top:14px;}
.table-item .td-footer{background:transparent;padding:0;font-size:12px;margin-top:7px;}
.table-item .td-footer .result-sharing{float:left}
.table-item .show-active{display:none}
.table-item:nth-child(even){background-color:rgba(255,255,255,0.05)}
.table-item.active{height:auto;max-height:200px;}
.table-item.active .show-active{display:block}
.td-index{width:29px;height:29px;border-radius:50%;border:1px solid rgba(255,255,255,0.35);text-align:center;font-weight:700;position:absolute;top:11px;left:.5em;font-size:15px;padding-top:3px}
.td-head{max-width:50%}
.td-headline{font-weight:700}
.td-subline{font-size:12px;color:rgba(255,255,255,0.7)}
.td-bar{position:absolute;top:15px;right:.5em;width:50%;text-align:right;background:transparent;}
.td-bar > div{display:inline-block}
.td-bar .bar-chart{width:50%}
.td-bar .bar-label{font-size:13px;margin-right:4px;}
.td-bar .bar-label strong{margin-right:2px}
.td-bar-inner{position:relative;top:0;left:0;height:13px;background:#00b34f}
.td-hr{border:0;height:1px;background:rgba(255,255,255,0.15)}
.td-ranking-text{font-size:12px}
.td-bottom{position:relative}
.td-ndvi-val{position:absolute;right:0;top:0;}
.td-ndvi-val .green{color:#00b34f}
.table-source{font-size:.75em;color:#9a9a9a;margin:1em 0;padding:0;line-height:1.2;width:100%}
@media screen and (min-width: 768px){.table-more-button{display:block}
.table-legend{float:right;margin-right:80px;margin-bottom:0;padding-top:115px}
.content-wrapper .table-wrapper{max-width:40rem;margin:0 auto 4em auto;}
.content-wrapper .table-wrapper .table{margin-top:1em}
.table-buttons-wrapper{float:left;}
.table-buttons-wrapper .table-buttons-label{font-size:30px;padding-top:0;margin:1rem 0}
.table-wrapper td.bold.light{display:table-cell}
.table-source{font-size:.75em;color:#9a9a9a;margin:1em 0;padding:0;line-height:1.2;width:50%}
.table-item:hover{background-color:rgba(255,255,255,0.1)}
.table-item .td-footer{float:right;width:40%;text-align:right;margin-top:0;font-size:13px}
.table-item .td-ranking-text{font-size:13px}
.td-subline{font-size:13px;}
.td-subline>div{margin:2px 0}
.table-item.active{padding:14px 8px 15px 50px;background-size:100%}
.td-hr{margin:10px 0}
}#autocomplete-form div.awesomplete > ul{background:rgba(16,23,33,0.8);color:#fff;overflow:hidden;}
#autocomplete-form div.awesomplete > ul mark{color:#fff;background:none}
#autocomplete-form .awesomplete ul li{color:#fff}
#autocomplete-form .awesomplete ul li[aria-selected="true"]{background:rgba(102,184,255,0.8) !important;color:#fff !important}
#autocomplete-form div.awesomplete > ul:before{display:none}
.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
.bar-chart{height:10px;border:none;position:relative;}
.bar-chart >div{height:100%;background:#24e56a;position:absolute;left:0;bottom:0}
.bar-chart .fake-bar{border:1px solid #888;width:100%;background:transparent}
.small-multiples .sm-wrapper{width:33.33333333%;padding:1em;float:left}
.small-multiples .month-label{text-align:center;font-size:13px}
.small-multiples img{width:100%}
@media screen and (min-width: 768px){.small-multiples{max-width:40rem;margin:1.5em auto;}
.small-multiples .sm-wrapper{width:25%}
}html{font-size:16px}
html,body,button,input,select,textarea{color:#222}
body{font-size:1em;line-height:1.4}
body,html{-webkit-font-smoothing:antialiased;height:100%;background:#101721;color:#fff;font-family:'Lato',Arial,sans-serif}
a,a:visited{color:#66b8ff;text-decoration:none}
a:hover{border-bottom:1px solid #66b8ff}
.content-wrapper{width:100%;max-width:60em;margin:0 auto;padding-left:15px;padding-right:15px;overflow:hidden;}
.content-wrapper p{max-width:40rem;margin:1.5em auto}
.source{font-size:.75em;color:#9a9a9a;margin:1em 0;padding:0 1em;line-height:1.2}
.video-source{font-size:.75em;color:#9a9a9a;margin:1em 0;padding:0;line-height:1.2}
#ivw{display:none}
@media screen and (min-width: 370px){header .social{display:block}
}@media screen and (min-width: 600px){html #result .result-header{width:30%}
html #result .result-body{width:70%}
html #result .result-sharing a{width:auto;display:inline}
html #result .delay{margin-top:0}
}@media screen and (min-width: 768px){#map .leaflet-control-attribution{display:block}
.leaflet-reset-control{display:block}
html .input-wrapper input{font-size:18px;padding:0 0 0 40px;line-height:1.4}
.tablet-only{display:block}
.info-box{width:600px;margin-left:-300px;left:50%;top:100px}
.headline{padding-top:8em;}
.headline .title{font-size:47px}
.headline .subline{font-size:24px;margin-bottom:10px}
header .mp-logo-large{width:200px}
header .social{display:block}
.social-bottom{display:none}
p{font-size:1.1875em;line-height:1.67}
footer{padding-top:1em;}
footer hr{margin:3em auto}
footer .contactbox{font-size:1rem;line-height:1.6}
.mute-button{display:block}
.app-teaser .teaser-title{font-size:220%}
.teaser-description{width:65%}
.legend .legend-sep{padding:0 .7em}
}@media screen and (min-width: 1024px){.desktop-only{display:block}
.mobile-only{display:none}
header .mp-logo{width:200px}
.result-footer{padding:1em}
.media-wrapper{margin:5em auto}
.media-wrapper__first{margin-top:3em}
.headline .title{margin:.5em 0}
}.map-text{text-shadow:0 0 1px #101721}
body{overflow:auto}
header .social,.source,.preset-special,.result-rank{display:none}
.mp-logo-small{width:25px;display:none}
.is-text-mode body{overflow:visible}
.is-map-mode body{overflow:auto}
.is-map-mode .intro.full .headline{left:15px;top:5px;-webkit-transition:all .4s;transition:all .4s;}
.is-map-mode .intro.full .headline .title{margin-top:.75em;font-size:12px;margin-left:35px;font-weight:400}
.is-map-mode .intro.full .headline .subline{display:none}
.is-map-mode .mp-logo-small{display:block;float:left}
.is-map-mode .mp-logo-large{display:none}
.calltoaction{top:auto;bottom:5%}
.intro.full{position:relative;height:auto}
.intro-background{position:absolute;top:0;left:0;height:60%;width:100%;pointer-events:none;background:-webkit-gradient(linear, left top, left bottom, from(#101721), to(rgba(16,23,32,0)));background:linear-gradient(to bottom,#101721 0%,rgba(16,23,32,0) 100%);z-index:999;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}
.intro-background.intro-background-bottom{bottom:0;left:0;top:auto;height:30%;width:100%;opacity:1 !important;background:-webkit-gradient(linear, left bottom, left top, from(#101721), to(rgba(16,23,32,0)));background:linear-gradient(to top,#101721 0%,rgba(16,23,32,0) 100%)}
.map-switch{position:absolute;right:1em;top:3em;z-index:9999}
#search-box{font-family:'Lato',Arial,sans-serif;z-index:2000000000;position:absolute;margin:0 auto;left:0;bottom:0;width:100%;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:20px 15px 15px 15px;max-width:42rem;right:0;margin:auto;}
#search-box .icon-search_exp{top:7px;left:9px;font-size:21px}
#search-box .input-info .input-info-title{font-weight:700;font-size:16px;line-height:1.3;width:80%}
#search-box .input-info .input-info-presets{margin:.2em 0 .4em;font-size:14px;}
#search-box .input-info .input-info-presets .preset{color:#66b8ff;font-weight:700;cursor:pointer;text-shadow:0 0 1px #101721;}
#search-box .input-info .input-info-presets .preset:hover{text-decoration:underline}
#search-box .input-wrapper{padding:0;max-width:none;margin:0;text-align:left}
.is-tt-exp .input-info{display:none}
h2{max-width:40rem;width:100%;margin:45px auto;font-family:'Lato',Arial,sans-serif;font-weight:300;font-size:28px}
header{background:transparent;border-bottom:none;width:100%;padding:8px 15px;position:absolute;}
header .line{bottom:0;width:100%;position:relative;bottom:-8px;border-bottom:1px solid rgba(255,255,255,0.15)}
.icon-wrapper{width:100%;max-width:220px;margin:0 auto;}
.icon-wrapper img{width:18%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 5px}
.intro.full{background:#f3f3f3;height:90%;overflow:hidden;}
.intro.full .subline{font-family:'Lato',Arial,sans-serif;color:#fff}
.intro.full .headline{text-align:left;position:absolute;left:1em;z-index:2000;padding:0;top:50px;max-width:90%;pointer-events:none;line-height:1.1;z-index:99999;border-bottom:1px solid rgba(255,255,255,0.15);}
.intro.full .headline .title{margin-top:0;font-size:28px;font-weight:700}
.intro.full .headline .subline{font-weight:400;line-height:1.3;font-size:14px;margin:1em 0 .5em 0}
.intro.full .headline .headline-meta{font-size:13px;font-family:'Lato',sans-serif;color:#222;}
.intro.full .headline .headline-meta .category{text-transform:uppercase;color:#23b144;font-weight:700}
.intro.full .headline .headline-meta .date{display:none}
.map-legend{display:none}
.is-map-mode .map-legend{top:40px;display:block}
.is-map-mode .intro.full .headline{border-bottom:none;}
.is-map-mode .intro.full .headline .headline-meta{display:none}
.map-legend{position:absolute;bottom:-35px;left:0;}
.map-legend .legend-leaf{position:absolute;left:0;top:0}
.map-legend .legend-label{font-weight:bold;font-size:13px;margin-left:60px}
.map-legend .icon{width:42px;position:relative;top:1px}
ul.presets{list-style:none;padding:0;margin:0;margin-top:15px;text-align:center;margin:0 auto;margin-top:15px;display:none;}
ul.presets li{display:block;float:left;line-height:1;font-weight:700;}
ul.presets li.preset{color:#777;cursor:pointer;margin:0 8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
ul.presets li.preset img{width:15px;margin-right:3px;float:left;display:block}
ul.presets li.preset span{display:block;float:left;line-height:1.3;}
ul.presets li.preset span:hover{text-decoration:underline}
div.awesomplete > ul{top:auto;bottom:70px}
div.awesomplete > ul:before{bottom:-6px;top:auto;border:none}
div.awesomplete > ul{z-index:10000000}
.awesomplete ul{text-align:left;z-index:1000000;color:#999;}
.awesomplete ul li[aria-selected="true"]{background:#ffefb5 !important;color:#999 !important}
.awesomplete ul li:hover{background:none !important;color:#fff}
.input-wrapper{width:100%;max-width:475px;margin:0 auto;text-align:center;position:relative;padding:25px 15px;box-shadow:0 1px 2px rgba(15,15,15,0.1);}
.input-wrapper .icon-search_exp{position:absolute;width:20px;top:15px;left:10px;z-index:99999}
.input-wrapper div.awesomplete{width:100%}
.input-wrapper input{width:100%;font-size:14px;padding:15px 15px 15px 35px;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;font-weight:400;background:rgba(16,23,33,0.8);color:#fff}
.sidebox{width:100%;max-width:40rem;margin:0 auto}
.sidebox-content{font-family:'Lato',Arial,sans-serif;}
.sidebox-content p{font-family:'Lato',Arial,sans-serif;font-size:13px;line-height:1.5}
.sidebox-header{font-weight:700;margin:1em 0;color:#fff}
.saticon-container{width:162px;float:right;margin:0 0 .5em .5em}
#sat1{width:100%;margin-bottom:10px}
.media-wrapper{min-height:0;margin:0 auto}
.search-err{display:none;margin-top:5px;color:#8f1d21;font-size:12px}
#result-wrapper{text-align:left;color:#fff;display:block;padding:0;position:relative;max-height:0;-webkit-transition:max-height .5s;transition:max-height .5s;position:absolute;bottom:55px;border-radius:4px;box-shadow:0 1px 3px rgba(15,15,15,0.15);font-size:13px;right:15px;left:15px;}
#result-wrapper .chart-label{margin-bottom:5px;font-size:11px}
#result-wrapper .close{position:absolute;right:-10px;top:-10px;background:#9a9a9a;font-size:14px;cursor:pointer;width:30px;height:30px;text-align:center;border-radius:80px;box-shadow:0 2px 3px rgba(0,0,0,0.2);z-index:99999;line-height:1.5;padding-top:4px;}
#result-wrapper .close:hover{background:#afafaf}
#result-wrapper .close i{color:#fff}
#result-wrapper .result-body{padding:0;border-radius:4px 4px 0 0;background:rgba(16,23,33,0.8)}
#result-wrapper .result-seperator{padding:0 .4em;color:#ccc}
#result-wrapper .result-title{padding:.5em 1em}
#result-wrapper .res-name{font-size:1.3em;font-weight:700}
#result-wrapper .light{color:#9a9a9a}
#result-wrapper .res-length{line-height:1.9}
#result-wrapper .result-number-wrapper{padding:.5em 1em}
#result-wrapper .result-number{font-size:30px;line-height:1;}
#result-wrapper .result-number strong{margin-right:3px}
#result-wrapper .ranking-text{padding:.5em 1em}
#result-wrapper .left{float:left;width:30%}
#result-wrapper .right{float:right;width:70%}
#result-wrapper .result-item{border-left:3px solid #f00;padding-left:10px;margin-bottom:.5em;font-weight:bold;color:#fff}
#result-wrapper .result-item-meters{float:right;font-weight:400}
#result-wrapper .result-rank{margin:.8em 1em 0 1em;padding-bottom:.4em;border-bottom:1px solid #ddd}
#result-wrapper .result-info{line-height:1.1;width:130px;font-weight:700}
#result-wrapper .rank-highlight{font-weight:700}
.result-footer{padding:.4em 1em;background:rgba(29,36,46,0.8);border-radius:0 0 4px 4px;}
.result-footer .result-sharing{float:right}
.result-footer .result-sharing-cta{margin-right:15px;padding-top:5px;float:left;color:#fff}
.result-footer a{color:#222;font-weight:bold;margin-right:15px;font-size:14px;border:1px solid rgba(255,255,255,0.4);padding:4px 10px;border-radius:4px;width:50px;display:block;-moz-box-sizing:border-box;box-sizing:border-box;display:block;float:left;text-align:center;background:transparent}
.result-footer .fb-sharer{color:#4864bb;}
.result-footer .fb-sharer:hover{color:#fff;background:#4864bb;border-color:#4864bb}
.result-footer .tw-sharer{color:#5eaade;}
.result-footer .tw-sharer:hover{color:#fff;background:#5eaade;border-color:#5eaade}
.story-cta{bottom:0;width:92%;left:4%;position:absolute;border-top:1px solid rgba(163,163,163,0.5);text-align:center;font-family:'Lato',sans-serif;z-index:100000;padding:7px 0;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;}
.story-cta .map{display:none}
.story-cta .text{display:inline}
.is-text-mode .story-cta .map{display:inline}
.is-text-mode .story-cta .text{display:none}
.content-wrapper{overflow:visible;position:relative;}
.content-wrapper .start-wrap > p{margin-top:0}
.bottom-container{width:100%;background-image:url("../images/bg_stars_mobile.jpg");background-repeat:repeat-x;background-position:bottom;padding-bottom:3.5em;}
.bottom-container footer{margin-bottom:0}
.additional{padding:15px;background:rgba(255,255,255,0.1);max-width:40rem;margin:1.5em auto;font-size:14px;border-radius:2px;}
.additional .method-toggle{color:#66b8ff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.additional .method-toggle:hover{opacity:.8}
.additional .method-toggle .icon{margin-right:8px}
.additional .method-container{max-height:0;overflow:hidden;-webkit-transition:max-height .3s;transition:max-height .3s;}
.additional .method-container.expanded{max-height:7000px}
.additional .method-toggle .icon,.additional .method-head{display:block;float:left;line-height:1;-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.additional .method-toggle .icon.expanded{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.additional h2{font-size:16px;font-weight:300;margin:1em 0}
.additional h3{font-weight:700;font-size:19px;margin:1.5em 0}
.additional a:link,.additional a:visited{color:#fff;border-bottom:1px solid rgba(255,255,255,0.25)}
.additional a:hover{border-bottom-color:rgba(255,255,255,0.5)}
.social-bottom{bottom:-100px;-webkit-transition:bottom .3s;transition:bottom .3s}
.is-text-mode .social-bottom{bottom:15px}
.bike-lanes{max-width:40rem;margin:3em auto 4em auto;}
.bike-lanes h2{font-family:'Lato',Arial,sans-serif;font-size:26px;color:#222;font-weight:700}
.bike-lanes p{font-family:'Lato',Arial,sans-serif;font-weight:400;font-size:19px;line-height:1.5;color:#777}
.bike-lanes .bike-lane-sub{font-family:'Lato',Arial,sans-serif;color:#222;font-size:13px;line-height:1.2;float:left;}
.bike-lanes .bike-lane-sub .bike-lane-name{font-weight:700}
.bike-lanes .bike-lane-sub .bike-lane-credit{font-weight:400}
.bike-lanes .btn{float:right}
.video-overlay{width:100%;height:100%;position:absolute;left:0;top:0;color:#fff;z-index:9999;padding:.5em 1em;cursor:pointer;}
.video-overlay .video-type{text-transform:uppercase;font-size:13px}
.video-overlay .video-headline{font-weight:700}
@media screen and (min-width: 360px){.is-map-mode .intro.full .headline .title{font-size:14px}
}@media screen and (min-width: 768px){.video-overlay{padding:2em 3em;}
.video-overlay .video-type{font-size:19px}
.video-overlay .video-headline{font-size:28px}
.map-legend{display:block}
.is-tt-exp .input-info{display:block}
.start-wrap{max-width:40rem;margin:0 auto;}
.start-wrap > p{float:left;width:68%;margin-bottom:0}
.sidebox{float:right;width:32%;z-index:1000000;position:relative;-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);margin-left:0;padding-left:20px;margin-top:-30px;}
.sidebox p{margin-bottom:0}
.sidebox .sidebox-content{width:100%}
.sidebox .saticon-container{width:100%}
.media-wrapper{margin:3.5em auto}
header .social,.source,.result-rank{display:block}
header{width:100%;padding:10px 16px 10px 16px;left:0;}
header .line{display:none}
.is-map-mode header{border-bottom:none;}
.is-map-mode header .line{display:block}
.preset-special{display:inline}
body{overflow:visible}
.is-map-mode .intro.full .headline{-webkit-transform:none;-ms-transform:none;transform:none}
.intro.full{height:90%;}
.intro.full .headline{width:1050px;top:80px;left:0;right:0;margin:auto;z-index:20000;}
.intro.full .headline .title{font-size:50px;margin-top:.25em}
.intro.full .headline .subline{margin-top:0;font-size:22px;margin:1.25em 0}
.intro.full .headline .headline-meta{display:block;}
.intro.full .headline .headline-meta .date{display:inline}
.is-map-mode #search-box{top:125px}
.is-map-mode body{overflow:visible}
.is-map-mode .mp-logo-large{display:block}
.is-map-mode .mp-logo-small{display:none}
.is-map-mode .intro.full .headline{left:15px;top:8px;margin-left:0;}
.is-map-mode .intro.full .headline .title{font-size:20px;text-align:left;margin-left:215px;padding-left:10px;border-left:1px solid #aaa;margin-top:4px;font-weight:300}
.is-map-mode .intro.full .headline .headline-meta{display:none}
.table-item{background-size:105%;background-position:top center;-webkit-transition:background-size .5s ease-out;transition:background-size .5s ease-out}
.additional{padding:1em 3em;margin:3.5em auto;}
.additional h2{font-size:19px}
.bottom-container{background-image:url("../images/bg_stars.jpg")}
#search-box{max-width:385px;right:5%;top:350px;left:auto;bottom:auto;background:none;-webkit-transition:top .4s;transition:top .4s;z-index:99999;}
#search-box input{height:34px;font-size:16px}
#search-box .input-info .input-info-title{font-size:18px;width:100%}
#search-box .input-info .input-info-presets{font-size:13px;margin:0 0 .6em 0}
html:not(.is-map-mode) #search-box{padding:1em}
#result-wrapper{bottom:auto;top:90px;margin-top:20px}
.input-wrapper .icon-search_exp{width:20px;top:7px;left:9px;font-size:20px}
div.awesomplete > ul{top:auto;bottom:auto}
div.awesomplete > ul:before{bottom:auto;top:-6px;border:inherit;border-bottom:none;border-right:none}
.story-cta{display:none}
footer{margin:0 auto 4em auto}
.intro.full .headline .headline-meta .category{margin-left:.5em}
}@media screen and (min-width: 768px) and (orientation: portrait){#search-box{top:620px}
}@media screen and (min-width: 1100px){#search-box{top:400px}
}