body {
	font-family: Roboto Slab,Roboto,Arial,sans-serif;
	margin:0;
	padding:0;
	background: #0a0b0d;
	isolation: isolate;
	overflow:hidden;
}
svg{
	isolation: isolate;
}
.tick,text {
	font-family: Roboto Slab,Roboto,Arial,sans-serif;
	font-weight:100;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently
	                                supported by Chrome and Opera */
}
#menu,#bonus_menu {
	position:absolute;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently
	                                supported by Chrome and Opera */
}
.hidden {
	display:none;
}
.icon:hover{
	cursor:pointer;
}
.title-version:hover {
	cursor:pointer;
}
#bonus:hover {
	cursor:pointer;
}
.track,
.track-inset,
.track-overlay {
	stroke-linecap: round;
}
.info-item, .options-item {
	font-family: Roboto;
	font-weight:100;
	color:white;
	padding: .5vh .5vw;
}
.reloader {
	color:white;
	padding:.25vh;
}
.reloader:hover,.reloader:active {
	font-weight: 400;
	background: #7B4B38;
	cursor: pointer;
}
.selected-option {
	font-weight: 400;
	background: #795B00;
}
#loading {
	position:absolute;
	font-family: Roboto Slab,Roboto,Arial,sans-serif;
	font-weight:100;
	color: white;
	font-size:5vh;
	top:35vh;
	text-align:center;
	width:100%;
}
#sorting{
	position:absolute;
	top:0;
	left:135px;
	font-family: Roboto;
	font-weight:100;
	font-size:75%;
	color:white;
	opacity:0.7;
}
.tooltip {
	font-family: Roboto Slab,Roboto,Arial,sans-serif;
    position: absolute;
    display: none;
    height: auto;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    color:white;
    border: none;
    padding: 2px;
    text-align: center;
    z-index: 9999;
    max-width: 35vw;
}
#sorting:hover {
	cursor:pointer;
}
.info-focus {
	position:relative;
}
.s_image {
	position:absolute;
	width:400px;
	height:720px;
	display: block;
    left:760px;
    top:390px;
}
.l_image {
	position:absolute;
	width:1400px;
	height:720px;
	display: block;
    left:260px;
    top:390px;
}
.img_wrapper {
	position:absolute;
	top:0;
	left:0;
}
/*.slider, .up, .down {
	display:none;
}*/
a:link {
	color:#fff789;
}
a:visited {
	color:#a6a1a5;
}
.info-item:hover {
	font-weight:400;
	cursor:pointer;
}
#info_dropdown, #options_dropdown, #quick_dropdown {
	border-radius: .5vw;
}
#quick_dropdown {
}
#info_focus {
	padding:.5vh;
}
.track {
	stroke: silver;
	stroke-opacity: 0.3;
	stroke-width: 3px;
}

.track-inset {
	stroke: #ddd;
	stroke-width: 1px;
}

.track-overlay {
	pointer-events: stroke;
	stroke-width: 50px;
	cursor: crosshair;
}
.tt-input,
.tt-hint,
.tt-menu,
.typeahead {
	background:#262626 !important;
	color:white !important;
}
.twitter-typeahead {
    width:100%;
}
.search-header {
	text-align: center;
}
.tt-input,
.tt-hint {
    width: 97.5%;
    padding: .5vh .5vw;
    font-size: 90%;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: .5vw;
    outline: none;
}
.tt-input {
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.075);
}
.tt-hint {
    color: #999;
}
.tt-menu {
    width: 100%;
    margin-top: .5vh;
    padding: .5vh 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .5vw;
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    z-index: 9999;
}
.tt-suggestion {
    padding: .5vh .5vw;
    font-size: 80%;
    z-index: 9999;
}
.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #795B00;
}
.tt-suggestion:hover {
    cursor:pointer;
    color: #fff;
    background-color: #7B4B38;
}
.tt-suggestion p {
    margin: 0;
}
.empty-message {
	font-size: 80%;
	font-family: Roboto Slab;
	font-weight:100;
}