@charset 'UTF-8';
@import url('font-awesome.min.css');
@font-face {
    font-family: 'blackstarnormal';
    src: url('../fonts/blackstar-normal-webfont.woff2') format('woff2'),
         url('../fonts/blackstar-normal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PT Sans Narrow', sans-serif;
    src: url('../fonts/ptsansnarrow-regular-webfont.woff2') format('woff2'),
         url('../fonts/ptsansnarrow-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
#waveform {display:block,
position:relativ;
margin: 0 auto;
}




/*********************************************************************************/
/* Player                                                                         */
/*********************************************************************************/

.main.style4 .content .button {
border-radius: 3px;
background-color: #242424;
margin-right: 0;
margin-left: 0;
margin-bottom: 1em;
width: 19em;
text-decoration: none;
position: relative;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: normal;
}

.main.style2 .content .button {
border-radius: 3px;
background-color: #242424;
width: 19em;
display: block;
text-decoration: none;
position: relative;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: normal;
margin-left: auto;
margin-right: auto;
margin-bottom:1em;
text-align: center;
}

.button.crew{
height: auto;
}




#showreelcontainer {
float:left;
}


#loadercycle{
position: absolute;
width: 100%;
height: 100%;
margin: 0 auto;
text-align: center;
top: 50%;
display: block;
}

.loaderview{
display: none !important;}



	body {
		background: #000;
		
	}
.scroller{overflow:scroll;}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}



	body,input,textarea,select {
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: normal;
		font-size: 18pt;
		line-height: 1.75em;
		color: #39454b;
		letter-spacing: 0.5px;
	}

	h1,h2,h3,h4,h5,h6 {
		font-weight: normal;
font-size: 170%;
letter-spacing: 2px;
font-family: 'PT Sans Narrow', sans-serif;
text-transform: uppercase;
color: #888242;
	}

@media only screen 
    and (width: 390px) 
    and (height: 844px) 
    and (-webkit-device-pixel-ratio: 3) {
h1,h2,h3,h4,h5,h6 {
		font-weight: normal;
font-size: 20px;
letter-spacing: 2px;
font-family: 'PT Sans Narrow', sans-serif;
text-transform: uppercase;
color: #888242;
}
}
	
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}
		
	h2 {
		font-size: 3.25em;
letter-spacing: 1px;
line-height: 0.75em;
	}
		
	strong, b {
		font-weight: 900;
		color: inherit;
	}
	
	em, i {
		font-style: italic;
	}

	a {
		color: #5fa0a5;
		text-decoration: none;
		-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr {
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}

	header {
				text-align:center;
				width: 100%;
	}
	
		header p {
			display: block;
margin: 0.5em 0 0 0;
padding: 0 0 0.5em 0;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: normal;
		}
.subtitle{
text-align: center;
margin-top: 0.6em;
font-weight: 300;
font-size: 1.2em;
line-height: 1.1em;
}
		
	footer {
		margin-top: 6%;
	}

	br.clear {
		clear: both;
	}

	/* Sections/Article */
	
		section,
		article {
			margin-bottom: 3em;
		}
		
			section > :last-child,
			article > :last-child {
				margin-bottom: 0;
			}

			section > .content > :last-child,
			article > .content > :last-child {
				margin-bottom: 0;
			}

			section:last-child,
			article:last-child {
				margin-bottom: 0;
			}

			.row > section,
			.row > article {
				margin-bottom: 0;
			}

	
	/* List */

		ul {
		}

			ul.default {
				list-style: disc;
				padding-left: 1em;
			}
			
				ul.default li {
					padding-left: 0.5em;
				}		

			ul.icons {
				cursor: default;
			}	
			
				ul.icons li {
					display: inline-block;
				}
				
					ul.icons a {
						display: inline-block;
						width: 2em;
						height: 2em;
						line-height: 2em;
						text-align: center;
						border: 0;
					}

			ul.menu {
				cursor: default;
			}
			
				ul.menu li {
					display: inline-block;
					line-height: 1em;
					border-left: solid 1px rgba(145,146,147,0.25);
					padding: 0 0 0 0.5em;
					margin: 0 0 0 0.5em;
				}
				
				ul.menu li:first-child {
					border-left: 0;
					padding-left: 0;
					margin-left: 0;
				}

			ul.actions {
				cursor: default;
			}
			
				ul.actions li {
					display: inline-block;
					margin: 0 0 0 0.5em;
				}
				
				ul.actions li:first-child {
					margin-left: 0;
				}

		ol {
		}

			ol.default {
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li {
					padding-left: 0.25em;
				}