/*!
 * Gear HTML5 Audio Player
 * http://flashedge.net
 *
 * Version: 0.86.2
 * Updated: 06/05/2014 12.43.03
 *
 * @license Copyright (c) 2014. All rights reserved.
 * @author: Emanuele Manco, hello@flashedge.net
 */
html, body {
	-webkit-font-smoothing: antialiased; padding:0px; margin:0px;
}
body {
	/*color: #eaeaea;*/
	background-color: #111;
	font-family: 'Open Sans', sans-serif;
	padding:0px; margin:0px; width:100%; height:100%;
}
p {
	font-size: .95em
}
a {
	outline: 0;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}
a:hover, a:active, a:focus {
	color: #fff;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}
/*h1, h2, h3, h4, h5, h6 {
	color: #eaeaea;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -1pt
}*/
.stage {
	/*position: absolute;
	float: left;*/
	height: 100%;
	
	width: 100%;
	background-color: #111
}
.stage .wrap {
	height: 100%;
	/*color: #eaeaea;*/
	background-color: #111
}
.stage .wrap header {
	display: inline-block;
	float: left;
	height: auto;
	overflow: hidden;
	padding: 0 20px;
	position: fixed;
	width: 100%;
	z-index: 10
}
.stage .wrap header nav {
	vertical-align: middle;
padding-left:.9375rem;
padding-right:.9375rem;
	background-color: #111;
	height: auto;
	padding-top: 2em
}
.stage .wrap header nav .logo {
	float: left;
	font-size: 1.7em;
	letter-spacing: -1pt
}
.stage .wrap header nav .logo span {
	display: inline-block
}
.stage .wrap header nav section ul {
	font-family: 'Maven Pro', sans-serif
}
.stage .wrap header nav section ul a:not(.button), .stage .wrap header nav section ul a:not(.button):hover {
	background: 0
}
.stage .wrap header nav section ul a:not(.button) {
	opacity: .5
}
.stage .wrap header nav section ul a:not(.button):hover {
	opacity: 1
}
.stage .wrap header nav section ul a {
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	font-size: .85em
}
.stage .wrap header nav section ul a.button {
	font-size: .7em;
	text-transform: uppercase;
	font-weight: lighter;
	background: 0;
	border: 1px solid rgba(255,255,255,0.6);
	letter-spacing: 1pt;
	opacity: .7
}
.stage .wrap header nav section ul a.button:hover {
	opacity: 1
}
.stage .wrap header nav section ul li:last-child {
	padding-left: 1em
}
.stage .wrap header nav section .offcanvas-toggle {
	cursor: pointer;
	font-size: 1.5em;
	line-height: 46px
}
.stage .wrap header nav hr {
	opacity: .3;
	margin: 0
}
.stage .wrap .content {
	padding-top: 0px
}
.stage .wrap .content h2 {
	margin-bottom: 0;
	line-height: 1em
}
.stage .wrap .content h5 {
	text-transform: uppercase;
	letter-spacing: -0.5pt
}
.stage .wrap .content hr {
	opacity: .1
}
.stage .wrap .content ul {
	list-style-type: square
}
.stage .wrap .content code {
	color: #008cba
}
.stage .wrap .content pre {
	background-color: #0c0c0c;
	padding: 6px
}
.stage .wrap .content section {
	background-color: #111;
	white-space: normal;
	overflow-y: hidden; overflow-x:scroll;
	position: relative;
	top: 0;
	width: 100%; height:100%; overflow-x:scroll; overflow-y:hidden;
	padding: 0px 0 0px 0; display:table;
}
.stage .wrap .content section .center {
	text-align: center;
	margin-bottom: .5em
}
.stage .wrap .content section ul.icons {
	float: left;
	margin: 0;
	list-style: none;
	opacity: .8
}
.stage .wrap .content section ul.icons li {
	float: left
}
.stage .wrap .content section ul.icons li img {
	height: 1.7em;
	padding: 3px
}
.stage .wrap .content section ul.icons li .safari {
	height: 2em;
	margin-top: -3px;
	padding-left: 1px;
	padding-right: 0
}
.stage .wrap .content section ul.icons li.divider {
	width: 1em;
	height: 1em
}
.stage .wrap .content section.intro {
	text-align: center;
	padding-top: 2em
}
.stage .wrap .content section.intro h1 {
	font-size: 5em;
	letter-spacing: -3pt;
	line-height: .7em
}
.stage .wrap .content section.intro h2 {
	line-height: 2em
}
.stage .wrap .content .over {
	background-color: rgba(0,0,0,0.5);
	float: left;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	vertical-align: center;
	opacity: 0
}
.stage .wrap .content .over .floater {
	height: 50%;
	display: block;
	margin-bottom: -3em
}
.stage .wrap .content .over i {
	text-align: center;
	line-height: 100%;
	vertical-align: middle;
	font-size: 6em;
	clear: both;
	position: relative;
	display: inline-block
}
.stage .wrap .content .cover {
	overflow: hidden;
	position: relative;
	cursor: pointer
}
.stage .wrap .content .album {
	text-transform: uppercase;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: .5em;
	float: left;
	width: 100%;
	text-align: center
}
.stage .wrap .content .album div, .stage .wrap .content .album span {
	width: 100%;
	float: left;
	line-height: 1.5em
}
.stage .wrap .content .album div {
	font-family: 'Maven Pro', sans-serif;
	font-size: .85em;
	font-weight: bold
}
.stage .wrap .content .album span {
	font-family: 'Open Sans', sans-serif;
	font-size: .75em;
	opacity: .4
}
.stage footer {
	margin-top: 4em;
	background-color: #0c0c0c;
	padding: 0 20px
}
.stage footer .row {
	padding: 20px 0
}
.stage footer .row p {
	text-align: center;
	font-size: .8em;
	padding: 0;
	margin: 0;
	color: #9e9e9e;
	line-height: 2.7em
}
.stage footer .row ul.social {
	padding: 0;
	margin: 0
}
.stage footer .row ul.social li {
	float: left;
	list-style: none;
	margin-left: 10px;
	font-size: 1.4em
}
.stage footer .row ul.social li a {
	opacity: .5;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.stage footer .row ul.social li a:hover {
	opacity: 1
}
.stage .offcanvas-menu {
	display: none;
	visibility: hidden;
	position: fixed;
	right: 0;
	top: 0;
	width: 60%
}
.stage .offcanvas-menu ul {
	list-style: none;
	margin-left: 2rem;
	margin-top: 1.1rem;
	margin-right: 2rem
}
.stage .offcanvas-menu ul li {
	font-size: .8em;
	line-height: 3em;
	border-bottom: 1px solid #383838
}
.stage .offcanvas-menu ul li a {
	color: #9e9e9e;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase
}
.stage .offcanvas-menu ul li a:hover {
	color: #eaeaea
}
.stage .offcanvas-menu ul li a.button {
	background: none repeat scroll 0 center rgba(0,0,0,0);
	border: 1px solid rgba(255,255,255,0.6);
	font-size: .7em;
	font-weight: lighter;
	letter-spacing: 1pt;
	opacity: .9;
	text-transform: uppercase;
	width: 100%;
	padding: 1em;
	margin-top: 2em
}
.stage .offcanvas-menu ul li a.button:hover {
	opacity: 1
}
.stage .offcanvas-menu ul li:last-child {
	border: 0
}
.stage .overlay {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	display: inline-block;
	z-index: 11
}
.stage .overlay span {
	width: 100%;
	height: 120%;
	position: fixed;
	background-color: rgba(0,0,0,0.7)
}
@media all and (max-width:1040px) {
.stage .wrap header {
	padding: inherit
}
.stage .wrap .content section ul.icons li img {
	height: 1.5em
}
.stage .wrap .content section ul.icons li .safari {
	height: 1.7em
}
}
@media all and (max-width:640px) {
.stage .wrap header, .stage .wrap footer {
	padding: inherit
}
.stage .wrap header nav, .stage .wrap footer nav {
	padding-top: 0
}
.stage .wrap .content {
	/*padding-top: 60px*/
}
.stage .wrap .content section.intro {
	padding-top: 1em
}
.stage .wrap .content section.intro h1 {
	font-size: 3em
}
.stage .wrap .content section.intro h2 {
	font-size: 1.2em
}
.stage .wrap .content br {
	display: none
}
.stage footer {
	text-align: center
}
.stage footer .columns {
	text-align: center
}
.stage footer .columns p {
	line-height: 1.5em
}
.stage footer .columns .social {
	display: inline-block;
	float: none!important
}
}