* {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	color:#ffa133;
	text-transform:uppercase;
	box-sizing:border-box;
}

*:focus {
    outline: none;
}

html {
	background-color:#333; 
	height:100%;
	min-height:980px;
}
body {
	height:100%;
	min-height:980px;
	
	background-color:#333; 
	background-image: -webkit-linear-gradient(
		left, 
		#4c4c4c, 
		#4c4c4c 350px,
		#333 350px,
		#333 
	);
	background-image: -moz-linear-gradient(
		left, 
		#4c4c4c, 
		#4c4c4c 350px,
		#333 350px,
		#333 
	);
	background-image: -ms-linear-gradient(
		left, 
		#4c4c4c, 
		#4c4c4c 350px,
		#333 350px,
		#333 
	);
	background-image: -o-linear-gradient(
		left, 
		#4c4c4c, 
		#4c4c4c 350px,
		#333 350px,
		#333
	);
}

.container {
	width:100%;
	
}
.svgContainer {
	z-index:0;
/* 	float:left;
	width:100%;
	margin-left:-350px; */
}

.svgContainer > svg {
	/* margin-left:350px; */
/* 	float:left; */
	/* overflow:hidden; */
	/* background-color:#363636; */
}

h1,
h2, 
h3 {
	font-weight:100;
	text-align:center;
}

h1 {
	font-size:50px;
	font-family:'Optimus', 'Open Sans', sans-serif;
	font-family:100;
}

h2 {
	font-size:16px;
}

h3 {
	font-size:16px;
	color:#d3d3d3;
}

text {
	font-size:12px;
	font-weight:400;
}

.link {
  stroke: #636363;
  stroke-opacity: .6;
}


article {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	display:block;
	width:350px;
	padding:15px 30px;
	box-sizing:border-box;
	background-color:#4c4c4c; 
	min-height:900px;
}

section {
	margin-bottom:50px;
	position:relative;
}

section:first-child {
	margin-bottom:30px;
}

label {
	font-size:12px;
}

.clear {
	clear:both;
}

select {
	margin-top:5px;
	width:100%;
	color:#333;
	text-transform:capitalize;
	font-weight:400;
	padding:5px;
	background-color:#eee;
}

select option {
	color:#333;
}


button {
	width:100%;
	border-radius:5px;
	padding:10px 5px;
	background-color:#ffa133;
	border:none;
	color:#333;
	margin:10px 0;
	font-size:16px;
}


#reset:hover {
	transition:background-color 0.1s;
	-webkit-transition:background-color 0.1s;
	background-color:#FFD2B3;
}

#reset:active {
	background-color:#FF8936;
}

/* Slider */

form.slider {
	background:url('images/sliderBG.png') no-repeat left top;
	width:100%;
	height: 35px;
	margin-top:5px;
}

input[type="range"] {
	margin:0 auto;
	display:block;
	width:81%;
    height: 35px;
    -webkit-appearance: none;
	background:none;
}

input[type=range]::-ms-track {
	margin:0 auto;
	display:block;
	width:81%;
    height: 35px;
    -webkit-appearance: none;
	background:none;
}

::-moz-range-track {
	margin-top:15px;
	width:100%;
	background:none;
    height: 35px;
    -webkit-appearance: none;
	border:0;
}


input[type="range"]::-webkit-slider-thumb{
   -webkit-appearance:none !important;  
   width:31px;
   height:42px;
   -webkit-appearance: none;
	background-image:url('images/slider.png');	
 }

input[type="range"]::-webkit-slider-thumb:hover{
   -webkit-appearance:none !important;  
   -webkit-appearance: none;
}

::-moz-range-thumb {
   -webkit-appearance:none !important;  
   width:31px;
   height:42px;
   -webkit-appearance: none;
	background-image:url('images/slider.png');	
	border:0;
}

.significanceLabel {
	text-align:center;
	font-size:12px;
	text-transform:capitalize;
	position:absolute;
	top:65px;
	width:100%;
}

/* Relation Filters */

.relationFilters label {
	display:block;
	clear:both;
}

.relationFilters input[type="checkbox"] {
	display:none;
}

.relationFilters p {
	display:block;
	float:left;
	margin-top:7px;
	font-size:14px;
}

.relationFilters input[type="checkbox"] + img {
	background-color:#999999;	
	border-radius:50%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.relationFilters input[type="checkbox"] + img:hover {
	transition:background-color 0.1s;
	-webkit-transition:background-color 0.1s;
	background-color:#777;
}
	
.relationFilters input[type="checkbox"]:checked + img {	
	/* background-color:#ffa133; */
}
	

.relationFilters input[type="checkbox"]:checked + img:hover {
	transition:background-color 0.1s;
	-webkit-transition:background-color 0.1s;
	background-color:#FFD2B3;
}



	
.relationFilters input[type="checkbox"] + p {	
	color:#999999;
}	
.relationFilters input[type="checkbox"]:checked + p {	
	color:#ffa133;
}