/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700,500,900,300);*/
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

@font-face {
	font-family: 'Helvetica2';
	src: url('../fonts/helveticaneueltstd-th-webfont.eot');
	src: url('../fonts/helveticaneueltstd-th-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/helveticaneueltstd-th-webfont.woff') format('woff'),
		 url('../fonts/helveticaneueltstd-th-webfont.ttf')  format('truetype'),
		 url('../fonts/helveticaneueltstd-th-webfont.svg#31f326429865f01d1ef91be8f785e8b9') format('svg');
	font-style:   normal;
	font-weight:  500;
}

@font-face {
	font-family: 'HelveticaNeueLT';
	src: url('../fonts/HelveticaNeueLTStd-MdCn.eot');
	src: url('../fonts/HelveticaNeueLTStd-MdCn.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'),
		 url('../fonts/HelveticaNeueLTStd-MdCn.ttf')  format('truetype'), 
		 url('../fonts/HelveticaNeueLTStd-MdCn.svg#aa1e24dd5069fee7403e8ad28288502b') format('svg');
	font-style:   normal;
	font-weight:  700;
}


/*

      ___           ___           ___           ___           ___           ___           ___     
     /\__\         /\  \         /\__\         /\  \         /\  \         /\  \         /\  \    
    /::|  |       /::\  \       /:/ _/_       /::\  \       /::\  \        \:\  \       /::\  \   
   /:|:|  |      /:/\:\  \     /:/ /\__\     /:/\:\  \     /:/\:\  \        \:\  \     /:/\ \  \  
  /:/|:|  |__   /::\~\:\  \   /:/ /:/ _/_   /::\~\:\  \   /::\~\:\  \       /::\  \   _\:\~\ \  \ 
 /:/ |:| /\__\ /:/\:\ \:\__\ /:/_/:/ /\__\ /:/\:\ \:\__\ /:/\:\ \:\__\     /:/\:\__\ /\ \:\ \ \__\
 \/__|:|/:/  / \:\~\:\ \/__/ \:\/:/ /:/  / \/__\:\/:/  / \/_|::\/:/  /    /:/  \/__/ \:\ \:\ \/__/
     |:/:/  /   \:\ \:\__\    \::/_/:/  /       \::/  /     |:|::/  /    /:/  /       \:\ \:\__\  
     |::/  /     \:\ \/__/     \:\/:/  /        /:/  /      |:|\/__/     \/__/         \:\/:/  /  
     /:/  /       \:\__\        \::/  /        /:/  /       |:|  |                      \::/  /   
     \/__/         \/__/         \/__/         \/__/         \|__|                       \/__/    
     
     
     Project:	Mini Tunebase
     Author:	New Arts International - www.newartsint.com
	 Year: 		2013
	 Version:	Tunebase 1.0

*/


/* 
	BASIC
*/

	body {
		font-family: 'Helvetica2','Helvetica', 'Arial', sans-serif;
		width: 100%;
		height: 100%;
		background: #fff;
		color:#333;
		font-size: 170%;
	}
	
		.backstretch-overlay {
			opacity: 0.5 !important;
			background:#000;
			height:100%;
			width:100%;
			position: fixed;
		}
	
	.greybg {
		background:#656565;
	}
	
	.clear {
		clear: both;
	}
	
	a {
		text-decoration: none;
		color:#333;
		font-weight: 300;
	}

	a:focus{
		color: #333;
	}
	
	a, input {
		-webkit-transition: color 0.1s ease-in, background 0.1s ease-in, border 0.1s ease-in;
		-moz-transition: color 0.1s ease-in, background 0.1s ease-in, border 0.1s ease-in;
		-o-transition: color 0.1s ease-in, background 0.1s ease-in, border 0.1s ease-in;
	}
	
	.grey {
		background: #5f5a5a;
	}
	
	.black {
		background: #000;
	}
	
	.blue {
		background: rgba(255,255,255,0.3);
	}
	
	.white {
	/*	background: #fff; */
	}
	
	h1, h2, h3, h4, h5, h6, ul, li {
		list-style: none;
		margin:0px;
		padding:0px;
		font-family: "Helvetica2", Helvetica, Arial, sans-serif;
		color:#333;
	}
	
	h3 {
		margin-top:40px;
		margin-bottom:20px !important;
		font-weight:bold;
		font-size:1.8em;
		/* border-bottom:1px solid #333; */
	}
	
	video#bgvid {
		position: fixed; right: 0; bottom: 0;
		min-width: 100%; min-height: 100%;
		width: auto; height: auto; z-index: -100;
		background: url(../video/video1.jpg) no-repeat;
		background-size: cover;
		display: block;
	}
	
	@media screen and (max-device-width: 800px) {
		html { background: url(../video/video1.jpg) #000 no-repeat center center fixed; }
		#bgvid { display: none; }
	}
	
/*	.fade {
		opacity: 0.0;
	}*/

/*

	COLS
	
*/

	.wrapper {
		width:1280px;
		margin:0px auto;
	}

	.col-wrapper {
		position: relative;
	}

	.col-1, .col-1-5, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,.col-66 {
		float:left;
		position: relative;
	}
	
	.col-8 {
		width:1280px;
	}
	
	.col-7 {
		width:1120px;
	}
	
	.col-6 {
		width:960px;
	}
	
	.col-5 {
		width:800px;
	}
	
	.col-4 {
		width:640px;
	}
	
	.col-3 {
		width:480px;
	}
	
	.col-2 {
		width:320px;
	}
	
	.col-1-5 {
		width:240px;
	}
	
	.col-1 {
		width:160px;
	}
	
	.col-33 {
		width:33%;
	}
	
	.col-44 {
		width:44%;
	}
	.col-66 {
		width:67%;
	}
	
	input[type='text'] {
		width:90%;
		border:1px solid #d1d1d1;
		/*font-size:14px;*/
		padding:7px 12px;
		border-radius: 5px;
		font-weight: 300;
		outline: none;
	}
	
		input[type='text']:focus {
			border:1px solid #804a99;
		}
	
	input[type='button'] {
		background: #c0c0c0;
		padding:10px 15px;
		/*font-size:14px;*/
		color:#333;
		border-radius: 5px;
		margin-top:10px;
		margin-right:20px;
		border:0px;
	}
	
		input[type='button']:hover {
			background: #143659;
		}
		
	.background {
		position: fixed;
		z-index: 1;
		width: 100%;
		opacity: 1;
		top:95px;
	    width: 100%;
	    height: 100%;		
	}
	
		.background img {
			width:100%;
		}
	
		.background .background-overlay {
		    background-color: rgba(0,0,0,0.05);
		    position: absolute;
		    top: 0px;
		    left: 0px;
		    z-index: 999;
		    width: 100%;
		    height: 100%;
		}
		
	.content_header {
		position: absolute;
		width:100%;
	}

	.content {
		position: relative;
		z-index: 2;
	}
	
	.darker {
		/* background-color:rgba(0,0,0,0.5);
		color:white; */
		color: #333;
		padding:15px;
	}
	
	.darker p {
		padding:10px;
	}
	
	.inner .item img{
		max-width: 100%;
		height: auto !important;
	}
		
/*

	HEADER
	
*/

/*header + .col-wrapper {
	margin-top:150px;
	margin-bottom:20px;
}*/

header {
	overflow: hidden;
	position: relative;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.40)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	width:100%;
	z-index: 555;
	position: fixed;
/*	height: 60px;*/
	top:0;
}

	.fade{
		opacity: 1 !important;
	}

	.logo {
		color:#fff;
		padding:0;
	}
	
		.logo h1 {
			font-weight: 100;
			font-size:50px;
			display:inline-block;
			letter-spacing: 2px;
			color:#fff;
			padding:20px 0;
			font-family: "Helvetica2";
		}
	
	nav {
		/*font-size:13px;*/
		overflow: hidden;
		float:right;
	}
	
		nav ul {
			padding:0 0 0 0;
		}
		
		nav li {
			float:left;
		}
	
	nav a {
		color:rgba(255,255,255,0.7);
		font-weight: 900;
		display: inline-block;
		letter-spacing: 0.5px;
		padding:46px 8px 10px 8px;
		text-transform: lowercase;
		letter-spacing: 1px;
		font-size: 90%;
	}
	
	nav a.selected {
		color:#fff;
		font-weight: 700;
		border-bottom:3px solid #95bfc7;
	}
	
	nav a:hover {
		color:#fff;
	}
	
	nav .mobile_nav_outer{
		display: none;
		float: none;
		position:absolute;		
	}

	nav .mobile_nav li{
		display: block;
		width: 100%;
		height: 30px;
		text-align: center;
		/*font-size:14px;*/		
	}
	
	nav .mobile_nav li a{
		color: black;
		padding-bottom: 2px;
		padding-top: 10px;
	}
	
	nav .mobile_nav{
		
		padding-top: 15px;
		background:white;
		height: 100vh;	
		width: 100%;
	}
	

/* MENU BACK */

	.menu {
		background-color:#333;
		height:95px;
	}

	.menu-backdrop {
		height:78px;
		background: red;
		width:100%;
		position: relative;
	}
	
		.menu-backdrop .left, .menu-backdrop .right {
			height:78px;
			width:50%;
			float:left;
		}

/*

	Blocks homepage
	
*/

	.blocks {
		margin-top:10px;
	}

	.blocks .inner {
		padding:0 0 30px 0;
	}
	
		.blocks .inner.full-pad {
			padding:5px 20px;
		}
	
	h3.block-title {
		background: #000;
		font-weight: 500;
		display: inline-block;
		font-size:16px;
		padding:15px 20px 10px 20px;
		text-transform: uppercase;
	}
	
	.blocks .bottom-line {
		height:1px;
	}
	
	.blocks .item {
		padding:10px 0px;
	}
	
	.blocks .item .image {
		margin-bottom:20px;
		position: relative;
		overflow: hidden;
	}
	
		.blocks .item .image img {
			width:100%;
		}
	
		.blocks .item .date {
			color:rgba(255,255,255,0.8);
			font-weight: 300;
			display: block;
			margin-bottom: 10px;
			/*font-size:14px;*/
		}
	
		.blocks .item h2 {
			font-weight: 300 !important;
			font-size:28px;
		}
		
		.blocks .item p {
			/*font-size:14px;*/
			font-weight: 300;
			line-height: 1.6em;
			padding:0px;
			margin:0 0 15px 0;
		}
		
		.blocks .read-more {
			color:#fff;
			/*font-size:14px;*/
			font-weight:500;
			border-bottom:1px solid #eaeaea;
			display:inline-block;
			padding:0 0 5px 0;
		}
		
		.blocks .read-more:hover {
			background: #5f5a5a;
		}
	
	.blocks .dates {
		margin:20px 0;
	}
		
	.blocks .dates li {
		padding:15px 20px;
		/* border-left:5px solid #2e99a6; */
		margin-bottom:5px;
	}
	
		.blocks .dates li .date {
			/*font-size:14px;*/
			font-weight: 300;
			opacity: 0.7;
		}
		
		.blocks .dates li h2 {
			font-size:25px;
			font-weight: 300;
			margin:7px 0 5px 0;
		}
		
			.blocks .dates li h2 span {
				font-size:16px;
				opacity: 0.6;
			}
		
		.blocks .dates li h3 {
			font-weight:300;
			font-size:16px;
		}
		
	.blocks .dates li:nth-child(even) {
		/*border-left:5px solid #95bfc7; */
	}
	
/*

	Discography

*/
	

	.disco-block .inner .date {
		margin: -200px 0 0 200px;
		padding: 0 0 10px 0;
	}
	
	.disco-block .inner .image {
		width: 180px;
		height: 180px;
		float:left;
	}
	
	.disco-block .inner .info {
		width:auto;
		float:left;
/*		margin-left:30px;*/
	}



	.discodetail-block .inner .date {
		margin: -200px 0 0 200px;
	}
	
	.discodetail-block .inner a {
		margin: 50px 0 0 200px;
	}
	
	.discodetail-block .inner .item p {
		margin: 10px 10px 10px 200px;
	}
	
	.discodetail-block .inner .image {
		width: 180px;
		height: 180px;
	}
	
	.discodetail-block .inner .image img {
		width: 180px;
	}
	
	.discodetail-block .inner .read-more{
		margin: 0;
	}
	

	
/*

	Projects

*/



/*

	FOOTER
	
*/


	
	.martop {
		margin-top: 20px;
	}
	
	footer {
		overflow: hidden;
		margin-top:50px;
		background:#fff;
		opacity: 0.6;
		width:100%;
		position: fixed;
		z-index: 4000;
		bottom:0;
	}
	
		footer .links a {
			color:#6a6a6a;
			font-weight: 300;
			font-size:12px;
			display: inline-block;
			padding:20px 20px 15px 0px;
		}

	footer .spotify {
		position: relative;
		padding:10px 0px;
		font-size:12px;
	}
	
		footer .spotify a {
			display:block;
			text-align: center;
			font-size:12x;
			color:#6a6a6a;
			line-height: 1.4em;
		}
	
		footer .spotify img {
			position: absolute;
			right:20px;
			margin-top:-3px;
		}
		
	footer .icons {
		padding:0px 0px 0px 0px;
		text-align: right;
	}
	
		footer .icons img {
			margin-left:20px;
		}
		
		
/*

	GENERIC
	
*/

	.count-height {
		overflow:hidden;
	}

	.generic {
		/* margin-top:100px; */
	}
	
	.generic h1 {
		font-size:40px;
		font-weight: 300;
		margin-bottom: 20px;
		color:#fff;
		text-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	}
	
	.generic .block {
		/* border-left:3px solid #95bfc7;*/
		padding:0px 0px;
	}
	
		.generic .block p {
			/* padding:0px; */
			/* margin:0px; */
			line-height: 1.8em;
			/*font-size:14px;*/
			font-weight: 300;
		}

		.generic img{
			max-width: 100%;
			height: auto !important
		}


	.social {
		position:absolute;
		right:5px;
		top:5px;
		z-index:999;
	}
/*		
	.generic .social {
		margin-top:20px;
		overflow: hidden;
		display: inline-block;
		padding:10px 15px;
	}
	
		.social .fb {
			float:left;
			width:110px;
		}
		
		.social .tw {
			float:left;
		}
		
		.social .gp {
			float:left;
		}
*/		
		
p.quote {
	font-size:16px !important;
	line-height: 1.8em !important;	
	font-style: italic;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	padding:10px 0 !important;
	margin-top:10px !important;
	color:#92918E;
	font-weight: 300;
}

	.agenda-detail {
		float:left;
		width:340px;
	}
	
	.upcoming-list {
		width:500px;
		float:left;
/*		margin-left:50px;*/
	}
	
.photo-col {
	   /* Prevent vertical gaps */
   line-height: 0;
   
   -webkit-column-count: 3;
   -webkit-column-gap:   20px;
   -moz-column-count:    3;
   -moz-column-gap:      20px;
   column-count:         3;
   column-gap:           20px;
}

	.photo-col a {
		display: block;
		width:100%;
		position: relative;
	}
	
	.photo-col a img {
		width:90%;
		border:10px solid #fff;
		margin-bottom: 20px;
	}
	
	
.medium-video {
	width:230px;
	float:left;
	position: relative;
	padding:10px;
	font-size:13px;
	font-weight: bold;
}

	.medium-video .vidimg {
		height:130px;
		overflow: hidden;
		margin-bottom:10px;
	}
	
	.medium-video .thumb {
		width:100%;
		margin-top:-20px;
	}
	
	.vidholder {
		height:220px;
		border-radius:2px;
	}
	.vidholder:hover {
		opacity:0.8;
	}
	
	.videoplay {
		position: absolute;
		top:35%;
		left:40%;
		opacity:0.8;
	}
	.videoplay:hover {
		opacity:1;
	}
	
	.vidimg img {
	    border-radius: 5px;
	}
	.vidtxt {
		position:absolute;
		bottom:0px;
	}
	
ul.play {
	/*font-size:14px;*/
	line-height: 2.2em;
}

	ul.play li {
		background: url(../img/min-play.png) no-repeat center left;
		padding-left:28px;
	}
	
	
.start {
	position: fixed;
	z-index: 999;
	background:#fff;
	width:100%;
	height:100%;
	top:0px;
}

	.start .box {
		height:300px;
		top:20%;
		margin-top:150px;
		position: absolute;
		width:100%;
	}

	.start .name {
		font-family: "Helvetica2", Helvetica, Arial, sans-serif;
		font-size:110px;
		text-align:center;
		color:#2e99a6;
	}
	
	.start .official {
		color:#888888;
		font-family: "Helvetica2", Helvetica, Arial, sans-serif;
		font-size:40px;
		text-align: center;
		margin-left:350px;
		margin-top:-20px;
	}
	
.scrolling {	
	overflow: auto;
	margin-top:80px;
}

.home-quote {
	position: fixed;
	width:290px; 
	right:30px;
	bottom:120px;
}

.player-bar {
	background:rgba(255,255,255,0.9);
	position: fixed;
	bottom:52px;
	width:100%;
}

.player-bar .link {
	float:right;
}

	.player-bar .link a {
		color:#2e99a6;
		font-size:12px;
		font-weight: bold;
		padding-top:12px;
		display:block;
	}

	.player {
		overflow:hidden;
		padding:5px 0px 1px 0px;
		width:50%;
		display:inline-block;
	}

	.player .controls {
		overflow:hidden;
		display:inline-block;
		vertical-align: middle;
		margin-right:30px;
	}
	
		.player .controls div {
			display:inline-block;
		}
		
		.player .title {
			display:inline-block;
			vertical-align: middle;
			font-size:12px;
			color:rgba(0,0,0,0.7);
		}
		
	.knop {
		background-color:black;
		padding:5px;
		font-weight:bold;
		clear:both;
		margin:25px 15px 15px 0px;
		padding:10px;
		text-transform:uppercase;
		display:block;
	}		
	
	.borderbottom {
		border-bottom:1px solid #333;
		margin-bottom:15px;
	}
	

	.inthedark {
		background-color: rgb(51,51,51);
		color: white;
	}

	.inthedark a, .inthedark h3 {
		color: white;
	}