@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello.eot?29343199');
	src: url('../fonts/fontello.eot?29343199#iefix') format('embedded-opentype'),
	url('../fonts/fontello.woff2?29343199') format('woff2'),
	url('../fonts/fontello.woff?29343199') format('woff'),
	url('../fonts/fontello.ttf?29343199') format('truetype'),
	url('../fonts/fontello.svg?29343199#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before,
.audioplayer-playpause a:before,
.audioplayer-volume-button a:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#2a2a2a;
	/*border-bottom:30px solid #E9E5DC;*/
}

strong {
	font-weight:500;
}
.holder {
	position:relative;
	max-width:980px;
	margin:0 auto;
}
header .holder {
	height:100%;
}
header {
	position:relative;
	height:100px;
	margin-bottom:40px;
}
.logo {
	position:absolute;
	bottom:30px;left:0;
}
.logo img {
	max-width:150px;
}

#social {
	position:absolute;
	top:10px;right:0;
	list-style:none;
	display:none;
}
#social li {
	display:inline-block;
}
#social li a {
	position:relative;
	display:inline-block;
	width:30px;height:20px;
	text-indent:-999px;
	overflow:hidden;
}
#social li a:before {
	position:absolute;
	top:0;left:0;
	display:inline-block;
	width:30px;height:20px;
	font-family:fontello;
	color:#000;
	font-size:1.25em;
	text-indent:0;
	text-align:center;
}
#social li a:hover:before,
nav ul li a:hover {
	color:#ED1C24;
}
#social li.twitter a:before {
	content:'\e806';
}
#social li.facebook a:before {
	content:'\e805';
}
#social li.vimeo a:before {
	content:'\e804';
}
#social .contacts {
	position:relative;
	font-size:0.875em;
	z-index:1;
}
#social .contacts a {
	width:auto;height:auto;
	margin-right:5px;
	text-indent:0;
	overflow:visible;
	text-decoration:none;
	color:#ED1C24;
}

nav {
	position:absolute;
	top:40px;right:0;
}
nav ul {
	list-style:none;
	font-size:0.875em;
	line-height:1.5em;
	font-weight:300;
	text-align:right;
}
nav li {
	display:inline-block;
	margin-left:15px;
}
nav a {
	color:#2a2a2a;
	text-decoration:none;
	border-bottom:1px solid #cc1919;
}
nav li.contacts a {
	border-width:0;
}
nav li.contacts .phone {
	margin-left:10px;
	margin-right:14px;
}

#showreel {
	position:relative;
	height:600px;
	overflow:hidden;
	background:#ddd;
	text-align:center;
	margin-bottom:80px;
}
#showreel img {
	display:block;
	position:absolute;
	top:0;left:50%;
	width:100%;
	transform: translate(-50%, 0);
}
a#our-work-link {
	margin-top:60px;
	color: #fff;
	background-color: #cc1919;
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 10%;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 17px;
	font-weight:300;
}

/* Headings */
h1 {
	font-size:2.25em;
	font-weight:300;
	text-align:center;
}
h1 em {
	display:block;
	margin:0 20%;
	padding-top:20px;
	font-size:0.4444444444444444em;
	color:#707070;
	line-height:1.5em;
}
#showreel h2 {
	position:absolute;
	top:50%;
	width:100%;
	font-weight:300;
	font-size:3.25em;
	color:#fff;
	line-height:1.5em;
	text-align:center;
	z-index:2;
	transform:translateY(-50%);
	text-shadow:0px 2px 2px rgba(0, 0, 0, 0.4);
}

#team .grid-cell {
	width:310px;
	margin-bottom:40px;
	margin-right:20px;
	padding-bottom:20px;
	border:1px solid #d5d5d5;
	text-align:center;
	font-weight:300;
	float:left;
}
#team .grid-row {
	margin-bottom:110px;
}
#team .grid-row:last-child,
#team .grid-row:last-child .grid-cell {
	margin-bottom:0;
}
.grid-cell.hidden {
	display:none;
}
#team .grid-cell:nth-of-type(3n+0),
.track:nth-of-type(3n+0) {
	margin-right:0;
}
#team h1 {
	margin-bottom:110px;
}
h2 {
	margin-bottom:5px;
	font-size:1.5em;
	font-weight:300;
}
/*.team img {
	position:relative;
	margin:-70px auto 20px auto;
	border-radius:75px;
	border:1px solid #808080;
	background:#fff;
	padding:5px;
}*/
#grid-holder img {
	max-width:100%;
}
.grid-img {
	margin:-70px auto 20px auto;
	border:5px solid #fff;
	width:150px;height:150px;
	overflow:hidden;
	border-radius:80px;
	-moz-box-shadow:0px 0px 1px 1px #808080;
	-webkit-box-shadow:0px 0px 1px 1px #808080;
	box-shadow:0px 0px 1px 1px #808080;
}
.grid-img:hover img {
	margin-top:-150px;
}

#team h3 {
	margin-bottom:20px;
	font-size:1.125em;
	color:#707070;
}
#team ul {
	list-style:none;
}
#team ul li {
	margin-bottom:10px;
}
.bg {
	padding:40px 0;
	background:#000;
	color:#fff;
}
#video iframe {
	margin-bottom:20px;
	height: 551px;
	width: 980px;
}
#video h2,
#video p {
	text-align:center;
	z-index:1;
	font-weight:300;
}
#video p {
	line-height:1.5em;
	color:#707070;
}
#video ul {
	list-style:none;
	text-align:center;
}
#video ul li {
	display:inline-block;
	height:21px;
	overflow:hidden;
}
#video ul li a,
#video ul li button {
	display:inline-block;
	width:15px;height:15px;
	text-decoration:none;
	background:#d9d9d9;
	text-indent:-999px;
	overflow:hidden;
	border-radius:8px;
}
#video ul li.active a,
#video ul li.slick-active button {
	background:#cc1919;
}
.slick-prev, .slick-next {
	width:60px;height:60px;
}
.slick-prev:before, .slick-next:before {
	opacity:0.9;
	color:#000;
}
.slick-prev {
	left:-65px;
}
.slick-next {
	right:-65px;
}
.slick-arrow:before {
	font-size:60px;
}

#about, #audio, #team {
	margin-bottom:100px;
}
#video {
	margin-bottom:50px;
}
#video .holder {
	margin-bottom:50px;
}
#video h1, #about h1, #audio h1, #brands h1, #contacts h1 {
	margin-bottom:40px;
}
#about .holder div {
	width:310px;
	margin-right:20px;
	float:left;
	font-size:1em;
	line-height:2em;
	font-weight:300;
	text-align:center;
	color:#707070;
}
#about .holder div:last-child {
	margin-right:0;
}

footer {
	/*background:#E9E5DC;*/
	border-bottom:1px solid #CCC7BD;
}
footer .holder {
	padding:40px 0;
	position:relative;
	z-index:1;
}
footer strong {
	color:#000;
}
footer address,
footer .contact-me {
	font-size:0.875em;
	line-height:1.5em;
	font-weight:300;
}
footer address,
footer .contact-me {
	width:310px;
	margin-right:20px;
	float:left;
}
footer address {
	text-align:center;
}
.contact-me:last-child {
	margin-right:0;
}
.contact-me img {
	width:100px;
	margin-right:20px;
	border-radius:55px;
	border:4px solid #fff;
	float:left;
	box-shadow:0px 0px 1px 1px #808080;
}
.contact-me p {
	padding-top:20px;
	float:left;
}
.contact-me strong {
	display:block;
}

#map {
	border-bottom:1px solid #CCC7BD;
}

/* Video Index */
.video-block {
	margin-bottom:40px;
}
.video-block h1 {
	margin-bottom:40px;
}
#video-index .index {
	width:310px;
	min-height:300px;
	margin-right:20px;
	float:left;
	text-align:center;
}
#video-index .index:nth-of-type(3n+1) {
	margin-right:0;
}

#video-index .index img {
	max-width:310px;
	margin-bottom:10px;
}
#video-index .index h3 {
	margin-bottom:5px;
}
#video-index .index p {
	font-size:0.875em;
	line-height:1.5em;
	font-weight:300;
}
.video-block .lead p {
	margin:-30px 20% 20px;
	color:#707070;
	text-align:center;
	font-weight:300;
	line-height:1.5em;
}
.video-block:first-child .lead p {
	padding-bottom:40px;
	border-bottom:1px solid #ddd;
}

/* Audio Player */
.track {
	width:31%;
	width:310px;
	margin-right:20px;
	margin-bottom:0;
	float:left;
	z-index:1;
}
.track h3, .track p {
	margin-bottom:10px;
	text-align:center;
	font-weight:300;
	line-height:1.5em;
}
.track p, .index p {
	color:#707070;
}
.mejs-container {
	margin-bottom:15px;
}
.mejs-container,
.mejs-controls {
	border-radius:5px;
}
.mejs-controls
.mejs-time-rail
.mejs-time-loaded {
	background: #CC1919;
	background: rgba(204,25,25,.8);
	background: -webkit-gradient(linear,0 0,0 100%,from(rgba(204,25,25,.8)),to(rgba(168,21,21,.8)));
	background: -webkit-linear-gradient(top,rgba(204,25,25,.8),rgba(168,21,21,.8));
	background: -moz-linear-gradient(top,rgba(204,25,25,.8),rgba(168,21,21,.8));
	background: -o-linear-gradient(top,rgba(204,25,25,.8),rgba(168,21,21,.8));
	background: -ms-linear-gradient(top,rgba(204,25,25,.8),rgba(168,21,21,.8));
	background: linear-gradient(rgba(204,25,25,.8),rgba(168,21,21,.8));
}

#brands {
	margin-bottom:40px;
}
#brands img {
	display:inline-block;
	margin:0 7px 7px 0;
}

@media(max-width:1372px) {
	#showreel {
		height:auto;
	}
	#showreel img {
		position:relative;
		transform:none;
		top:0;left:0;
	}
}
@media(max-width:768px) {
	.holder {
		margin:0 2%;
	}
	#team .grid-row {
		margin-bottom:0;
	}
	#team .grid-cell {
		width:48%;
		margin:0 1% 110px;
		box-sizing:border-box;
	}
	#team .grid-row.cf:before,
	#team .grid-row.cf:after {
		display:inline;
	 }
	#team .grid-cell:nth-of-type(3n+0),
	.track:nth-of-type(3n+0) {
		margin-right:1%;
	}
	#video iframe {
		max-width:100%;
		height:300px;
	}
	#about .holder div {
		width:100%;
		margin-bottom:20px;
		float:none;
	}
	#map {
		height:400px;
	}
	.track {
		width:45%;
		margin:0 2% 20px;
		box-sizing:border-box;
	}
	.track:nth-of-type(odd) {
		clear:left;
	}
	.slick-arrow {
		bottom:-90px;top:auto;
		z-index:999;
	}
	.slick-prev {
		left:10px;
	}
	.slick-next {
		right:10px;
	}
}
@media(max-width:540px) {
	header {
		height:130px;
	}
	#social {
		position:relative;
		text-align:center;
	}
	header nav {
		display:none;
	}
	.logo {
		left:50%;
		transform:translateX(-50%);
	}
	#showreel h2 {
		font-size:1.8em;
	}
	#team .grid-cell {
		width:100%;
		margin:0 0 110px;
		float:none;
	}
	.track {
		width:100%;
		margin:0 0 20px;
		float:none;
	}
	#video iframe {
		height:230px;
	}
}