@font-face {
  font-family:'FuturaLT-Book';
  src: url('../fonts/FuturaLT-Book.ttf');
}
@font-face {
  font-family:'FuturaLT-Light';
  src: url('../fonts/FuturaLT-Light.ttf');
}

html,
body {
	font-family:'FuturaLT-Book',sans-serif;
	color:#464646;
	margin:0;
	padding:0;
	cursor:default;
	}

#vis {
	background:url('../imgs/noise.png') repeat;
	width:615px;
	margin:0;
	cursor:pointer;
	}

svg {
	margin:0;
	padding:0;
	pointer-events:fill;
	}

.title {
	fill:#464646;
	font-family:'FuturaLT-Light',sans-serif;
	font-size:42px;
	text-transform:uppercase;
	}
.subtitle {
	fill:#7d7d7d;
	font-family:'FuturaLT-Book',sans-serif;
	font-size:16px;
	letter-spacing:0.25px;
	}

.nav {
	height:111px;
	margin-top:0px;
	pointer-events:none;
	}
.navCont {
	width:255px;
	height:100%;
	margin:0 auto;
	}
.btnContainer {
	float:left;
	width:85px;
	margin:0 auto;
	pointer-events:all;
	cursor:pointer;
	}
.btnContainer:active {
	opacity:0.75;
	}
.btn {
	background-position:50% 50% !important;
	width:63px;
	height:63px;
	margin:0 auto;
	pointer-events:none;
	}
.btnContainer .label {
	width:100%;
	font-size:14px;
	text-align:center;
	margin:6px auto 0;
	}
.btn.arthropods {
	background:url('../imgs/spider.svg') no-repeat;
	}
.btn.plants {
	background:url('../imgs/leaf.svg') no-repeat;
	}
.btn.vertebrates {
	background:url('../imgs/frog.svg') no-repeat;
	}
.btn.arthropods.deact {
	background:url('../imgs/spider_deact.svg') no-repeat;
	}
.btn.plants.deact {
	background:url('../imgs/leaf_deact.svg') no-repeat;
	}
.btn.vertebrates.deact {
	background:url('../imgs/frog_deact.svg') no-repeat;
	}

.label {
	fill:#464646;
	letter-spacing:0.5px;
	text-rendering:optimizeLegibility;
	pointer-events:none;
	}
.x.label,
.y.label {
	font-size:14px;
	}

.increase.label {
	stroke:none;
	font-size:14px;
	}
line.increase {
	stroke-width:1.5;
	stroke-dasharray:1.5,3;
	shape-rendering:geometricPrecision;
	}
line.increase.deact {
	stroke:#bcbcbc;
	}

.ygrid .tick line {
	stroke:#bcbcbc;
	stroke-width:1.5;
	stroke-dasharray:1.5,3;
	shape-rendering:geometricPrecision;
	}

.domain {
	fill:none;
	stroke:#464646;
	stroke-width:0;
	shape-rendering:crispEdges;
	}
.x .domain {
	stroke-width:2;
	shape-rendering:crispEdges;
	}
.x .tick text {
	text-anchor:end !important;
	}
.x .tick:first-child text {
	text-anchor:start !important;
	}
.y .domain {
	stroke-width:0;
	}
.y .tick text {
	text-anchor:start !important;
	}
.y .tick:first-child text {
	display:none;
	}
.y .tick:first-child line {
	stroke-width:2;
	}
.tick {
	font-size:14px;
	shape-rendering:crispEdges;
	}
.tick text {
	fill:#464646;
	}
.tick line {
	fill:none;
	stroke:#464646;
	stroke-width:1;
	}

.lines {
	}
.dataLine {
	fill-opacity:0;
	stroke:#bcbcbc;
	stroke-width:1.5;
	shape-rendering:geometricPrecision;
	pointer-events:none;
	}
.dataLine.unhighlight {
	stroke-width:1 !important;
	stroke:#bcbcbc !important;
	}

.hoverG {
	position:absolute;
	/*background:url('../imgs/tooltip.svg') no-repeat 0 0;*/
	color:#fff;
	opacity:0;
	font-size:11px;
	text-align:center;
	margin-left:-66px;
	padding:6px 0;
	width:132px;
	pointer-events:none;
	z-index:999;
	}
.hoverG .hoverArr {
	background:transparent !important;
	position:absolute;
	top:26px;
	left:63px;
	width:0; 
	height:0; 
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid;
}

.arthropods {
	stroke:#4bb0af;
	fill:#4bb0af;
	background:#4bb0af;
	border-top-color:#4bb0af !important;
	}
.plants {
	stroke:#c5ad00;
	fill:#c5ad00;
	background:#c5ad00;
	border-top-color:#c5ad00 !important;
	}
.vertebrates {
	stroke:#ed524b;
	fill:#ed524b;
	background:#ed524b;
	border-top-color:#ed524b !important;
	}