/* Import styles
 ------------------------------------------------------------------------*/

/* Icons Font */
@import url(../fonts/iconmoon.css) screen;
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,400italic,500);

/* ----------------------------------------------------------------------
	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}


/* Message for older IE browsers
 ------------------------------------------------------------------------*/
#ie-message { background:#c00; border-bottom:1px solid #900; display: block; margin: 0 auto 20px auto; width:100%; z-index:2000; }
#ie-message p { text-align:center; color:#fff; font-size:13px; padding:20px; margin: 0 25%; }
#ie-message a { color:#fff; font-weight:bold; text-decoration:underline; }


/* Basic Elements & Classes
 ---------------------------------------------------------------------- */


html {
  background-color: #000000;
}

body {
	color: #999;
	background: #000000;
	font: 14px/1.6 "Roboto";

}

::-moz-selection { background: #ffbbbb; color: #fff; text-shadow: none; }
::selection { background: #ffbbbb; color: #fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
	color: #eee;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}

a, a > * {
	color: #ffbbbb;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover { color: #fff; }


/* Basic settings
 -------------------------------- */
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
small { font-size: 12px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin: 4px 0 4px 30px; color: #ddd; }
img {  }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,p,iframe { margin-bottom: 30px; }
article { margin-bottom: 30px; }
strong, b { color: #aaa; }

/* Blockquote */
blockquote {
	font-style: italic;
	color: #666;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #666;
	margin-left: 20px;
}
	blockquote p {
		padding: 20px 20px 20px 20px;
	}	
	blockquote p:last-of-type { margin-bottom: 0; }

/* Small */
small {
	font-size: 11px;
}


/* Forms
 ---------------------------------------------------------------------- */
label {
	cursor: pointer;
	display: block;
	margin: 0 0 5px;
	color: #999;
	font-size: 14px;
}

input, textarea, select {
	background-color: #e1e1e1;
	border: 1px solid #ccc;
	color: #333;
	font: 14px/1.5;
	padding: 10px;
	border-radius: 0;
}

input, select {
	width: 200px;
}

textarea {
	padding: 10px;
	resize: both;
	width: 100%;
	min-height: 200px;
}

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

/* Form */
.form {
	max-width: 100%;  
}
	.form input, .form textarea {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
		width: 100%;
	}
	.form .row { margin-bottom: 0px }
	.form input { padding-top: 12px; padding-bottom: 12px; }

	.form textarea { min-height: 200px; }

	.form input[type="submit"] {
		margin: 0;
		width: auto;
		min-width: 160px;
		height: auto;
	}
	.ie8 .form input[type="submit"] { min-width: 100px; }


/* Helper Classes
 ---------------------------------------------------------------------- */
.hidden { display: none; }
.disabled { cursor: auto; }
.invisible { visibility: hidden; }
.no-margin { margin: 0 !important; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
img.size-1-2 { width: 50%; height: 50%;}
img.size-3-4 { width: 75%; height: 75%;}
img.aligncenter { display: block; margin-bottom: 30px; }
.alignleft, .floatleft { float: left; }
img.alignleft { margin-bottom: 30px; margin-right: 20px; }
.alignright, .floatright { float: right; }
img.alignright { margin-bottom: 30px; margin-left: 20px; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.color { color: #ffbbbb; }
.white { color: #fff !important; }
.dark { color: #666 !important; }
.caps { text-transform: uppercase; }
.clear{ clear:both; display:block; height:1px; margin-top:-1px; overflow:hidden; visibility:hidden; width:0 }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0 }
* html .clearfix,:first-child+html .clearfix { zoom:1 }
.inlineblock { display: inline-block;}
#ascrail2000 { background-color: #ccc; width: 6px !important; z-index: 1000000 !important; }


/* Typography
 ---------------------------------------------------------------------- */

	/* Headings
	 -------------------------------- */

	/* Extra Large heading */
	.heading-xl { 
		font-size: 96px; 
		line-height: 1.4em;
		letter-spacing: -0.05em;
	} 

	/* Large heading */
	.heading-l { 
		font-size: 60px; 
		line-height: 1.4em;
		letter-spacing: -0.05em;
	}

	/* Medium heading */
	.heading-m { 
		font-size: 36px; 
		line-height: 1.4em;
		letter-spacing: -0.05em;
	}

	/* Light heading */
	.heading-light { font-weight: 400; }

	/* Small sub heading */
	.sub-heading {
		display: block;
		position: relative;
		top: -30px;
		font-size: 14px;
		color: #aaa;
		text-transform: uppercase;
		font-weight:300;
		letter-spacing:10px;
	}


/* Layout and content
 ---------------------------------------------------------------------- */

/* Container */
.container {
	width: 1090px;
	margin: 0 auto;
	/*position: relative;*/  
}
		
	/* Columns
	 -------------------------------- */
	.col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
		float: left;
		margin-right: 50px;
		margin-bottom: 30px;
	}

	.col-1-1 { width: 100%; }
	.col-1-2 { width: 520px; }
	.col-1-3 { width: 330px; }
	.col-1-4 { width: 235px; }
	.col-1-5 { width: 178px; }
	.col-2-3 { width: 710px; }
	.col-3-4 { width: 805px; }

	/* Helpers */
	.last { margin-right: 0px !important; }
	.row { margin-bottom: 50px; clear: both;}

	/* Flexible columns */
	.flex-col-1-1, .flex-col-1-2, .flex-col-1-3, .flex-col-1-4 { float: left; }
	.flex-col-1-1 { width: 100%; }
	.flex-col-1-2 { width: 50%; }
	.flex-col-1-3 { width: 33.33%; }
	.flex-col-1-4 { width: 25% }


/* Navigation
 ---------------------------------------------------------------------- */

 	/* Navigation container */
 	.nav-container {
 		height: 65px;
 		padding: 0 40px;
 		position: relative;
 		width: 100%;
 		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		display:none;
 	}

 	/* Main Navigation
	 -------------------------------- */
	#main-nav { 
		border-bottom: 1px solid #2a2a2a;
		background: #454546;
		height: 65px;
		width: 100%;
		top: 0px;
	    z-index: 1000;
	}
	#main-nav.hide {
		visibility: hidden;
		height: 0px;
		overflow: hidden;
		width: 100%;
		top: -65px;
		border: none;
		
	}
	#main-nav.sticky {
		position: fixed;
		top: 0;
		left: 0;
		visibility: visible;
		overflow: visible;
		height: auto;
		border-bottom: 1px solid #2a2a2a;
		
	}
	#main-nav-wrapper {
		position: relative;
	}
	#main-nav-wrapper.single-page { height: 65px; }

	/* Navigation list */
 	#nav { 
		float: right;
		z-index: 100;
		margin-top: 0px;
	}

		#nav li {
			list-style: none;
			float: left;
			margin: 0;
			position: relative;
		}

			#nav a {
				color: #eee;
				font-size: 12px;
				font-weight: bold;
				display: block;
				padding:0 20px;
				line-height: 60px;
				position: relative;
				text-align: center;
				text-transform: uppercase;
				z-index: 98;
				border-top: 4px solid transparent;
			}

				#nav .current > a, #nav a:hover { border-top: 4px solid #eee; }
				#nav .active > a { 
					background: #161616;
					color: #fff;
					border-top: 4px solid transparent;
				}

			/* Sub nav */
			#nav ul ul {
				background: #161616;
				display: none;
				left: 0;
				padding: 0;
				position: absolute;
				width: 200px;
				z-index: 300;
			}

				#nav ul ul li { float: none; }

					#nav ul ul a {
						border: none !important;
						color: #aaa;
						display: block;
						font-size: 12px;
						letter-spacing: 0;
						padding: 16px 20px !important;
						text-align: left;
						line-height: normal;
						text-transform: none;
					}

						#nav ul ul a:hover, #nav ul ul .hover > a, #nav ul ul .current > a, #nav ul ul .current > a:hover {
							background: #ffbbbb;
							border: none !important;
							color: #fff;
						}

			/* Dropdown */
			#nav ul ul ul {
				left: 100% !important;
				top: 0 !important;
			}

	/* Responsive Nav */
	.dl-menuwrapper {
		margin-top: 10px;
		display: none;
	}
	.dl-menuwrapper ul {  }
	.dl-menuwrapper button { 
		margin: 0 0 0 200px;
	}


	/* Icon Navigation
	 -------------------------------- */

	/* Navigation list */
 	#icon-nav { 
		float: right;
		z-index: 100;
		margin-left: 10px;
		height: 16px;
		border-left: 1px dotted #666;
		padding-left: 10px;
		margin-top: 24px;
	}

		#icon-nav li {
			list-style: none;
			float: left;
			margin: 0;
			position: relative;
		}

			#icon-nav a {
				color: #ddd;
				font-size: 14px;
				font-weight: bold;
				display: block;
				padding:0 10px;
				top: -2px;
				position: relative;
				text-align: center;
				z-index: 98;
			}
			#icon-nav a span { color: #ddd; }


 	/* Logo
	 -------------------------------- */
	#logo { 
		float: left;
		margin: 8px 0 0 0;
	}
		#logo img { margin: 0; }


	/* Search
	 -------------------------------- */
	#search-wrap {
		width: 100%; 
		height: 60px;
	}

	/* Search input */
	#search {
		border: 0;
		background-color: #1b1c1d;
		width: 100%;
		padding: 16px 40px 16px 40px;
		font-size: 24px;
		color: #ddd;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	#search:focus {
		background-color: #1b1c1d;
	}
	#search::-webkit-input-placeholder { color: #ddd; }
	#search:-moz-placeholder { color: #ddd; }
	#search:-ms-input-placeholder { color: #ddd; }


/* Shortcodes and small elements
 ---------------------------------------------------------------------- */


/* Buttons
 ------------------------------------ */

/* Default button */
input[type="submit"], button, .btn {
	font-family: "Arial", "Helvetica Neue", Helvetica,sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;	
	height: auto;
	width: auto;
	overflow: visible;
	padding: 12px 20px;
	margin: 0 30px 30px 0;
	background-color: #ffbbbb;
	border: none;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
input[type="submit"]:hover, button:hover, .btn:hover {
	background-color: #252627;
	color: #fff;
}
.btn { display: inline-block;}
	.text-right .btn { margin: 0 0 0 20px; }
	.text-center .btn { margin: 0 0 0 20px; }
		input[type="submit"].small, button.small, .btn.small { padding: 8px 12px; }
		input[type="submit"].medium, button.medium, .btn.medium { padding: 14px 22px; }
		input[type="submit"].large, button.large, .btn.large { padding: 20px 28px; }

/* Wide button */
.btn.wide {
	width: 100%;
	margin-right: 0;
	padding: 0;
}

/* Inverted button */
input[type="submit"].invert, button.invert, .btn.invert { background-color: #252627; color: #fff; }
input[type="submit"].invert:hover, button.invert:hover, .btn.invert:hover { background-color: #ffbbbb; color: #fff; }
input[type="submit"].invert:hover span, button.invert:hover span, .btn.invert:hover span { color: #fff; color: #fff; }

/* Icon */
.button-icon {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	margin-right: 10px;
	top: 2px;
	position: relative;
}
.btn.invert .button-icon { color: #fff; }

/* Dropcap */
.dropcap {
	background: #fff;
	color: #111;
	display: inline-block;
	float: left;
	font-size: 24px;
	font-weight: 800;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}
/* Invert */
.dropcap.invert {
	background: #111;
	color: #fff;
}


/* Dropcaps
 ------------------------------------ */
p.description {

	font-style: italic;
}


/* Dropcaps
 ------------------------------------ */
.dropcap {
	background: #eee;
	color: #1b1c1d;
	display: inline-block;
	float: left;
	font-size: 24px;
	font-weight: 800;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}

/* Invert */
.dropcap.invert {
	background: #1b1c1d;
	color: #eee;
}


/* Info box
 ------------------------------------ */
.info-box {
	margin: 30px 0;
	padding: 30px;
	background-color: #1d1d1e;
}
.info-box > p:last-child { margin-bottom: 0; }


/* Tweets
 ------------------------------------ */
.tweets {
	list-style: none;
	margin: 0;
}
	.tweets li {
		margin: 0 0 30px 0;
		font-size: 14px;
		color: #999;
	}
	.tweets li:before {
		content: "\2014";
		color: #666;
		padding-bottom: 5px;
		display: block;
	}
	.tweets li:first-child:before { display: none;}

		.tweets li .date a {
			display: block;
			margin-top: 12px;
			font-size: 12px;
			letter-spacing: 0.2em;
			text-transform: uppercase;
			color: #666;
			border: none;
			font-weight: normal;
			width: 100%;
		}
		.tweets li .date a:hover { color: #ffbbbb; }


/* Divider
 ------------------------------------ */
hr.divider {
	background-color: #444;
	width: 100%;
	height: 1px;
	margin: 30px 0 50px 0;
}

/* Tabs
 ------------------------------------ */
ul.tabs { 
	width:auto; 
	height:53px; 
	border-bottom:1px solid #444; 
	margin-bottom:30px;
	list-style-type: none;
	font-weight: bold;
}
	ul.tabs li { 
		color:#999; 
		float:left;
		margin:0;
		padding: 0;
	}
	ul.tabs li a { 
		height:50px; 
		line-height:50px; 
		margin:2px 0 0 0; 
		float:left; 
		color:#999; 
		padding:0 24px; 
		background-color:#252627; 
		border: solid 1px #444; 
		border-width: 1px 1px 0 0;
	}
	ul.tabs li:first-child a { border-width: 1px 1px 0 1px;}
	ul.tabs li a.active-tab, ul.tabs li a.active-tab:hover { 
		height:51px; 
		background-color:#313233;
		color: #eee;
	}
	.tabs-wrap { 
		overflow:hidden;
		margin-bottom: 40px;
	}
	.tab-content { display:none; }


/* Toggle
 ------------------------------------ */
h4.toggle-title { 
	margin-bottom:20px; 
	cursor:pointer;
	color: #bbb;
}
h4.toggle-title:before {
	content: "+";
	text-align: center;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	float: left;
	margin-right: 18px;
	color: #fff;
	background-color: #252627;
}
h4.active-toggle:before { 
	content: "-";
	background-color: #ffbbbb;
}
.toggle {
	border-bottom: 1px solid #444;
	margin-bottom: 20px;
}
.toggle-content { display: none; }


/* Column Icon
 ------------------------------------ */
.column-icon {
	position: relative;
}
	.column-icon .txt {
		padding-left: 50px;
		display: block;
	}
		.column-icon .txt strong { color: #bbb }
	.column-icon .icon { 
		position: absolute;
		left: 0;
		top: 0;
		color: #555;
		font-size: 28px;
		display: inline-block;
		margin-bottom: 20px;
	}
	.column-icon a { color: #999; }
	.column-icon strong a { color: #bbb }
	.column-icon a:hover {
		color: #fff;
		background-color: #ffbbbb;
	}


/* Alert Boxes
 ------------------------------------ */
.error, .success, .info, .warning {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid;
	padding: 14px 20px 14px 20px;
	clear: both;
}
.error {
	background-color: #fdcaca;
	color: #7f6060;
	border-color: #ffc3c3;
}
.success {
	background-color: #cafdce;
	color: #637a65;
	border-color: #9cfaa3;
}
.info {
	background-color: #dee9fe;
	color: #737b8b;
	border-color: #cddfff;
}
.warning {
	background-color: #fbe9de;
	color: #877863;
	border-color: #fbe0b9
}


/* Flexible video
 ------------------------------------ */
.video-wrap {
	margin: 0 0 30px;
}


/* Thumbnails effects
 --------------------------------*/

/* Thumb with title (releases) */
.thumb {
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	overflow: hidden;
	
 }
	.thumb img {
		max-height: 100%;
		height: auto;
		display: block;
		max-width: 100%;
		margin: 0;
		-webkit-transition: all .30s linear;
		-moz-transition: all .30s linear;
		-ms-transition: all .30s linear;
		-o-transition: all .30s linear;
		transition: all .30s linear;
	}
	.thumb:hover img {
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
	}
	.thumb .inner {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		background: rgb(0,0,0);
		background: rgba(0,0,0,.8);
		display: block;
		height: 100%;
		width: 100%;
		z-index: 2;
	}

	.thumb:hover .inner, .thumb.active .inner { opacity: 1; }

	.lt-ie9 .thumb .inner { filter:alpha(opacity=0); } /* IE8 */
	.lt-ie9 .thumb:hover .inner, .lt-ie9 .thumb.active .inner { filter:alpha(opacity=80); } /* IE8 */

		.thumb .inner h6 {
			position: absolute;
			width: 100%;
			padding: 12px;
			top: -100%;
			left: 0;
			text-align: center;
			color: #fff;
			font-size: 1.2em;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
			-webkit-transition: all .5s ease;
		    -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
		}
		.inner h6:after {
			display: block;
			width: 60px;
			height: 1px;
			background-color: #fff;
			content: "";
			margin: 12px auto 0 auto;
		}
		.thumb:hover .inner h6, .thumb.active .inner h6 {
			top:40%;
		}
		.thumb .inner h6 span {
			display: block;
			font-size: 14px;
			font-weight: normal;
		}

/* Thumb icon */
.thumb-icon {
	cursor: pointer;
	display: block;
	position: relative;
	font-size: 0;
	overflow: hidden;
	line-height: 0;
	margin-bottom: 30px;
}
.thumb-icon img {
	max-width: 100%; 
	max-height: 100%;
	margin: 0;
}
	.thumb-icon .icon-wrap {
		position: absolute;
		opacity: 0;
		display: block;
		height: 100%;
		width: 100%;
		z-index: 2;
		top: 0;
		left:0;
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
			-ms-transition: all .4s ease;
			 -o-transition: all .4s ease;
				transition: all .4s ease;

	}
	.thumb-icon:hover .icon-wrap { opacity: 1; }

	.lt-ie9 .thumb-icon .icon-wrap { filter:alpha(opacity=0); } /* IE8 */
	.lt-ie9 .thumb-icon:hover .icon-wrap { filter:alpha(opacity=100); } /* IE8 */

	.thumb-icon .icon {
		content: '';
		position: absolute;
		color: #fff;
		height: 32px;
		width: 32px;
		line-height: 32px;
		text-align: center;
		font-size: 16px;
		display: inline-block;
		z-index: 3;
		margin-top: -14px;
		left:10px;
		bottom: 10px;
		background-color: #ffbbbb;
	}

	/* Badge */
	.badge {
		color: #fff;
		white-space: nowrap;
		overflow: hidden;
		position: absolute;
		text-align: center;
		padding: 4px;
		height: 26px;
		width: 120px;
		min-width: auto;
		min-height: 26px;
		max-height: 26px;
		right: -31px;
		top: 16px;
		left: auto;
		z-index: 1;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 28px;
		font-weight: bold;
		letter-spacing: 2px;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.lt-ie9 .badge {
		text-align: left;
		text-align: center;
		right: 0;
		letter-spacing:0;
	}
	.badge.new { background-color: #ffbbbb; color: #fff; }
	.badge.free { background-color: #000; }
	.badge.soundcloud { background-color: #ffbbbb; }


/* Tracklist
 --------------------------------*/
.tracklist {
	z-index: 3;
	list-style: none;
	border: 1px solid #333;
	border-bottom: none;
	margin-bottom: 30px;
	background: #383a3b;
}
		.tracklist li {
			margin: 0;
			padding: 14px;
			display: block;
			border-bottom: 1px solid #333;
			min-height: 28px;
			position: relative;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-ms-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
		}
		.tracklist li:nth-child(odd) {
    		background: #3f4142;
		}
		
		.tracklist li:hover {
			background-color: #252627;
		}

			/* Add button */
			.add-button {
				display: block;
				position: absolute;
				left: 14px;
				top: 14px;
				width: 28px;
				height: 28px;
				border: 1px solid #333;
				background: #3f4142;
			}
			.add-button span {
				color: #999;
				top: 4px;
				left: 8px;
				position: relative;
			}
			.tracklist li:hover .add-button {
				border-color: #ffbbbb;
				background: #ffbbbb;
			}
			.tracklist li:hover .add-button span {
				color: #222;
			}

			/* Details */
			.track-details {
				margin-left: 44px;
			}
				.track-details .track-title {
					color: #bbb;
				}
				.tracklist li:hover .track-details .track-title {
					color: #fff;
				}
			.track-links {
				display: block;
			}
				.track-link {
					font-size: 10px;
					display: inline-block;
					cursor: pointer;
					margin-right: 12px;
					text-transform: uppercase;
					color: #666;
				}
				.tracklist li:hover .track-link:hover { color: #fff; }


/* Fancy dropdown
 --------------------------------*/
.fancy-dd {
	height: 60px;
	z-index: 3;
	position: relative;
	margin-bottom: 20px;
}
	.fancy-dd ul {
		display: none;
		list-style: none;
	}
		.fancy-dd ul li {
			margin: 0;
			padding: 0;
		}

		.fancy-dd ul li a {
			color: rgb(255, 255, 255) !important;
			color: rgba(255, 255, 255, 0.7) !important;
		}
		.fancy-dd a {
			display: block;
			padding: 5px 12px 6px 12px;
			color: #fff;
			transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			background-color: #ffbbbb;	
			border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
			cursor: pointer;
			text-align: left;
		}
		.fancy-dd .fancy-dd-title {
			height: 41px;
			font-weight: bold;
			font-size: 14px;
			padding: 18px 20px 0 20px;
		}
		.fancy-dd .fancy-dd-title .dd-icon-left, .fancy-dd .fancy-dd-title .dd-icon-right {
			color: #fff;
			font-size: 16px;
			display: inline-block;
			top: 2px;
			position: relative;
		}
		.fancy-dd .fancy-dd-title .dd-icon-left { margin-right: 12px; }
		.fancy-dd .fancy-dd-title .dd-icon-right { margin-left: 12px; }
		.fancy-dd a:hover {
			color: rgba(255, 255, 255, 1) !important;
		}

		.fancy-dd:hover .fancy-dd-title {
			color: rgba(255, 255, 255, 1) !important;
		}
		.fancy-dd ul li:last-child a {
		}
		.fancy-dd a.active {
			color: rgba(255, 255, 255, 1) !important;
		}


/* Stamp
 --------------------------------*/
.stamp {
	display: inline-block;
	margin-bottom: 30px;
	border: 1px solid #444;
	padding: 18px 28px;
	color: #666;
}


/* Masonry Wall
 --------------------------------*/

 .masonry {margin: 0 auto;}

 	.masonry iframe { margin-bottom: 0;}
	.brick {
		float: left;
		position: relative;
	}
	

	.masonry img { margin: 0; max-width: 100%; max-height: 100% }

	.brick.width-1-4 { width: 272px; }
	.brick.height-1-4 { height: 272px; }
	.brick.width-1-2 { width: 544px; }
	.brick.height-1-2 { height: 544px; }
	.brick.width-3-4 { width: 816px; }
	.brick.height-3-4 { height: 816px; }

	/* Info brick */
	.brick-info {
		width: 100%;
		height: 100%;
		background-color: #ddd;
		position: relative;
	}
		.brick-icon {
			position: absolute;
			top: 20px;
			left: 20px;
			color: #fff;
			font-size: 64px;
			opacity: .3;
			filter:alpha(opacity=30);
			z-index: 1;
		}

		.brick-title {
			position: absolute;
			bottom: 0px;
			left: 0;
			padding: 20px;
			font-size: 18px;
			line-height: 1.3;
			color: #fff;
			z-index: 2;
		}

	/* Flipper */
	.flipper .back { background: #111; }
	.flipper .back .brick-icon { 
		font-size: 64px;
	}
	.flipper .back .brick-title { font-size: 14px; }

	/* Flipper width and height */
	.brick.width-1-4 .front, .brick.width-1-4 .back { width: 272px; }
	.brick.height-1-4 .front, .brick.height-1-4 .back, .brick.height-1-4 .flipper { height: 272px; }
	.brick.width-1-2 .front, .brick.width-1-2 .back { width: 544px; }
	.brick.height-1-2 .front, .brick.height-1-2 .back, .brick.height-1-2 .flipper { height: 544px; }
	.brick.width-3-4 .front, .brick.width-3-4 .back { width: 816px; }
	.brick.height-3-4 .front, .brick.height-3-4 .back, .brick.height-3-4 .flipper { height: 816px; }


/* Flipper
 --------------------------------*/

/* entire container, keeps perspective */
.flip-container { 
	-webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

	/* flip speed goes here */
	.flipper {
		-moz-transform: perspective(1000px);
    	-moz-transform-style: preserve-3d;
    	position: relative;
    	width: 100%;
	}

	/* hide back of pane during swap */
	.front, .back {
		-webkit-backface-visibility: hidden;
    	-moz-backface-visibility: hidden;
    	-o-backface-visibility: hidden;
    	backface-visibility: hidden;
	    -webkit-transition: 0.6s;
	    -webkit-transform-style: preserve-3d;
	    -moz-transition: 0.6s;
	    -moz-transform-style: preserve-3d;
	    -o-transition: 0.6s;
	    -o-transform-style: preserve-3d;
	    transition: 0.6s;
	    transform-style: preserve-3d;
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	/* back, initially hidden pane */
	.back { 
		-webkit-transform: rotateY(-180deg);
	    -moz-transform: rotateY(-180deg);
	    -o-transform: rotateY(-180deg);
	    transform: rotateY(-180deg);
	    z-index: 1;
	}
	.flip-container:hover .back {
	    -webkit-transform: rotateY(0deg);
	    -moz-transform: rotateY(0deg);
	    -o-transform: rotateY(0deg);
	    transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    -webkit-transform: rotateY(180deg);
	    -moz-transform: rotateY(180deg);
	    -o-transform: rotateY(180deg);
	    transform: rotateY(180deg);
	}


	/* front pane, placed above back */
	.front {
	    z-index: 2;
	}

	/* For older browser */
	.no-csstransforms3d .flip-container:hover .front { visibility: hidden; }

	/* For IE10 */
	.ie10 .flip-container:hover .flipper { transform: rotateY(0); }
	

/* Stats
 --------------------------------*/
ul.stats {
	list-style: none;
	overflow: hidden;
}
	ul.stats li {
		position: relative;
		margin-bottom: 30px;
		overflow: hidden;
		margin-left: 0;
		padding: 0;
		text-align: center;
		padding-bottom: 50px;
	}
	ul.stats li:nth-child(3n+3) { margin-right: 0;}
	ul.stats li:nth-child(7) { display: none;}
	ul.stats li:nth-child(odd) .stat-value, ul.stats li.odd .stat-value { color: #444; }

	ul.stats li .stat-value { 
		font-size: 140px;
		color: #666;
		font-weight: bold;
		line-height: normal;
	}
	ul.stats li .stat-name {
		position: absolute;
		text-transform: uppercase;
		left: 0;
		bottom: 0;
		font-size: 14px;
		font-weight: bold;
		color: #666;
		width: 100%;
		text-align: center;
	}
	ul.stats li .stat-value:after {
		content: "";
		display: block;
		position: absolute;
		width: 1px;
		height: 40px;
		left: 50%;
		bottom: 30px;
		background: #444;
	}


/* Ajax pages
 ---------------------------------------------------------------------- */

/* Ajax holder */
.ajax-holder {
	overflow: hidden;
	position: relative;
}

	/* Ajax container */
	.ajax-container { 
		width: 100%;
		opacity: 0;
		visibility: hidden;
		position: relative;
	}
	.ajax-container { filter:alpha(opacity=0); } /* IE8 */

	/* Page Container */
	.page-container {
		padding: 80px 0 120px;
		top:0;
		left: 0;
	}

		/* Page intro */
		.page-intro {
			width: 100%;
			margin-bottom: 80px;
			position: relative;
		}

		.page-container .page-intro { margin-top: -80px; }

		/* Page intro image */
		.page-intro-image {
			background-size: cover;
			background-color: #444;
			background-position: center center;
			height: 600px;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
		}

		/* Footer */
		.page-footer { margin-top: 40px; }
		.social-wrap {
			width: 100%;
			height: 60px;
			clear: both;
			border-bottom: 1px solid #444;
			margin-bottom: -1px;
		}
			.page-social {
				width: 100px;
				height: 100%;
				margin: 0 auto;
				border-bottom: 1px solid #999;
				-webkit-transition: all .2s ease;
			    -moz-transition: all .2s ease;
			    -ms-transition: all .2s ease;
			     -o-transition: all .2s ease;
			        transition: all .2s ease;
			    position: relative;
			    z-index: 2;
			}
			.page-social:hover {
				border-bottom: 6px solid #999;
			}
				.page-social a {
					width: 50px;
					height: 100%;
					line-height: 60px;
					text-align: center;
					float: left;
				}
					.page-social a span {
						color: #999;
						font-size: 28px;
					}
					.page-social a.twitter-share:hover span {
						color: #33ccff;
					}
					.page-social a.facebook-share:hover span {
						color: #3b5998;
					}

			/* Page Navigation */
			.page-nav {
				position: relative;
				height: 80px;
				border-top: 1px solid #444;
				border-bottom: 1px solid #444;
				position: relative;
				z-index: 1;
				font-size: 24px;
			}
				.page-nav a span {
					color: #999;
				}
				.page-nav a:hover span {
					color: #eee;
				}
		
				/* Close */
				.page-nav .close-button {
					position: absolute;
					display: none;
					top: 28px;
					width: 28px;
					height: 28px;
					left: 50%;
					margin-left: -14px;
					cursor: pointer;
				}

				/* Arrows */
				.page-nav .prev-button,
				.page-nav .next-button {
					position: absolute;
					display: block;
					top: 24px;
					height: 31px;
				}
				.page-nav .prev-button { 
					left: 20px;
					
				}
				.page-nav .next-button { 
					right: 20px;
				}

				.page-nav .disabled span, .page-nav .disabled:hover span { opacity: 0.3; color: #999; }
				.lt-ie9 .page-nav .disabled span { filter:alpha(opacity=30); } /* IE8 */


/* Sections
 ---------------------------------------------------------------------- */
.section {
	overflow: hidden;
	width: 100%;
}	
	/* Section header */
	.section-header {
		padding: 160px 0;
		width: 100%;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		position: relative;
	}
	.parallax {
		background-attachment: fixed;
		background-position: 50% 0;
		background-color: #ddd;
	}
	/* Stretch background */
	.parallax.stretch {
		background-size: cover;
	}
 
	/* Touch devices Parallax fix */
	.touch-device .parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }


	.parallax.no-parallax { background-size: cover!important; background-attachment: scroll!important; background-position: center!important; }

	/* Section container */
	.section-container {
		padding-top: 80px;
		padding-bottom: 150px;
	}

	/* Section header heading */
	.section-heading {
		color: #ffbbbb;
		font-size: 96px;
		text-align: center;
		margin: 0;
	}
		.section-heading span { background-color: #ffbbbb; color: #fff; }
	.section-sub-heading {
		margin: 0;
		font-size: 36px;
		opacity: 0.8;
		text-align: center;
		color: #fff;
	}

	/* Overlay layer */
	.overlay {
		position: absolute;
		left: 0;
		top: 0;
		background: transparent url(../img/overlay.png) left top repeat;
		width: 100%;
		height: 100%;
	}

	/* Section content */

	/* Header */
	.content-header {
		text-align: center;
		margin-bottom: 50px;
	}
		.content-title {
			font-size: 65px;
			letter-spacing: -0.05em;
			font-family:Roboto;
			font-weight:100;
		}
		.content-title a { color: #eee; }
		.content-title a:hover { color: #ffbbbb; }
		.content-line {
			width: 100%;
			height: 8px;
			background-color: #444;
		}

	/* Section sign */
	.section-sign {
		position: absolute;
		left: 50%;
		top: -26px;
		margin-left: -26px;
		background: #ffbbbb;
		width: 52px;
		height: 52px;
		line-height: 52px;
		text-align: center;
	}
	.section-sign.invert { background-color: #252627; }
	.section-sign:after {
		content: "";
		display: block;
		width: 52px;
		height: 23px;
		background: transparent url(../img/section-sign-shadow.png) center center no-repeat;
	}
		.section-sign span {
			color: #fff;
			font-size: 16px;
		}


/* Intro
 ---------------------------------------------------------------------- */

 #intro {}

 	/* Intro Resize
	 -------------------------------- */
	#intro.intro-resize {
		width: 100%;
		background-size: cover;
		overflow: hidden;
		position: relative;
		height: 100vh; /* 100% of the viewport height */
	}
	#intro .intro-bg {
		/*display: none;*/
		position: absolute;
		width: 100%;
		height: 100vh; /* 100% of the viewport height */
		top: 0;
		left: 0;
		z-index: 0;
		opacity: .06;
		filter: alpha(opacity=6);
		-ms-filter: "alpha(opacity=6)";
		background: transparent url(../img/bg_animated.gif) repeat;
	}

	#intro > .container { text-align: center; width: 100%; min-height: 90%;  display: flex;
      justify-content: center;  /* Horizontal centering */
      align-items: center;      /* Vertical centering */
      height: 90vh;   }

	/* Video header
	 -------------------------------- */
	#intro.video-header {
		position: absolute;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	right: 0;
		text-align: center;
	}


	/* Intro logo
	 -------------------------------- */
	#intro-logo { margin: 0px auto 40px auto; 
		text-align: center;
		bottom: 20px;
	
	}

img#intro-logo {display: block;}

	#intro-logo-bottom-image {
		text-align: center;
    width: 150px;
    margin: 0px auto 0px auto;



}

	#intro-logo-bottom {
		bottom: 40px;
		width: 150px;
margin-left: auto;
      margin-right: auto;
      text-align: center;
      	display: block;
    

      
		}
	/* Ticker
 	 --------------------------------*/
 	#ticker-wrap {
 		width: 100%;
 		padding: 30px 0 40px;
		/*background: none;
		background: rgba(0,0,0,0.3);*/
 	}
	 	#ticker {
			height: 110px;
			overflow: hidden;
			text-align: center;
			font-size: 98px;
			font-weight: bold;
			text-transform: uppercase;
			margin-bottom: 0;
			list-style: none;
		}
			#ticker li {
				margin: 0;
				padding: 0 0 20px 0;
				height: 98px;
				color: #fff;
				line-height: normal;
			}
			#ticker li span {
				color: #ffbbbb;
			}


	/* Header button
	 -------------------------------- */
	#intro-button {
		display: inline-block;
		margin: 20px auto;
		padding: 14px 30px;
		z-index: 99;
		border: 1px solid #fff;
		font-weight: bold;
		opacity: .7;
		letter-spacing: 4px;
		-webkit-transition:all .2s ease-in-out;
	   	-moz-transition:all .2s ease-in-out;
	    -ms-transition:all .2s ease-in-out;
	     -o-transition:all .2s ease-in-out;
	        transition:all .2s ease-in-out;
	}
	#intro-button:hover { opacity: 1; }
	.lt-ie9 #intro-button { filter:alpha(opacity=70); } /* IE8 */
	.lt-ie9 #intro-button:hover { filter:alpha(opacity=100); } /* IE8 */
		#intro-button span {
			color: #fff;
			font-size: 14px;
			display: inline-block;
		}


	/* Scroll arrow
	 -------------------------------- */
	a#scroll-arrows {
		width: 39px;
		display: block;
		position: relative;
		top: -14px;
		clear: both;
		margin: 60px auto 0;
	}


/* Masonry News
 ---------------------------------------------------------------------- */

.masonry-news {
	background: #141415 url(../placeholders/masonry-news.jpg) center top no-repeat;
	position: relative;
	z-index: 1;
}


/* Event Countdown
 ---------------------------------------------------------------------- */

.event-countdown {
	padding: 80px 0;
	background: #1c1c1d url(../img/map.png) center 140px no-repeat;
}
	.countdown { 
		text-align: center;
		position: relative;
	}
	.countdown:before {
		content: "";
		display: block;
		height: 80px;
		width: 1px;
		background: #444;
		top: -60px;
		left: 50%;
		position: absolute;
	}

		.countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
			position: relative;
			display: inline-block;
			font-size: 120px;
			line-height: normal;
			font-weight: 300;
		}
		.countdown .days {
			color: #444;
		}
		.countdown .hours {
			color: #666;
		}
		.countdown .minutes{
			color: #444;
		}
		.countdown .seconds {
			color: #ffbbbb;
		}
		
		.countdown .days:before, .countdown .hours:before, .countdown .minutes:before, .countdown .seconds:before {
			content: "";
			display: block;
			height: 60px;
			width: 1px;
			background: #444;
			left: 50%;
			bottom: 40px;
			position: absolute;
		}
		.countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after {
			content: attr(data-label);
			font-size: 16px;
			position: relative;
			text-transform: uppercase;
			display: block;
			font-weight: 300;
			color: #444;
			padding-top:50px;
			text-align: center;
		}

		h6.upcoming-event {
			font-size: 24px;
			color: #444;
			text-transform: uppercase;
			position: relative;
			margin-bottom: 0;
			font-weight:500;
			line-height: normal;
		}
.page-container .event-countdown {
	margin-top: -80px;
	margin-bottom: 80px;
}


/* Recent Tweets
 ---------------------------------------------------------------------- */

.recent-tweet {
	position: relative;
	border-top: 1px solid #1b1c1d;
	border-bottom: 1px solid #1b1c1d;
	text-align: center;
	background: transparent url(../img/pattern01.jpg) center center repeat;
}
	.recent-tweet .container {
		padding: 80px 0;
		min-height: 264px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}

	/* Tweets
	 ------------------------------------ */
	.recent-tweet .tweets li {
		font-size: 18px;
		color: #fff;
		margin: 0;
	}
		.recent-tweet .tweets li { margin-top: 60px; }
		.recent-tweet .tweets li:first-child, .recent-tweet .tweets li.first-item { margin-top: 0px; }
		.recent-tweet .tweets li:before { display: none;}

		.tweets li a {
			border-bottom: 1px dotted #fff;
			color: #fff;
			font-weight: bold;
		}
		.recent-tweet .tweets li a:hover {
			border: none;
		}
		.recent-tweet .tweets li .date {
			display: block;
			margin-top: 20px;
		}
		.recent-tweet .tweets li .date a {
			display: inline-block;
			font-size: 14px;
			letter-spacing: 0.2em;
			text-transform: uppercase;
			color: #fff;
			opacity: .5;
			filter:alpha(opacity=50);
			border:none;
			font-weight: normal;
		}
		.recent-tweet .tweets li .date a:hover {
			opacity: 1;
			filter:alpha(opacity=100);
		}



/* Newsletter
 ---------------------------------------------------------------------- */
#newsletter {
	position: relative;
	overflow: hidden;
	padding: 160px 0;
	text-align: center;
	background: transparent url(../placeholders/newsletter-1920x600.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
}
	/* Form */
	#subscribe-form {
		overflow: hidden;
		margin-top: 60px;
	}
		#subscribe-form input {
			display: inline-block;
		}

		#subscribe-email {
			width: 280px;
			/*203*/
			font-size: 24px;
			color: #222;
			background-color: #fff;
			background-color: rgba(255,255,255,0.8);
			border:0;
			padding: 16px;
		}
		#subscribe-email::-webkit-input-placeholder { color: #222; }
		#subscribe-email:-moz-placeholder { color: #222; }
		#subscribe-email:-ms-input-placeholder { color: #222; }

		#subscribe-submit {
			width: 60px;
			height: 60px;
			font-size: 48px;
			text-align: center;
			line-height: 60px;
			padding: 0;
			margin: 0;
			font-weight: normal;
		}


/* Portfolio/Releases
 ---------------------------------------------------------------------- */
#portfolio {
}	
	/* Header */
	#portfolio-header {}


		/* Filter
	 	 --------------------------------*/
	 	.filter {
	 		margin-top: 20px;
	 		padding: 0 40px;
 			position: relative;
 			width: 100%;
	 		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
	 	}

		 	.filter ul {
				list-style: none;
				border-bottom: solid 1px #444;
		 	}
		 		.filter ul li {
					margin: 0;
					padding: 0;
					float: left;
				}

				.filter li a {
					color: #999;
					font-weight: bold;
					font-size: 14px;
					display: block;
					padding: 12px 14px 20px;
					position: relative;
					text-align: center;
					border-bottom: 6px solid transparent;
					cursor: pointer;
				}
				.filter li a:hover, .filter li a.active {
					color: #ddd;
					border-color: #ddd;
				}

				/* Label */
				.filter .filter-label .label {
					color: #666;
					display: inline-block;
					padding: 14px 14px 20px 0;
					line-height: normal;
					font-weight: bold;
				}

				.filter .filter-label .label:after {
					display: inline-block;
					content: "\2192";
					margin-left: 10px;
				}


	/* Grid
	 -------------------------------- */
	.items {}

		.fullwidth.items { margin: 40px 40px 40px 0; }
		.item {
			display: block;
			color: #222;
			float: left;
			overflow: hidden;
			position: relative;
		}
		.item img { 
			max-width: 100%;
			max-height: 100%;
			display: block;
		}
		.fullwidth .item { width: 20%; }
		.fullwidth .item { margin: 0px -1px 0px 0px; }
		.container .item { width: 25%; }
			.fullwidth .item .project-thumb {
				margin: 0px 0px 40px 40px;
				-webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.7);
				-moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.7);
				-ms-box-shadow: 0 4px 4px 0 rgba(0,0,0,.7);
				-o-box-shadow: 0 4px 4px 0 rgba(0,0,0,.7);
				box-shadow: 0 4px 4px 0 rgba(0,0,0,.7);
			}


/* Events - Tour - Gigs
 ---------------------------------------------------------------------- */
#events {
}

	/* Events list
	 -------------------------------- */
	#events-list {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		#events-list li {
			width: 100%;
			padding: 0;
			margin: 1px 0 0 0;
			width: 100%;
			height: 250px;
			padding-top: 60px;
			padding-bottom: 50px;
			background-color: #242526;
			background-position: center center;
			background-size: cover;
		}

		#events-list li:nth-child(odd) {
			background-color: #1f2021;
		}

		#events-list li:hover {
			position: relative;
			margin-top: -30px;
			width: 100%;
			height: 350px;
			z-index: 999;
			-moz-box-shadow: 0px 0px 40px 0px #000;
			-webkit-box-shadow: 0px 0px 40px 0px #000;
			-o-box-shadow: 0px 0px 40px 0px #000;
			box-shadow: 0px 0px 40px 0px #000;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=40);
		}

			/* Inner section */
			#events-list .inner {
				padding: 0 40px;
			}

			/* Date */
			#events-list .event-date {
				font-size: 36px;
				color: #ffbbbb;
				display: block;
				position: relative;
				font-weight: bold;
			}

			/* Title */
			#events-list h2, #events-list h2 a {
				color: #fff;
				font-size: 65px;
				margin-bottom: 0;
			}
			#events-list h2, #events-list h2 a:hover { color: #ffbbbb; }

			/* Location */
			#events-list .event-location {
				color: #fff;
				text-transform: uppercase;
				font-size: 18px;
			}


	/* More events heading
	 -------------------------------- */
	.more-events {
		background-color: #1c1c1d;
		padding: 60px 40px;
	}
		.more-events h6 {
			color: #444;
			margin-bottom: 0;
		}


	/* Events Masonry
	 -------------------------------- */
	.masonry-events { 
		margin-top: 1px;
	}
		.masonry-events .event-brick {
			margin-bottom: 1px;
			margin-left:-1px !important;
			width:20%;
			min-height: 330px;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;
			padding: 40px;
			background-color: #242526;
			background-position: center center;
			background-size: cover;
		}
		.masonry-events .event-brick:nth-child(odd) {
			background-color: #1f2021;
		}
		.masonry-events .event-brick.active {
			position: relative;
			z-index: 999;
			-moz-box-shadow: 0px 0px 40px 0px #000;
			-webkit-box-shadow: 0px 0px 40px 0px #000;
			-o-box-shadow: 0px 0px 40px 0px #000;
			box-shadow: 0px 0px 40px 0px #000;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=40);
		}

		/* Date */
		.masonry-events .event-date {
			font-size: 36px;
			color: #ffbbbb;
			display: block;
			position: relative;
			font-weight: bold;
		}

		
		/* Title */
		.masonry-events .event-title { 
			color: #eee;
			display: block;
			font-size: 24px;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.masonry-events .event-brick:hover .event-title { color: #ffbbbb; }

		/* Location */
		.event-brick .event-location {
			display: block;
			color: #999;
		}


	/* Events animation
	 -------------------------------- */
	#events-list li, .masonry-events .event-brick.active {
		-webkit-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); 
		-moz-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); 
		-ms-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); 
		-o-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); 
		transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); 

		-webkit-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835); 
		-moz-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835); 
		-ms-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835); 
		-o-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835); 
		transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835);
	}


	/* Events Table
	 -------------------------------- */
	table th,
	table td{
		text-align: left;
	}
	table.layout {
		width: 100%;
		border-collapse: collapse;
	}
	table.display {
		margin-bottom: 40px;
	}
	table.display th,
	table.display td {
		padding: 1em 1em;
		vertical-align: top;
		border: 1px solid #333;
	}
	table td.table-date { font-weight: bold; }

	table.display th { font-size: 16px; background: #3f4142 }
	table.display td { background: #383a3b; }
	table.responsive-table{
	}

	/* Date */
	table .table-date {
		color: #bbb;
		font-size: 16px;
	}

	/* Name */
	table .table-name {
		color: #bbb;
	}

	/* Location */
	table .event-location { 
		
	}
	table .event-location:before {
		content: '::';
		display: inline-block;
		padding: 0 10px;
		color: #777;
	}

	/* Tickets */
	table .buy-tickets {
		padding: 8px 12px;
		font-size: 12px;
		font-weight: bold;
		color: #999;
		background: #2e2f31;
	}
	table .buy-tickets:hover { 
		background: #ffbbbb;
		color: #fff;
	}
	table .buy-tickets.sold, table .buy-tickets.sold:hover { 
		opacity: .5;
		color: #999; 
		background: #2e2f31; 
		filter:alpha(opacity=50);
	}


/* Bio
 ---------------------------------------------------------------------- */
#bio {
	width: 100%;
}
	#bio-content {
		background: transparent url(../placeholders/bio-background-1920x1000.jpg) top center no-repeat;
		/*background-size: cover;*/
	}


/* Stats
 ---------------------------------------------------------------------- */
.stats-wrap {
	position: relative;
	border-top: 1px solid #1b1c1d;
	border-bottom: 1px solid #1b1c1d;
	text-align: center;
	background: #ffbbbb url(../placeholders/stats-bg-2000x1000.jpg) center top repeat;
}
	.stats-wrap .container {
		padding: 80px 0;
		
	}

	.stats-wrap ul.stats li:nth-child(odd) .stat-value, .stats-wrap ul.stats li.odd .stat-value { 
		color: #fff; 
		opacity: .5;
		filter:alpha(opacity=50);
	}

	.stats-wrap ul.stats li .stat-value { 
		color: #fff;
		opacity: .8;
		filter:alpha(opacity=80);
	}
	.stats-wrap ul.stats li .stat-name {
		color: #fff; 
		opacity: .5;
		filter:alpha(opacity=50);
	}
	.stats-wrap ul.stats li .stat-value:after {
		background: #fff; 
		opacity: .5;
		filter:alpha(opacity=50);
	}


/* Contact
 ---------------------------------------------------------------------- */
#contact {
}
	/* Google Maps */
	#contact-map {
		background-color: #ddd;
		height: 500px;
		position: relative;
		width: 100%;
		filter: grayscale(100%); /* Current draft standard */
		-webkit-filter: grayscale(100%); /* New WebKit */
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%); 
		-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
		filter: gray; /* IE */
		-webkit-filter: grayscale(1); /* Old WebKit */
		border-bottom: 1px solid #ddd;
	}
	#contact-map:before, #contact-map:after {
		-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
		content: '';
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 10;
	}

	/* Contact form */
	.contact-form textarea { min-height: 300px; }
	.contact-form #ajax-message { margin-top: 20px; }


/* Error 404
 ---------------------------------------------------------------------- */
.error-title {
	font-size: 120px;
	font-weight: bold;
	text-align: center;
	color: #ffbbbb;
	padding-bottom: 20px;
	margin-bottom: 0;
	position: relative;
}
.error-title:after {
	content: "";
	height: 55px;
	width: 1px;
	background-color: #444;
	display: block;
	bottom: -10px;
	left: 50%;
	position: absolute;
}



/* Social
 ---------------------------------------------------------------------- */
#social {
	background-color: #252627;
	overflow: hidden;
	border-top: 1px solid #1d1d1e;
}
	#social a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 80px;
		text-align: center;
		color: #fff;
		border-bottom: 1px solid #1d1d1e;
		border-right: 1px solid #1d1d1e;
	}
	#social a span {
		color: #fff;
		display: inline-block;
		font-size: 24px;
		margin-right: 18px;
		position: relative;
		top:5px;
	}
	#social a:hover { background-color: #1b1c1d; }

	/* Special colors for hover effect */
	#social .social-twitter:hover { background-color: #c7ae8e; }
	#social .social-facebook:hover { background-color: #3b5998; }
	#social .social-soundcloud:hover { background-color: #ff7700; }
	#social .social-vimeo:hover { background-color: #86c9ef; }
	#social .social-youtube:hover { background-color: #c4302b; }
	#social .social-dribbble:hover { background-color: #ea4c89; }
	#social .social-flickr:hover { background-color: #ff0084; }
	#social .social-google-plus:hover { background-color: #dd4b39; }


/* Footer
 ---------------------------------------------------------------------- */
#footer {
	padding: 140px 0 10px 0;
	background: #1b1c1d;
	width: 100%;
}
	#copyrights {
		color: #999;
		text-align: center;
		font-size: 11px;
		text-transform: uppercase;
	}
		#copyrights a { color: #999; display:inline;}
		#copyrights a:hover { color: #ccc; display:inline }



/* Plugins
 ---------------------------------------------------------------------- */


/* Isotope CSS3 transitions
 -------------------------------- */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}


/* Tooltip (TopTip)
 -------------------------------- */

.tip-content { 
	position: absolute; 
	opacity: .95; 
	z-index: 10;
}
.lt-ie9 .tip-content { filter:alpha(opacity=95); } /* IE8 */

	.tip-content .tip-inner { 
		padding:20px;  
		background: #1b1c1d;
		font:bold 11px/17px Arial; 
		color:#fff; 
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;  
	}
		.tip-content .tip-inner span {
			display: block;
			margin-bottom: 3px;
			color: #fff;
			font-weight: bold;
			font-size: 12px;
		}


/* Nprogress (preloader)
 -------------------------------- */

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #ffbbbb;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #ffbbbb, 0 0 5px #ffbbbb;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 100;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #ffbbbb;
  border-left-color: #ffbbbb;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#mysong h3{ font-weight:300;}

#mysong p{ font-weight:300; margin:0 auto; width: 350px; color:#ffffff;}

#mysong2 h2{ font-weight:300; margin-top:-0.2em; font-size:6em;}
#mysong2 h6{ font-weight:300; }

#copyrights img.aligncenter { margin-bottom:0.1em; !important}