/*
	CSS file for Mike Rebel
*/


/*	General	
------------------------------*/
	
	* {
		padding: 0;
		margin: 0;
		outline: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	* html .clearfix,
	*:first-child+html .clearfix { 
		zoom: 1;
	}
	
	html {
		height: 100%;
	}
	
	body {
		height: 100%;
		font-family: 'Asap';
		font-size: 14px;
		background: #000000 url('../img/inner-bg.jpg') no-repeat center center / cover;
	}
	
	body.home {
		background: #000000 url('../img/home-bg.jpg') no-repeat center center / cover;
	}
		
	.pull-left {
		float: left;
	}
	
	.pull-right {
		float: right;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	a img {
		border: 0;
	}		

	.gform_validation_container,
	.gform_ajax_spinner,
	.gfield_required,
	.validation_error {
		display: none;
	}
	
	input,
	textarea,
	button {
		border-radius: 0px;
		-webkit-appearance: none;
	}
	
	
	
/*	Header
-------------------------------------------*/
	
	header {
		padding-top: 32px;
		margin: 0 42px 28px 42px;
	}
	
	/*
	 *	Logo
	 */
	header .logo {
		float: left;
	}
	
	/*
	 *	Right part
	 */
	header .right {
		float: right;
		padding-top: 17px;
	}
	
		/*
		 *	Newsletter
		 */
		header .gform_wrapper {
			float: left;
			margin-top: 2px;
			position: relative;
		}
		
			header .gform_wrapper .gform_fields {
				list-style: none;	
			}
			
			header .gform_wrapper .gfield_label {
				float: left;
				color: #ffffff;
				font-family: 'Oswald';
				font-size: 12px;
				text-transform: uppercase;
				margin-top: 9px;
				display: block;
			}
			
				header .gform_wrapper .gfield_label .gfield_required {
					display: none;	
				}
				
			header .gform_wrapper .ginput_container {
				float: left;
				margin-left: 17px;		
			}
			
				header .gform_wrapper .ginput_container input {
					display: block;
					width: 243px;
					height: 38px;
					color: #ffffff;
					font-family: 'Oswald';
					font-size: 12px;
					line-height: 38px;					
					padding: 10px 32px 12px 11px;
					background: #000000;
					border: 1px solid #888888;
					-webkit-box-sizing: border-box;
					   -moz-box-sizing: border-box;
					   		box-sizing: border-box;
				}
				
				header .gform_wrapper .validation_message {
					clear: both;
					float: right;
					display: block;					
					width: 244px;
					color: #ffffff;
					font-size: 11px;
					line-height: 13px;
					margin: 1px -1px 0 0;
					padding: 3px 11px 4px 11px;
					background: #d1181e;
					-webkit-box-sizing: border-box;
					   -moz-box-sizing: border-box;
					   		box-sizing: border-box;
				}
				
			header .gform_wrapper .gform_button {
				top: 1px;
				right: 1px;
				width: 32px;
				height: 36px;
				display: block;
				cursor: pointer;
				border: 0px;
				color: #bb161c;
				font-family: 'Oswald';
				font-size: 12px;
				line-height: 14px;				
				background: #000000;
				position: absolute;
				-webkit-transition: all ease 0.3s;
				   -moz-transition: all ease 0.3s;
				   		transition: all ease 0.3s;
			}
			
				header .gform_wrapper .gform_button:hover {
					color: #ffffff;
				}
				
		header .gform_confirmation_wrapper {
			float: left;
			position: relative;
			color: #ffffff;
			font-family: 'Oswald';
			font-size: 12px;
			text-align: right;
			text-transform: uppercase;
			padding-top: 11px;
		}
		
		/*
		 *	Social
		 */
		header .social {
			float: left;
			list-style: none;
			margin-left: 26px;
		}
		
			header .social li {
				float: left;
			}
			
				header .social li + li {
					margin-left: 11px;
				}
			
				header .social li img {
					width: 43px;
					height: 43px;
					display: block;
					opacity: 0.65;
					-webkit-transition: all ease 0.3s;
					   -moz-transition: all ease 0.3s;
					   		transition: all ease 0.3s;
				}
				
				header .social li a:hover img {
					opacity: 1;	
				}
			
				
		/*
		 *	Trigger
		 */
		header .trigger {
			float: left;
			width: 38px;
			height: 28px;
			cursor: pointer;
			margin: 6px 0 0 25px;
			padding: 3px 0;
			background: url('../img/mail.png') no-repeat top center;			
		} 
		 
		/*
		header .trigger span {
			width: 32px;
			height: 2px;
			display: block;
			position: relative;
			background: #d00e15;			
			-webkit-transition: all ease 0.25s;
			   -moz-transition: all ease 0.25s;
			   		transition: all ease 0.25s;
		}
		
			header .trigger span:before,
			header .trigger span:after {
				content: "";
				height: 2px;
				position: absolute;
				background: #d00e15;				
				-webkit-transition: all ease 0.25s;
				   -moz-transition: all ease 0.25s;
				   		transition: all ease 0.25s;
			}
			
			header .trigger span:before {
				top: 8px;
				width: 22px;				
			}
			
			header .trigger span:after {
				top: 16px;
				width: 16px;			
			}
			
		header .trigger:hover span,
		header .trigger:hover span:before,
		header .trigger:hover span:after {
			width: 100%;
			background: #ffffff;
		}*/
		


/*	Footer
-------------------------------------------*/
	
	footer {		
		color: #7b7b7b;
		font-family: 'Oswald';
		font-size: 10px;
		line-height: 12px;
		text-transform: uppercase;
		margin: 14px 45px 0px 45px;
	}
	
	.home footer {
		left: 0px;		
		bottom: 31px;
		width: 100%;
		margin: 0px;
		position: absolute;
		text-align: center;
	}
	
		.home footer .social {
			width: 292px;
			margin: 0 auto 55px auto;
			list-style: none;
		}
		
		.home footer .social li {
			float: left;
		}
		
			.home footer .social li + li {
				margin-left: 13px;
			}
			
			.home footer .social li img {
				display: block;
				opacity: 0.65;
				-webkit-transition: all ease 0.3s;
				   -moz-transition: all ease 0.3s;
				   		transition: all ease 0.3s;
			}
			
				.home footer .social li a:hover img {
					opacity: 1;		
				}
	
	.home footer .copyright {
		font-family: 'Oswald';
		font-size: 10px;
		line-height: 11px;
		letter-spacing: 1.040em;
		text-transform: uppercase;
		padding-left: 1.040em;
	}


/*	Home
-------------------------------------------*/
	
	.intro {
		top: 50%;
		left: 3%;
		width: 94%;
		margin-top: -39px;
		position: absolute;
		text-align: center;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		   		transform: translateY(-50%);
	}
	
	.intro img {
		display: block;
		margin: 0 auto -3px auto;
	}
	
	.intro a {
		color: #ffffff;
		font-family: 'Oswald';
		font-size: 27px;		
		line-height: 28px;
		letter-spacing: 0.2em;
		text-decoration: none;
		position: relative;
		-webkit-transition: all ease 0.3s;
		   -moz-transition: all ease 0.3s;
		   		transition: all ease 0.3s;
	}
	
		.intro a:hover {
			color: #ed1c24;	
		}
	
	.intro a:after {
		content: "";
		width: 85px;
		height: 1px;
		margin: 16px auto 0 auto;
		display: block;
		left: -3px;
		position: relative;
		background: #ed1c24;
	}
	
	.music {
		right: 42px;
		bottom: 33px;
		width: 22px;
		height: 22px;
		cursor: pointer;
		position: absolute;
		background-repeat: no-repeat;
		background-position: top left;
		background-image: url('../img/music-on.png');
	}
	
		.music.off {
			background-image: url('../img/music-off.png');
		}


/*	Posts Container
-------------------------------------------*/
	
	.posts-container {
		width: 100%;
		height: 779px;
		overflow: auto;
	}
	
	.posts {
		height: 768px;
		padding-left: 45px;
		padding-right: 26px;
	}
		
		.posts .box {
			width: 452px;
			height: 240px;
			display: block;
			overflow: hidden;
			position: relative;
			margin-right: 16px;
			background: #ffffff;
			text-decoration: none;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			   		box-sizing: border-box;
		}
		
		.posts .box.wide {
			width: 535px;
		}
		
		.posts .box.big {
			height: 496px;
		}
				
		.posts .box.half-row {
			width: 530px;
			height: 336px;
		}
		
		.posts .box.middle {
			width: 364px;
			height: 400px;
		}
		
		.posts .box.small {
			width: 150px;
			height: 144px;
		}		
		
		/*.posts .box .image {
			-webkit-transition: all ease 0.3s;
			   -moz-transition: all ease 0.3s;
			   		transition: all ease 0.3s;				
		}
			
			.posts .box:hover .image {
				height: 110% !important;
			}*/
		
		/*
		 *	Type: STORY
		 */
		.posts .box.story {
			
		}
		
			.posts .box.story .image {
				width: 100%;
				height: 100%;
				z-index: 1;
				position: absolute;				
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
			.posts .box.story .content {
				z-index: 2;
				color: #ffffff;
				position: relative;
				padding: 38px 35px 15px 35px;
			}
			
				.posts .box.story .content h2 {
					font-family: 'Oswald';
					font-size: 36px;
					font-weight: 300;
					line-height: 42px;
					text-transform: uppercase;					
				}
									
					.posts .box.story.normal .content h2 {
						height: 42px;
					}
				
				.posts .box.story .content p {
					width: 305px;
					font-size: 14px;
					line-height: 21px;
					padding: 18px 0 22px 0;
				}
				
					.posts .box.story.normal .content p {
						height: 21px;
					}
				
				.posts .box.story .content .btn {
					display: inline-block;
					color: #ffffff;
					font-family: 'Oswald';
					font-size: 15px;
					line-height: 17px;
					letter-spacing: 0.2em;
					text-decoration: none;
					text-transform: uppercase;
					background: transparent;					
					border: 1px solid #ffffff;
					padding: 12px 24px 13px 31px;
					-webkit-transition: all ease 0.3s;
					   -moz-transition: all ease 0.3s;
					   		transition: all ease 0.3s;
				}
				
					.posts .box.story:hover .content .btn {
						color: #d1181e;
						background: #ffffff;
					}
				
			
		/*
		 *	Type: ARTICLE
		 */
		.posts .box.article {
			
		}
		
			.posts .box.article .image {
				top: 0px;
				left: 0px;
				width: 227px;
				height: 100%;
				z-index: 1;
				position: absolute;				
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
				.posts .box.article.middle .image {
					width: 180px;
				}
			
			.posts .box.article .content {
				z-index: 2;
				color: #878787;
				padding: 15px 22px 0px 22px;
				margin-left: 227px;
			}
			
				.posts .box.article.middle .content {
					margin-left: 180px;
				}
			
				.posts .box.article .content small {
					color: #d1181e;
					font-family: 'Playfair Display';
					font-size: 12px;
					font-style: italic;
					line-height: 14px;
				}
				
				.posts .box.article .content h2 {
					height: 75px;
					font-family: 'Oswald';
					font-size: 23px;
					font-weight: 400;
					line-height: 25px;
					text-transform: uppercase;
					margin: 10px 0 13px 0;
					-webkit-transition: all ease 0.3s;
					   -moz-transition: all ease 0.3s;
					   		transition: all ease 0.3s;
				}
				
					.posts .box.article:hover .content h2 {
						color: #d1181e;	
					}
				
					.posts .box.article.big .content h2 {
						height: auto;
						max-height: 100px;
					}
					
					.posts .box.article.middle .content h2 {
						height: auto;
						max-height: 100px;
					}
				
				.posts .box.article .content p {
					font-size: 14px;					
					line-height: 21px;
					margin-bottom: 11px;
				}
				
					.posts .box.article.normal .content p {
						max-height: 63px;
						overflow: hidden;
					}
					
					.posts .box.article.big .content p {
						max-height: 290px;
						overflow: hidden;
					}
					
					.posts .box.article.middle .content p {
						max-height: 210px;
						overflow: hidden;
					}
				
				.posts .box.article .content time {
					color: #d1181e;
					font-family: 'Oswald';
					font-size: 12px;
					line-height: 14px;
					letter-spacing: 0.05em;
					text-transform: uppercase;					
				}
				
					.posts .box.article .content time strong {
						font-weight: bold;
					}
					
				.posts .box.article .content .btn {
					position: absolute;
					bottom: 22px;
					color: #ffffff;
					font-family: 'Oswald';
					font-size: 14px;
					line-height: 16px;
					text-decoration: none;
					text-transform: uppercase;
					background: #d1181e;
					padding: 5px 8px 4px 10px;
				}
			
			
			/*
			 *	Image on right
			 */		
			.posts .box.article.image-right .image {				
				left: auto;
				right: 0px;
			}
			
			.posts .box.article.image-right .content {
				margin-left: 0px;
				margin-right: 227px;
			}			
			
			
			/*
			 *	Half-row size
			 */
			.posts .box.half-row.article .image {
				width: 260px;
			}
			
			.posts .box.half-row.article .content {
				margin-left: 260px;
			}
			
			.posts .box.half-row.article.image-right .content {
				margin-left: 0px;
				margin-right: 260px;
			}
			
				.posts .box.half-row.article h2 {
					height: auto;
					max-height: 50px;
				}
			
			
			/*
			 *	Merchandise
			 */
			.posts .box.article.normal.merchandise .content p {
				max-height: 42px;
			}
			
			
		/*
		 *	Type: SOUNDCLOUD
		 */
		.posts .box.soundcloud iframe {
			width: 100%;
			height: 100%;
			position: absolute;
		}
		
		
		/*
		 *	Type: SOUNDCLOUD
		 */
		.posts .box.small {
		
		}
		
			.posts .box.small .image {
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				z-index: 1;
				position: absolute;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
			.posts .box.small .content {
				z-index: 2;
				right: 12px;
				bottom: 16px;
				color: #ffffff;
				position: absolute;
			}
			
				.posts .box.small .content .month {
					font-family: 'Playfair Display', serif;
					font-size: 23px;
					font-style: italic;
					line-height: 25px;	
				}
			
				.posts .box.small .content .day {
					color: #ffffff;
					font-family: 'Oswald';
					font-size: 83px;
					line-height: 83px;
					text-align: right;
				}
				
				.posts .box.small .content small {
					right: 97px;
					bottom: 4px;
					font-family: 'Oswald';
					font-size: 10px;
					line-height: 12px;
					text-transform: uppercase;
					position: absolute;
				}
			


/*	Article
-------------------------------------------*/
	
	.overlay {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 99;
		opacity: 0;
		position: fixed;		
		visibility: hidden;
		background: rgba(0, 0, 0, 0.86);
		-webkit-transition: all ease 0.4s;
		   -moz-transition: all ease 0.4s;
		   		transition: all ease 0.4s;
	}
	
		.overlay.show {
			opacity: 1;
			visibility: visible;
		}
	
	article {		
		top: 60px;
		left: 50%;
		bottom: 55px;
		width: 94%;
		max-width: 620px;
		z-index: 100;
		position: fixed;
		opacity: 0;
		visibility: hidden;
		background: #ffffff;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		   		transform: translateX(-50%);
		-webkit-transition: all ease 0.4s 0s;
		   -moz-transition: all ease 0.4s 0s;
		   		transition: all ease 0.4s 0s;
	}
	
		article.show {
			opacity: 1;
			visibility: visible;
		}
		
		article .loader {
			top: 50%;
			left: 50%;
			width: 120px;
			height: 120px;
			margin: -60px 0 0 -60px;
			position: absolute;
			display: none;
		}
		
			article.loading .loader {
				display: block;	
			}
	
		article .close {
			top: 25px;
			right: 21px;
			width: 18px;
			height: 18px;
			z-index: 9999;
			cursor: pointer;
			position: absolute;			
		}
		
			article .close:before,
			article .close:after {
				content: "";
				width: 25px;
				height: 1px;
				top: 9px;
				right: -3px;
				position: absolute;
				background: #ffffff;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
				   		transform: rotate(45deg);
			}
			
			article .close:after {
				-webkit-transform: rotate(-45deg);
				   -moz-transform: rotate(-45deg);
				   		transform: rotate(-45deg);
			}
	
		article .image {
			width: 100%;
			height: 425px;
			position: relative;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}
		
			article .image iframe {
				width: 100%;
				height: 100%;
				position: absolute;
			}
		
		article .content {
			top: 453px;
			left: 30px;
			right: 20px;
			bottom: 30px;
			color: #525252;
			font-size: 14px;
			line-height: 23px;
			overflow: auto;
			position: absolute;
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			   		box-sizing: border-box;
		}
			
			article .container {
				padding-right: 30px;
				padding-bottom: 20px;
			}	
			
			article h2 {
				color: #525252;
				font-family: 'Oswald';
				font-size: 25px;
				font-weight: 400;
				line-height: 27px;
				text-transform: uppercase;
				margin-top: -3px;
			}
			
				article h2:after {
					content: "";
					width: 58px;
					height: 5px;
					display: block;	
					background: #d1181e;
					margin: 26px 0 23px 0;
				}
			
			article p {
				font-size: 14px;
				line-height: 23px;
			}
			
			article p + p {
				padding-top: 23px;
			}
			
			article img {
				width: 100%;
				height: auto;
				display: block;
				margin-top: 23px;
			}
			
			article p img:first-child {
				margin-top: 0px;
			}
		
	article .jspTrack {
		background: #e9e9e9;
	}
	
	article .jspDrag {
		background: #d94146;
	}
	
	article .jspVerticalBar {
		width: 9px;
	}



/*	Contact
-------------------------------------------*/
	
	.contact {		
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 900;
		position: fixed;
		opacity: 0;		
		margin-top: 70px;
		visibility: hidden;
		-webkit-transition: all ease 0.4s 0s;
		   -moz-transition: all ease 0.4s 0s;
		   		transition: all ease 0.4s 0s;
	}
	
		.contact.show {
			opacity: 1;
			overflow: scroll;
			margin-top: 0px;
			visibility: visible;
			-webkit-transition-delay: 0.4s;
			   -moz-transition-delay: 0.4s;
			   		transition-dealy: 0.4s;
		}	

	.contact .box {
		top: 50%;
		left: 50%;
		width: 94%;
		max-width: 620px;
		z-index: 1000;		
		position: absolute;								
		padding: 60px 68px 40px 68px;
		background: rgba(237, 28, 36, 0.7);
		-webkit-transform: translate(-50%,-50%);
		   -moz-transform: translate(-50%,-50%);
		   		transform: translate(-50%,-50%);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
		
	}
			
		.contact .box .close {
			top: 25px;
			right: 21px;
			width: 18px;
			height: 18px;
			cursor: pointer;
			position: absolute;			
		}
		
			.contact .box .close:before,
			.contact .box .close:after {
				content: "";
				top: 9px;
				right: -3px;
				width: 25px;
				height: 1px;
				position: absolute;
				background: #ffffff;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
				   		transform: rotate(45deg);
			}
			
			.contact .box .close:after {					
				-webkit-transform: rotate(-45deg);
				   -moz-transform: rotate(-45deg);
				   		transform: rotate(-45deg);
			}	
	
	.contact .box address {
		color: #ffffff;
		font-family: 'Oswald';
		font-size: 16px;
		font-style: normal;
		line-height: 20px;
		text-transform: uppercase;
	}
	
		.contact .box address:after {
			content: "";
			width: 58px;
			height: 5px;
			display: block;	
			background: #ffffff;
			margin: 28px 0 27px 0;
		}
		
	
	.contact .box .gform_wrapper {
		color: #ffffff;
	}
	
	.contact .box .gform_fields {
		list-style: none;
	}
	
		.contact .box h3 {
			font-family: 'Oswald';
			font-size: 21px;
			font-weight: 400;
			line-height: 22px;
			letter-spacing: 0.3em;
			text-transform: uppercase;
			padding-bottom: 37px;
		}
		
		.contact .box label {
			font-family: 'Oswald';
			color: #ffffff;
			font-size: 14px;
			font-weight: 700;
			line-height: 16px;
			text-transform: uppercase;
			position: absolute;
		}
		
		.contact .box .gfield + .gfield {
			margin-top: 36px;
		}
		
		.contact .box input[type="text"],
		.contact .box input[type="email"],
		.contact .box textarea {
			width: 100%;			
			font-family: 'Oswald';
			color: #ffffff;
			font-size: 14px;
			font-weight: 300;
			line-height: 16px;
			text-transform: uppercase;
			padding-bottom: 6px;
			border: 0px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.5);
			background: transparent;
		}
		
		.contact .box textarea {
			height: 68px;
			resize: none;
			text-indent: 58px;
		}
		
		.contact .box textarea::-webkit-input-placeholder {
			text-indent: 58px;
		}
		
		.contact .box .gfield_name input {
			text-indent: 36px;	
		}
		
		.contact .box .gfield_email input {
			text-indent: 37px;	
		}
		
		.contact .box .gfield_phone input {
			text-indent: 22px;	
		}
		
		.contact .box .validation_message {
			color: #ed1c24;
			font-size: 12px;
			line-height: 14px;
			padding: 5px 6px 4px 6px;
			margin: 2px 0px -5px 0px;
			background: #ffffff;
		}
		
		.contact .box .gform_button {
			color: #ffffff;
			font-family: 'Oswald';
			font-size: 14px;
			line-height: 16px;
			letter-spacing: 0.2em;
			background: #000000;
			margin-top: 25px;
			padding: 13px 10px 13px 12px;
			border: 1px solid #ed1c24;
			cursor: pointer;
		}
	
	.contact .box .gform_confirmation_wrapper {
		color: #ffffff;	
		padding-bottom: 10px;
	}
	
		.contact .box .gform_confirmation_wrapper h3 {
			padding-bottom: 20px;
		}



/*	Height alert
-------------------------------------------*/

	.height-alert {
		top: 0px;
		left: 0px;		
		width: 100%;
		height: 100%;
		z-index: 9999;
		position: fixed;
		background: rgba(0, 0, 0, 0.9);
		color: #ffffff;
		font-size: 14px;
		line-height: 18px;
		display: none;
	}
	
		.height-alert div {
			top: 50%;
			width: 94%;
			padding: 0 3%;
			position: absolute;
			text-align: center;
			-webkit-transform: translateY(-50%);
			   -moz-transform: translateY(-50%);
			   		transform: translateY(-50%);
		}
	
		.height-alert h3 {
			width: 100%;
			font-family: 'Oswald';
			font-size: 24px;
			line-height: 26px;
			letter-spacing: 0.05em;
			margin-bottom: 20px;
			display: block;
		}
		
		.height-alert p {
			max-width: 530px;
			text-align: center;
			margin: 0 auto;
		}


/*	3rd party: jScrollPane
-------------------------------------------*/

	.jspContainer {
		overflow: hidden;
		position: relative;
	}
	
	.jspPane {
		position: absolute;
	}
	
	.jspVerticalBar {
		position: absolute;
		top: 0;
		right: 0;
		width: 16px;
		height: 100%;
		background: red;
	}
	
	.jspHorizontalBar {
		position: absolute;
		bottom: 0;
		left: 0px;
		width: 100%;
		height: 3px;
	}
	
	.jspCap {
		display: none;
	}
	
	.jspHorizontalBar .jspCap {
		float: left;
	}
	
	.jspTrack {
		background: #d1181e;
		position: relative;
	}
	
	.jspDrag {
		top: 0;
		left: 0;
		background: #ffffff;
		position: relative;		
		cursor: pointer;
		cursor: move;
	}
	
	.jspHorizontalBar .jspTrack,
	.jspHorizontalBar .jspDrag {
		float: left;
		height: 100%;
	}
	
	.jspArrow {
		background: #50506d;
		text-indent: -20000px;
		display: block;
		cursor: pointer;
		padding: 0;
		margin: 0;
	}
	
	.jspArrow.jspDisabled {
		cursor: default;
		background: #80808d;
	}
	
	.jspVerticalBar .jspArrow {
		height: 16px;
	}
	
	.jspHorizontalBar .jspArrow {
		float: left;
		width: 16px;		
		height: 100%;
	}
	
	.jspVerticalBar .jspArrow:focus {
		outline: none;
	}
	
	.jspCorner {
		background: #eeeef4;
		float: left;
		height: 100%;
	}
	
	/* Yuk! CSS Hack for IE6 3 pixel bug :( */
	* html .jspCorner {
		margin: 0 -3px 0 0;
	}
	
	/*
	 *	Extra styles
	 */
	.jspCap {
		display: block;
	}
	
	.jspHorizontalBar .jspCap {
		width: 45px;
		height: 100%;
	}


/*	Responsive
-------------------------------------------*/

@media (max-height: 980px)
{
	header { padding-top: 5px; margin-bottom: 15px; }
	header .logo img { max-height: 55px; margin-top: 10px; }
	
	.posts-container { height: 640px; }
	.posts { height: 620px; }	
	.posts .box.normal { height: 204px; }
	.posts .box.wide { height: 204px; }
	.posts .box.big { height: 396px; }
	.posts .box.half-row { height: 236px; }
	.posts .box.middle { height: 364px; }
	.posts .box.small { height: 140px; }
	
	.posts .box.small + .box.normal + .box.big + .box.wide + .box.normal { height: 190px; }
	.posts .box.small + .box.normal + .box.big + .box.wide + .box.normal + .box.normal { height: 190px; margin-top: 14px; }
	
	.posts .box.article .content p { height: 42px; }
	.posts .box.article .content h2 { height: 50px; }	
}

@media (max-height: 860px)
{
	article { top: 30px; bottom: 30px; }
	article .image { height: 340px; }
	article .content { top: 368px; }
}

@media (max-height: 767px) and (min-width: 641px)
{
	.posts-container { height: 515px; }
	.posts { height: 496px; }
	.posts .box { height: 240px !important; }
	.posts .box.small + .box.normal + .box.big + .box.wide + .box.normal + .box.normal { margin-top: 0px; }
	.posts .box.story .content p { height: 42px; }
	.posts .box.article .content h2 { height: 75px; }
	.posts .box.article .content p { height: 63px; }
}

@media (max-height: 730px)
{
	article { top: 20px; bottom: 20px; }
	article .image { height: 270px; }
	article .content { top: 298px; }
}

@media (max-height: 640px)
{	
	.contact .box { position: relative; margin: 20px 0; top: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);  }
}

@media (max-height: 639px) and (min-width: 641px)
{
	body { overflow: hidden; position: relative; }
	.wrapper { overflow: hidden; position: relative; }
	.height-alert { display: block; }
}

@media (max-height: 600px)
{
	article .image { height: 200px; }
	article .content { top: 228px; }	
}

@media (max-height: 530px)
{
	article .image { height: 200px; }
	article .content { top: 228px; }
	
	.home footer .social { margin-bottom: 30px; }
}

@media (max-height: 480px)
{
	.intro img { max-height: 65px; }
	.home footer .social { margin-bottom: 25px; width: 252px; }

	.home footer .social img { width: 40px; height: 40px; }	
}

@media (max-width: 1300px)
{
	body.home { background-position: top left; }
}

@media (max-width: 810px)
{
	header .gform_wrapper .ginput_container input { width: 155px; }
	header .gform_wrapper .validation_message { width: 156px; }			
}

@media (max-width: 670px)
{
	header .gform_wrapper .ginput_container input { width: 110px; }
	header .gform_wrapper .validation_message { width: 111px; }
	
	header .trigger { margin-left: 15px; }
	header .social { margin-left: 15px; }
	header .social li + li { margin-left: 7px; }
}

@media (max-width: 640px)
{
	.wrapper { overflow-y: scroll !important; -webkit-overflow-scrolling: touch; }
	
	header { width: 92%; margin: 0 auto 15px auto; }
	
	.blog footer { border-top: 1px solid #333; width: 94%; margin: 20px auto 0px auto; padding-top: 15px; padding-bottom: 20px; text-align: center; }
	
	.posts-container { height: auto !important; overflow: hidden !important; }
	.posts { height: auto !important; width: 94%; padding: 0px; margin: 0 auto; }
	.posts .box { position: relative; overflow: visible !important; height: auto !important; width: 100% !important; margin-right: 0px !important; }
	.posts .box + .box { margin-top: 20px; }
	.posts .box.story .content { padding-bottom: 38px; }
	.posts .box.article .image { width: 227px !important; background-position: top left; }
	.posts .box.article .content { padding-bottom: 22px; }
	.posts .box.article .content h2 { height: auto; }			
	.posts .box.article.image-right .image { left: 0px; right: auto; }
	.posts .box.article.image-right .content { margin-left: 227px; margin-right: 0; }
	.posts .box.half-row { height: auto !important; }
	.posts .box.half-row.article.image-right .content { margin-left: 227px; margin-right: 0; padding-bottom: 50px; }
	.posts .box.middle { width: 100% !important; height: auto !important; }
	.posts .box.small { width: 100% !important; height: 140px !important; }
	.posts .box.small .content { right: auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); margin-left: 8px; }	
	.posts .box.soundcloud iframe { position: relative; display: block; height: 360px; }
	
	.music { display: none; }
}

@media (max-width: 600px)
{
	header { padding-bottom: 54px; }
	header .social { padding-top: 3px; }
	header .social li img { width: 37px; height: 37px; }
	header .trigger { margin-left: 24px; margin-top: 8px; }
	header .gform_wrapper { position: absolute; top: 82px; left: 4%; right: 4%; }
	header .gform_wrapper .gfield_label { position: absolute; }
	header .gform_wrapper .ginput_container { float: none; margin-left: 68px; }
	header .gform_wrapper .ginput_container input { width: 100%; }	
	header .gform_wrapper .validation_message { display: none; }
	header .gform_wrapper .gfield_error input { border-color: #d1181e; }
	header .gform_confirmation_wrapper { height: 38px; text-align: center; }		
}

@media (max-width: 570px)
{		
	.contact .box { padding: 40px; }	
	
	article .container { padding-right: 12px; padding-bottom: 5px; padding-top: 3px; }
	article .image { height: 160px; }
	article .content { left: 15px; right: 12px; bottom: 15px; top: 175px; }
	article h2:after { margin: 15px 0 18px 0; }
	
	article .close { top: 15px; right: 12px; }
	article .close:before,
	article .close:after { width: 30px; }
	
	.intro img { max-width: 90%; margin-bottom: 5px; }
	.intro a { font-size: 25px; }
	.home footer .copyright { letter-spacing: 0.5em; }
		
}

@media (max-width: 479px)
{
	.posts .box.story .content { padding: 25px 20px; }
	.posts .box.story .content p { width: auto; }	
	.posts .box.article .image { width: 100% !important; height: 180px !important; position: relative; }
	.posts .box.article .content { margin-left: 0px !important; }
	
	.posts .box.soundcloud iframe { height: 300px; }
}

@media (max-width: 400px)
{
	.contact .box { padding: 25px 20px; margin-top: 3%; margin-bottom: 3%; }
	.contact .box address { padding-right: 20px; font-size: 15px; }
	.contact .box .gform_button { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	.home footer .copyright { letter-spacing: 0.4em; }
}

@media (max-width: 370px)
{
	header .social { margin-left: 0px; padding-top: 6px; }
	header .social li img { width: 32px; height: 32px; }
	header .social li + li { margin-left: 6px; }
	header .trigger { margin-left: 10px; }
}