/*
Theme Name:   Workhouse 2015
Theme URI:   http://workhousecreative.com/
Description:   2014 Theme for Workhouse Creative.
Author:   Workhouse Creative
Author URI:   http://workhousecreative.com/
Version:   1.0
 */
/* #Typography
================================================== */

@font-face{font-family: ProximaNovaT-Thin;src:url(webfonts/268640_0_0.woff) format("woff");}@font-face{font-family: ProximaNova-Black;src:url(webfonts/268640_1_0.woff) format("woff");}@font-face{font-family: ProximaNova-Light;src:url(webfonts/268640_2_0.woff) format("woff");}@font-face{font-family: ProximaNova-RegularIt;src:url(webfonts/268640_3_0.woff) format("woff");}@font-face{font-family: ProximaNova-Regular;src:url(webfonts/268640_4_0.woff) format("woff");}

.ProximaNovaT-Thin {
	font-family: ProximaNovaT-Thin;
	font-weight: normal;
	font-style: normal;
}

.ProximaNova-Black {
	font-family: ProximaNova-Black;
	font-weight: normal;
	font-style: normal;
}

.ProximaNova-Light {
	font-family: ProximaNova-Light;
	font-weight: normal;
	font-style: normal;
}

.ProximaNova-RegularIt {
	font-family: ProximaNova-RegularIt;
	font-weight: normal;
	font-style: normal;
}

.ProximaNova-Regular {
	font-family: ProximaNova-Regular;
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "league-gothic";
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

#mfPreviewBar {
	display:none !important;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-weight: inherit;
}

h1 {
	XXfont-size: 120px;
	font-size:90px;
	line-height: .8;
	margin-bottom: 0px;
}

h2 {
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 10px;
}

h3 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 8px;
	font-family:ProximaNova-Regular;
}

h4 {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 4px;
	font-family:ProximaNova-Regular;
}

h5 {
	font-size: 12px;
	line-height: 14px;
}

h6 {
	font-size: 14px;
	line-height: 21px;
}

p {
	font-size: 18px;
	margin: 0 0 20px 0;
}

p img {
	margin: 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

blockquote,blockquote p {
	font-size: 17px;
	line-height: 24px;
	font-style: italic;
}

blockquote {
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
	border-left: 1px solid #ddd;
}

blockquote cite {
	display: block;
	font-size: 12px;
}

blockquote cite:before {
	content: "2014 020";
}

hr {
	border: dotted #fff;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}

a {
	color: #343333;
	text-decoration: none;

	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}

a:hover {
	color: #858585;
	color: #343333;
}

::selection {
	background-color: #343333;
	color: #F2F2F4;
}

::-moz-selection {
	background-color: #343333;
	color: #F2F2F4;
}

menu,ol,ul {
	padding: 0px;
	margin: 0;
}

/**********************************************************************/
/**************************  MAIN  ************************************/
/**********************************************************************/
body {
	font-family: "ProximaNova-Regular";
	background:#F2F2F4;
	color: #343333;
}

#frame {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/**********************************************************************/
/**************************  NAV  ************************************/
/**********************************************************************/
.navigation_bar {
	width: 100%;
	text-align: right;
	background: #F2F2F4;
	background: #fff;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	/*overflow: hidden;*/
	border-bottom:1px solid #EEEEEE;

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.navigation_bar.full_nav {
	padding-top: 110px;
}

.page_menu, .social_menu {
	float: right;
	margin: 0;
}

.page_menu {
	padding: 6px 0;
	margin-right: 25px;
}

.page_menu li {
	float: left;
	list-style: none;
	margin: 0 3px;
	padding: 0;
	border:1px solid #fff;
	position:relative;
}

.page_menu li a {
	color: #343333;
	text-transform: uppercase;
	font-size: 15px;
	font-family: ProximaNova-Light;
	display:block;
	padding:6px 10px;
}

.page_menu li a:hover,.page_menu li.current_page_item a {
	color: #757575;
}

/* Sub menu */	
.page_menu li.menu-item-has-children {
	padding-right:14px;
	-webkit-transition:border-color .15s ease-in-out;
	-moz-transition:border-color .15s ease-in-out;
	-ms-transition:border-color .15s ease-in-out;
	transition:border-color .15s ease-in-out;
}
.page_menu li.menu-item-has-children:after {
	font-family: FontAwesome;
	content:"\f107";
	position:absolute;
	right:6px;
	top:6px;
	color:#cdcdcd;
}
.page_menu li.menu-item-has-children:hover {
	border-color:#d3d3d3;
}
.page_menu .menu-item-has-children li {
	border:none;
}
.page_menu .sub-menu {
	position:absolute;
	opacity:0;
	visibility:hidden;
	border-top:1px solid #d3d3d3;
	padding-top:7px;
	background:#fff;
	text-align:left;
	left:-1px;
	right:-1px;
	-webkit-transition:opacity .15s ease-in-out;
	-moz-transition:opacity .15s ease-in-out;
	-ms-transition:opacity .15s ease-in-out;
	transition:opacity .15s ease-in-out;
}
.page_menu li.menu-item-has-children:hover .sub-menu {
	display:block;
	visibility:visible;
	opacity:1;
}
.page_menu .sub-menu li {
	float:none;
	margin:0;
}
.page_menu .sub-menu li:first-child {
	XXborder-top:1px solid #d3d3d3;
}
.page_menu .sub-menu li a {
	display:block;
	padding:10px;
	text-transform:none;
}
.page_menu .sub-menu li a:hover {
	background:#343333;
	color:#fff;
}

.social_menu {
	padding: 9px 0 0 0;
	margin-right: 5%;
}

.social_menu > div {
	float:left;
}

.social_menu a {
	float: left;
	list-style: none;
	margin: 0 4px;
	padding: 0;
}

.social_menu img, .footer_social img {
	height: 25px;
	width: auto;
}

.font_awesome_icon {
	background: #858585;
    color: #fff;
    height: 25px;
    width: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 15px;
    overflow: hidden;
    line-height: 26px;
    cursor: pointer;
}
.font_awesome_icon:hover {
	background:#343333;
	color:#fff;
}

/*
.navigation_bar img, .footer_social img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=60);
	opacity: .6;

	-webkit-transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	-o-transition: opacity .1s ease-in-out;
	-ms-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out;
}

.navigation_bar img:hover, .footer_social img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
*/

a.nav_logo {
	position:absolute;
	left:5%;
	height:36px;
	top:50%;
	
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-o-transform: translate3d(0,-50%,0);
	-ms-transform: translate(0,-50%);
	transform: translate3d(0,-50%,0);
}
.no-csstransforms a.nav_logo {
	margin-top:-18px;
}

img.nav_logo {
	max-height: 100%;
	width: auto;
	opacity:1;
}

img.nav_logo:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.mobile_navigation_bar {
	display:none;
	background:#fff;
	position:fixed;
	z-index:11;
	left:0;
	right:0;
	top:0;
	height:40px;
	text-align:right;
}
.mobile_toggle {
	margin-right:4%;
	font-size:32px;
	padding:2px 10px;
	display:inline-block;
	cursor:pointer;
}

@media (max-width:850px) {
	a.nav_logo {
		left:2%;
	}
}
@media (max-width:768px) {
	.page_menu li a {
		font-size:12px;
	}
}
@media (max-width:600px) {
	.page_menu {
		margin-right:2%;
	}
}
@media (max-width:500px) {
	.page_menu li a {
		font-size:10px;
	}
}
@media (max-width:480px) {
	a.nav_logo {
		left:5%;
	}
	.navigation_bar .nav_logo {
		display:none;
	}
	.page_menu {
		position:absolute;
		background:#343333;
		padding:5px 0 0 0;
		margin:0;
		top:-100px;
		left:0;
		right:0;
		text-align:center;
		opacity:0;
		visibility:hidden;
		-webkit-transition:all .25s ease-in-out;
		-moz-transition:all .25s ease-in-out;
		-ms-transition:all .25s ease-in-out;
		transition:all .25s ease-in-out;
	}
	.page_menu.menu_toggled {
		XXdisplay:block;
		top:40px;
		opacity:1;
		visibility:visible;
	}
	.page_menu li {
		float:none;
		margin:0;
		border:none;
		border-bottom:1px solid #484848;
	}
	.page_menu li a {
		font-size:18px;
		padding:10px 0;
		color:#fff;
	}
	.mobile_navigation_bar {
		display:block;
	}
	.mobile_toggle.menu_toggled {
		color:#949494;
	}
}


/**********************************************************************/
/**************************  SLIDES  **********************************/
/**********************************************************************/
.slide {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-attachment: fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	z-index: 1;
}
.mobile .slide {
	background-attachment:scroll;
}

.slide_bg {
	display: none;
}

.slide_inner {
	height:100%;
	width:100%;
}
.slide_inner a {
	position:absolute;
	z-index:20;
	left:50%;
	top:50%;
	width:80%;
	text-align:center;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);

	
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}

.slide_title {
	color: #F2F2F4;
	display:inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	text-align:center;
	
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}


.slide_title h2 {
	font-size:90px;
	line-height: 1;
	margin: 0;
	font-family: 'Journal Sans New Bold';
	font-family: "league-gothic";
}

.slide_title h3 {
	margin:0;
	margin-top:2px;
	margin-bottom:-5px;
	font-size:32px;
	line-height:1;
	font-family: ProximaNovaT-Thin;
}
.slide_title h3.blog_excerpt {
	margin-top:15px;
}
.slide_title h3.blog_excerpt .more {
	font-size:16px;
}
.slide_title h4 {
	margin:0;
	margin-top:30px;
	font-size:18px;
	font-family:ProximaNovaT-Thin;
	text-transform:inherit;
}
.slide_title h4 span {
	font-size:13px;
	display:block;
	margin-bottom:5px;
}

@media (max-width:1440px) {
	.slide_title h2 {
		font-size:72px;
	}
}
@media (max-width:768px) {
	.slide_title h2 {
		font-size:60px;
	}
	.slide_title h3 {
		font-size:24px;
	}
}
@media (max-width:480px) {
	.slide_title h2 {
		font-size:42px;
	}
	.slide_title h3 {
		font-size:18px;
	}
	.slide_title h3.blog_excerpt {
		margin-top:10px;
	}
	.slide_title h3.blog_excerpt .more {
		font-size:10px;
	}
	.slide_title h4 {
		font-size:14px;
	}
	.slide_title h4 span {
		font-size:10px;
	}
}



.slide_info span.teaser, .teaser {
	background: rgba(52, 52, 51, 1);
	background: #343333;
	-webkit-box-shadow: 5px 0 0 rgba(52, 52, 51, 1),-5px 0 0 rgba(52, 52, 51, 1);
	box-shadow: 5px 0 0 rgba(52, 52, 51, 1),-5px 0 0 rgba(52, 52, 51, 1);
	font-size: 24px;
	font-family: ProximaNovaT-Thin;
	line-height: 1.4;
	margin: 0;
	color:#F2F2F4;
	
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.slide_overlay {
	background:#343333;
	opacity:0;
	position:absolute;
	height:100%;
	width:100%;
	z-index:1;
	
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}
.slide_overlay.active {
	opacity:.5;
}

.slide_info span.more {
	font-size: 16px;
	font-family: ProximaNova-Regular;
}

@media (min-width:1024px) {
	.slide_info span.teaser, .teaser {
		font-size:36px;
	}
	.slide_info span.more {
		font-size: 21px;
		line-height:36px;
		font-family: ProximaNova-Regular;
	}
}

/* CONTENT SLIDER */
.slide_band {
	background:#343333;
	color:#F2F2F4;
	padding: 150px 5%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.slide_band_inner {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}

.slide_band.statement {
	text-align: center;
	padding-bottom: 75px;
}

.slide_band_logo {
	margin-top: 60px;
}

.slide_band_logo img {
	height: 75px;
	width: auto;
}

.slide_band_image {
	position: absolute;
	max-width: 15%;
	left: 10%;
	top: 50%;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.no-csstransforms .slide_band_image {
	margin-top:-30px;
}

.slide_band_image img {
	max-width: 100%;
	height: auto;
}

.slide_band_content.floated {
	margin-left: 35%;
}

.slide_band h1 {
	margin: 0;
}

.page_title {
	margin-left: 2%;
	margin-bottom: 60px;
}

.slide_band h2 {
	font-size: 42px;
	font-family: ProximaNovaT-Thin;
	line-height: 1;
	margin: 0;
}

.slide_band h2 strong {
	font-family: ProximaNova-Black;
	font-weight: normal;
}

#slide_band_about {
	padding-left: 35%;
}

#about_logo {
	position: absolute;
	left: 10%;
	top: 50%;
	margin-top: -100px;
	width: 200px;
	height: auto;
}

.slide_band_about h2 {
	font-size: 60px;
	line-height: 1;
	margin: 0;
}

#slide_band_about p {
	font-family: ProximaNova-Light;
	font-weight: normal;
	font-style: normal;
	text-transform: ;
	font-size: 24px;
	line-height: 28px;
}

/* Slider 3 */
.logo {
	position: relative;
	top: 50%;
	margin-top: -100px;
	width: 200px;
	height: auto;
}

@media (max-width:768px) {
	.slide_band {
		padding-top:75px;
		padding-bottom:75px;
	}
	.slide_band h2 {
		font-size:36px;
	}
}


/**********************************************************************/
/*************************  CONTENT  **********************************/
/**********************************************************************/
.main {
	margin: 100px auto;
	position: relative;
	width: 96%;
	max-width: 1600px;
}

.page_header {
	margin: 0 2% 50px 2%;
	position: relative;
}

.page_header h1 {
	margin: 0;
}

.page_subheader {
	margin:35px 2% 5px 2%;
}
.page_subheader h2 {
	margin:0;
	font-family:ProximaNovaT-Thin;
	font-size:32px;
}

.page_content {
	padding:0 2%;
}

@media (max-width:768px) {
	.page_subheader h2 {
		font-size:24px;
	}
}
@media (max-width:480px) {
	.page_subheader h2 {
		font-size:18px;
	}
}

/**********************************************************************/
/***************************  GRIDS  **********************************/
/**********************************************************************/

.truncated_text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.third {
	padding: 0 2%;
	width: 29%;
	float: left;
}

.third:nth-child(3n+4) {
	XXclear: both;
}
.sorted.third:nth-child(3n+4) {
	XXclear:inherit;
}
.sorted.third.third_row_key {
	XXclear:both;
}

.fourth {
	padding: 2%;
	width: 21%;
	float: left;
}

.fourth:nth-child(4n + 5) {
	clear: both;
}

/* Work Grid */
.work_item {
	display:none;
	opacity:1;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;
}
.work_item.out {
	opacity:0;
	-webkit-transform:translateY(-7px);
	-ms-transform:translateY(-7px);
	-moz-transform:translateY(-7px);
	transform:translateY(-7px);
}
.work_item.active {
	display:inherit;
}
.no-js .work_item {
	display:inherit;
}
.work_item.third {
	padding:2%;
}
.work_item.third:hover {
	background:#fff;
}

.grid_item img, .content img {
	width: 100%;
	display: block;
	height: auto;
}
.content img { 
	max-width:100%;
	width:auto;
}
.hidden_work.active {
	display:none;
}

/* Work Items */
.work_thumb {
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
}
.work_item a {
	display:block;
}


.work_item h2 {
	font-family: 'Journal Sans New Bold';
	font-family: "league-gothic";
	font-size: 36px;
	line-height: .9;
	margin: 0;
	margin-top: 5px;
	margin-bottom:0;
}

.vine_title h2 {
	float:left;
	max-width:80%;
	margin-top:0;
}
.vine_title span, .grid_post .vine_title span {
	float:right;
	color: #B2B2B2;
	font-size: 21px;
}

.work_item h3 {
	font-family: ProximaNova-Light;
	font-size: 15px;
	line-height: 1.1;
	margin-top: 8px;
	letter-spacing:1px;
}

.work_item h5 {
	font-size: 13px;
	color:#858585;
	color:#757575;
	line-height: 1.1;
	margin-top: 8px;
	margin-bottom: 0;
	text-transform: inherit;
	font-family: ProximaNova-Light;
}
@media (max-width:1280px) {
	.work_item h2 {
		font-size:30px;
	}
}
@media (max-width:768px) {
	.work_item h2 {
		font-size:24px;
	}
	.work_item h3 {
		font-size:13px;
	}
}
@media (max-width:480px) {
.vine_title span, .grid_post .vine_title span {
	font-size: 16px;
}
}

span.work_play {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity: 0;
}
.no-js .work_item a:hover span.work_play {
	opacity:1;
}
.work_play img {
	position:relative;
	left:50%;
	top:50%;
	height:40%;
	width:auto;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.no-csstransforms .work_play img {
	height:90px;
	margin-left:-45px;
	margin-top:-45px;
}

/* WORK SORT */
.sort_view {
	position: absolute;
	right: 5%;
	bottom: -25px;
}
.view_icon {
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
	font-size: 28px;
	color:#5C5B5B;
	line-height: 1;
	text-align:center;
}
.view_icon .icon {
	display:block;
	font-size:21px;
	
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.view_icon.active .icon {
	font-size:28px;
}
.view_icon span {
	font-family: ProximaNova-Regular;
	font-size: 12px;
	line-height:1;
	position: relative;
	display: block;
	padding:0 3px;
	
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.view_icon.active span {
	border-color:#343333;
}

/* Director Filter */
#director_filter, .select {
	margin-right:20px;
	display:inline-block;
	position:relative;
	bottom:10px;
	z-index:9;
	font-size:15px;
	font-family:ProximaNova-Regular;
	cursor:pointer;
	border:1px solid #EEEEEE;
	
	-webkit-transition:border-color .15s ease-in-out;
	-moz-transition:border-color .15s ease-in-out;
	transition:border-color .15s ease-in-out;
}
#director_filter:hover, .select:hover {
	border-color:#d3d3d3;
}
#director_current, .select_current{
	XXdisplay:inline-block;
	min-width:150px;
	background:#fff;
	padding:8px 10px;
}
#director_current i, .select_current i {
	float:right;
}
#director_list, .select_list {
	display:none;
	position:absolute;
	left:0;
	width:100%;
	border-top:1px solid #d3d3d3;
}
#director_filter:hover #director_list, .select:hover .select_list {
	display:inherit;
}
#director_filter ul li {
	list-style:none;
	padding:8px 10px;
	background:#fff;
}
#director_filter ul li:hover {
	background:#343333;
	color:#fff;
}
#director_filter ul li.active {
	display:none;
}

/* Creator Select */
.select ul {
	overflow:hidden;
	background:#fff;
}
.select ul li {
	padding:0;
	list-style:none;
}
.select ul li a {
	display:block;
	padding:8px 10px;
	background:#fff;
}
.select ul li a:hover {
	background:#343333;
	color:#fff;
}
.select ul li.select_separator {
	XXwidth:100%;
	background:#fff;
	margin:15px 15px 0 10px;
	padding-bottom:6px;
	font-size:9px;
	letter-spacing:2px;
	text-transform:uppercase;
	border-bottom:1px solid #F2F2F4;
	color:#757575;
}

/* Work List */
.work_list {
	display: none;
}

.work_list table {
	width: 96%;
	margin: 0 2%;
}

.work_list tr {
	cursor: pointer;
	display:none;
}
.work_list tr.active {
	display:table-row;
}
.work_list tr.odd {
	background:#fff;
}

.work_list tr:hover {
	background: #343333;
	color: #fff;
}

.work_list td {
	font-family: ProximaNova-Regular;
	letter-spacing:1px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 15px;
}

.work_list td.list_title {
	font-size:16px;
	text-transform:none;
	position:relative;
}
/* Vine icon */
.work_list td.list_title span {
	position:absolute;
	right:0;
	opacity:.4;
}
.work_list td.list_subtitle {
	font-family: ProximaNova-Light;
}
.work_list tr td.list_director {
	text-align: right;
	font-family: ProximaNova-Regular;
	font-style: italic;
	text-transform: inherit;
}

.work_list tr:hover td.list_director {
	color: #fff;
}

/* SINGLE */
.main.single {
	max-width: 1240px;
	width:92%;
}

.row {
	position: relative;
	margin-bottom: 40px;
}

img.single_loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	margin-top: -12px;
	z-index: -1;
}

.single_work_info.vine {
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}

#work_single_meta {
	box-sizing:border-box;
	width:50%;
	float:left;
	padding-bottom: 20px;
	XXpadding-left: 60px;
}

#work_single_meta h2 {
	font-size: 48px;
	line-height: 42px;
	margin-bottom: 12px;
	margin-top: 0;
}

#work_single_meta h3 {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 8px;
	margin-top: 0;
	font-family: ProximaNovaT-Thin;
}
#work_single_meta h4 {
	font-family: ProximaNova-Light;
	font-size: 15px;
	line-height: 1.1;
	margin-bottom: 8px;
	letter-spacing: 1px;
}
#work_single_meta p {
	margin: 0 0 6px 0;
	font-size: 13px;
	color: #858585;
	color: #757575;
	line-height: 1.1;
}

#work_single_desc {
	box-sizing:border-box;
	width:45%;
	font-size: 18px;
	line-height: 24px;
	margin-left:5%;
	float: right;
	color:#858585;
	color:#757575;
	background:#fff;
	padding:20px;
}
#work_single_desc p:last-child {
	margin-bottom:0;
}

/* SHARING */
.share {
	position:relative;
}
.work_share {
	margin-bottom: 20px;
	margin-top: 20px;
}

.share a {
	display: inline-block;
	min-width: 16px;

	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	margin-right: 4px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: pointer;

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-size: 20px;
}

.share a:hover, .share a.hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	color: #343333;
}

.share a.tw:hover {
	color: #00ABF0;
}

.share_link_tip {
	position: absolute;
	left: 85px;
	top: 0px;
	width: 70px;
	padding: 3px 4px;
	color: #343333;
	border: 1px solid #343333;
	border-radius: 4px;
	font-size: 11px;
	text-align: center;
	display: none;
}

.share_link_tip:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* Single Nav */
.single_nav {
	margin-top: 60px;
	background: #fff;
	border:1px solid #EEEEEE;
}

.prev_post {
	float: left;
}

.next_post {
	float: right;
	text-align: right;
}

.post_nav tr {
	cursor:pointer;
}

.post_nav td.nav_title a {
	margin-top: 5px;
	font-family: proximanova-light;
	font-size:16px;
	text-transform:none;
	color:#999292;
}
.single_nav:hover .post_nav td.nav_title a {
	color:#343333;
}

.nav_arrow a {
	color:#858585;
	color:#757575;
	font-size:14px;
	padding:0 5px;
}

.nav_thumb {
	float:left;
	height:40px;
	opacity:.5;
}

.nav_thumb img {
	height: 100%;
	width: auto;
}

/**********************************************************************/
/*************************  CONTACT  *********************************/
/**********************************************************************/
.contact .main {
	margin-bottom:0px;
	display:inline-block;
	width:auto;
	left:4%;
}
.contact .page_header {
	margin-left:0;
}

.contact .contact_info p {
	font-size:14px;
	line-height: 1.4;
	margin-bottom: 30px;
}
.contact p a:hover {
	text-decoration:underline;
}
a.map_link, a.request_reel {
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	font-family:"ProximaNova-Black";
	position:absolute;
}
a.map_link {
	right:15%;
	display:none;
}
a.map_link span span {
	display:block;
}
a.request_reel {
	position:relative;
	left:0;
	display:inline-block;
	text-align:left;
	margin-top:30px;
}
a.request_reel span {
	position:relative;
	bottom:3px;
}
.contact a.map_link:hover, .contact a.request_reel:hover {
	text-decoration:none;
}

#general_contact {
	position:absolute;
	padding:20px;
	background:#fff;
	z-index:7;
	left:4%;
}

.contact_info h3, #contact_cities_heading h3 {
	margin-top:0;
	font-size:36px;
	font-family:"league-gothic";
	margin-bottom:20px;
	line-height:inherit;
}
.contact_info h4 {
	letter-spacing:1px;
	margin-bottom:8px;
}
.contact_info h4:first-child {
	margin-top:5px;
}
.contact_info p:last-child {
	margin-bottom:0;
}

#map_wrapper {
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:5;
	overflow:hidden;
}
#map_inner {
	position:relative;
	min-height:100%;
}

.fullscreen_map {
	height:100%;
	position:relative;
	top:0;
	
	-webkit-transition:.all 5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}

.contact .main {
	z-index:7;
}

#contact_cities {
	min-width:340px;
	position:absolute;
	right:100px;
	z-index:7;
	margin-top:70px;
}
#contact_primary {
	min-width:340px;
	position:absolute;
	left:4%;
	z-index:7;
	margin-top:70px;
}

#contact_cities_heading {
	background:#fff;
}
#contact_cities_heading h3 {
	padding:20px;
	margin:0;
	text-align:center;
}

.contact_info {
	position:absolute;
	display:inline-block;
	padding:20px;
	width:300px;
	background:#fff;
	z-index:7;
	right:0;
	opacity:0;
	visibility:hidden;
	
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	
	-webkit-transform:translateX(-100px);
	-moz-transform:translateX(-100px);
	transform:translateX(-100px);
}
.contact_info.active {
	opacity:1;
	visibility:inherit;
	
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	transform:translateX(0);
}

.contact_view {
	position:absolute;
	top:-77px;
	right:0;
	z-index:10;
	height:72px;
	width:340px;
	overflow:hidden;
}
.contact_icon_wrapper {
	background:#F2F2F4;
	display:inline-block;
	padding:25px 10px;
	width:148px;
	height:70px;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:pointer;
	
	float:left;
}
.contact_icon_wrapper:nth-child(2) {
	float:right;
}

.contact_icon_wrapper:hover {
	background:#ebebeb;
}
.contact_icon_wrapper.active {
	background:#5C5B5B;
}
.contact_icon_wrapper.active .view_icon {
	color:#F2F2F4;
}
.contact_view .view_icon {
	margin-left:0;
	width:100%;
}
.contact_view .view_icon .icon {
	margin-bottom:4px;
}
.contact_view span {
	text-transform:uppercase;
	font-size:13px;
}

.contact #footer {
	display:none;
}

/* Contact JOBS */
.contact_jobs {
	border-top:3px solid #F2F2F4;
}
.contact_jobs h3 {
	margin-top:20px;
}
.contact_jobs ul {
	list-style:none;
}
.contact_jobs li {
	margin-bottom:5px;
}
.contact_jobs a {
	text-decoration:underline;
}

@media (max-width:850px) {
	#contact_cities {
		right:4%;
	}
}
@media (max-width:700px) {
	#contact_primary {
		position:relative;
		min-width:inherit;
		margin:0 4%;
		left:auto;
		
	}
	#contact_cities {
		min-width:inherit;
	}
	.contact_info {
		width:auto;
	}
}

/* Contact Hover Info */

.wh_map_info {
	padding:20px;
}

.wh_map_logo {
	text-align:center;
	padding:20px 0px;
}
.wh_map_logo img {
	width:100px;
	height:auto;
	position:relative;
	left:7px;
}
.wh_map_info h6 {
	font-size:24px;
	line-height:24px;
	margin:0;
	margin-bottom:5px;
}
.wh_map_info h6 span {
	display:inline;
	XXfont-family:ProximaNova-Regular;
}

.wh_map_info p {
	font-size: 16px !important;
	font-weight:inherit !important;
	line-height: 1.4 !important;
	font-family:'ProximaNova-Regular' !important;
	margin-bottom: 10px !important;
}

.wh_map_info  a {
	text-transform: uppercase !important;
	font-size: 10px !important;
	XXfont-family: "ProximaNova-Black" !important;
	letter-spacing:1px;
	display:block;
}

.wh_map_info  a:hover {
	text-decoration:underline;
}


/**********************************************************************/
/*****************************  JOBS SINGLE  **************************/
/**********************************************************************/

.job_post .blog_post_title {
	background:#fff;
}

.job_content {
	background:#fff;
	margin-top:20px;
	padding:60px;
}
.job_content p:last-child {
	margin-bottom:0;
}

.job_content ul {
	margin-bottom:20px;
}
.job_content ul li {
	margin-bottom:4px;
}
.job_content a {
	color:#000;
	text-decoration:underline;
}

/**********************************************************************/
/*****************************  BLOG  *********************************/
/**********************************************************************/

.main.blog {
	margin-top:50px;
	width:92%;
}
.main.single_post {
	width:92%;
}

#blog_featured {
	position:relative;
	overflow:hidden;
}
	
/* Main Blog */

#blog_posts {
	max-width:1240px;
	margin:0 auto;
	padding-top:30px;
	overflow:hidden;
}

/* Sort */
.blog_sort {
	text-align:right;
	max-width:1240px;
	margin:0 auto 10px auto;
}
.blog_sort .sort_view {
	display:inline-block;
	position:inherit;
}
/* Grid */
.blog_grid {
	display:none;
}

.grid_post.third {
	margin:0;
	padding:2% 2% 30px 2%;
	
	-webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	-ms-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out;
}
.grid_post a {
	display:block;
}
.grid_post:hover {
	background:#fff;
}

.grid_post h2 {
	margin: 10px 0;
	line-height: .9;
	font-size:36px;
	XXfont-family:ProximaNova-Regular;
	font-family: 'Journal Sans New Bold';
	font-family: "league-gothic";
}

.grid_post p {
	margin-bottom: 12px;
	font-size:14px;
	color:#858585;
	color:#757575;
}

.grid_post span {
	font-size: 14px;
	color:#B3B3B3;
	font-family:ProximaNova-Light;
}


/* Single */
.post {
	margin-bottom:100px;
	background:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.post .content p {
	font-size:18px;
}
.post .content p a {
	text-decoration:underline;
}

.blog_post_header {
	text-align:center;
}
.blog_post_header img {
	width:100%;
	height:auto;
}
.blog_post_title {
	padding: 30px 30px 20px 30px;
	padding: 20px 30px;
	margin:10px 0;
	border-left: 4px solid #343333;
	position:relative;
}
.blog_post_title h2 {
	line-height: 1;
	font-family: "league-gothic";
	font-size: 60px;
	text-transform: uppercase;
	margin: 0;
	float:left;
	max-width:95%;
}
@media (max-width:700px) {
	.blog_post_title {
		padding-top:10px;
		padding-bottom:10px;
	}
	.blog_post_title h2 {
		font-size:36px;
		max-width:80%
	}
}
@media (max-width:500px) {
	.blog_post_title {
		padding-top:3px;
		padding-bottom:3px;
	}
	.blog_post_title h2 {
		font-size:36px;
		max-width:70%;
	}
	.post .content p {
		font-size:14px;
	}
}
.blog_single_header.content {
	position:relative;
	padding-bottom:0;
}

.blog_single_meta {
	position:absolute;
	right:1%;
	top:10px;
}
.post .share a {
	font-size:16px;
}
@media (min-width:700px) {
	.post .share a {
		font-size:21px;
		display:block;
		text-align:center;
	}
	.post .share_link_tip {
		right: 45px;
		top:55px;
		left:auto;
	}
}

.blog_single_image {
	margin-bottom:30px;
	position:relative;
}
.blog_single_image img {
	width:100%;
	height:auto;
}
.blog_single_image img.single_loading {
	width:auto;
}
.content {
	padding:30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.left_column {
	width:49%;
	float:left;
}
.right_column {
	width:49%;
	float:right;
}
.full_column {
	width:96%;
	margin:0 auto;
}
.left_column.content {
	padding-left:2%;
	width:46%;
}
.right_column.content {
	padding-right:2%;
	width:46%;
}
@media (max-width:700px) {
	.left_column, .right_column {
		width:100%;
		float:none;
	}
	.left_column.content, .right_column.content {
		width:92%;
		padding-left:4%;
		padding-right:4%;
		float:none;
	}
	.full_column {
		width:92%;
	}
}
.blog_content_block {
	clear:both;
	margin-top:20px;
}
.content p {
	line-height:1.5;
	font-size:16px;
}
.content p a {
	text-decoration:underline;
}

.left_column img, .right_column img {
	width:100%;
	height:auto;
	display:block;
}
.blog_row {
	clear:both;
	margin-top:20px;
}

.blog_row img {
	width:100%;
	height:auto;
	display:block;
}
p.caption {
	font-size: 14px;
	color: #858585;
	color: #757575;
	text-align: center;
	padding:7px 30px;
	margin-bottom:30px;
}


.total_1 {
	width:100%;
}
.total_2 {
	width:49%;
	float:left;
}
.total_2:nth-child(2) {
	float:right;
}
.total_3 {
	width:32%;
	float:left;
}
.total_3:nth-child(n+2) {
	margin-left:2%;
}
@media (max-width:500px) {
	.total_1, .total_2, .total_3 {
		width:100%;
		float:none;
		margin-top:20px;
	}
	.total_3:nth-child(n+2) {
		margin-left:0;	
	}
	.blog_row {
		margin-top:0;
	}
}

/* Blog Quote */
.blog_teaser h3 {
	margin:0;
	font-size: 24px;
	line-height: 1.2;
	font-family: ProximaNova-Regular;
	text-transform:uppercase;
}

.blog_teaser h3 strong, .blog_teaser_full p strong {
	font-family:'ProximaNova-Black';
	font-weight:normal;
}

.blog_teaser, .blog_teaser_full {
	border-top:1px solid #343333;
	border-bottom:1px solid #343333;
	padding:30px 10px;
	margin:20px 0;
}
.blog_teaser_full {
	clear:both;
	text-align:center;
	padding:40px 30px;
}
.blog_teaser_full p {
	font-size:60px;
	line-height:1;
	font-family: ProximaNovaT-Thin;
	text-transform:uppercase;
	margin:0;
}
.reverse {
	background-color: #343333;
	color: #F2F2F4;
	padding:60px;
}
.blog_teaser {
	padding:30px;
}
.blog_teaser.reverse h3 {
	font-family:"ProximaNovaT-Thin";
}

@media (max-width:700px) {
	.blog_teaser_full p {
		font-size:36px;
	}
}

/* Infinite Scroll */
#infscr-loading {
	text-align: center;
	color:#858585;
	color:#757575;
}

.page_nav {
	display:none;
}

/* Footer */
.post_footer {
	margin-top:150px;
}
.post_footer h3 {
	font-size: 32px;
	font-family: "ProximaNovaT-Thin";
	margin:0 0 10px 0;
	text-align:center;
}

.grid_post_info {
    max-height: 100px;
    overflow: hidden;
}

@media (max-width:500px) {
	.post_footer h3 {
		font-size:21px;
		text-align:left;
		margin-left:2%;
	}
}

/**********************************************************************/
/*************************  CREATORS  *********************************/
/**********************************************************************/

/* Single */

.person_header {
	margin-bottom:50px;
	position:relative;
}
.person_header h1 {
	margin:0;
	font-size:72px;
}
.person_header h3 {
	line-height:1;
	margin-top:10px;
	margin-bottom:0px;
	font-family:ProximaNovaT-Thin;
	font-size:32px;
}

#creator_filter.select {
	position:absolute;
	right:2%;
	margin-right:0;
}

.person_info {
	width:28%;
	float:left;
	background:#fff;
}


.person_thumb img {
	width:100%;
	height:auto;
}

.person_content {
	padding:15px 25px 25px 25px;
}


.person_content p {
	line-height:1.6;
	font-size:14px;
}
.person_content p:last-child {
	margin-bottom:0;
}

/* Staff layout */
.staff .person_info {
	width:100%;
	background:transparent;
}
.staff .person_thumb {
	width:28%;
	float:left;
}
.staff .person_info .person_content {
	width:63%;
	padding:2%;
	background:#fff;
	float:right;
}
.staff .person_info p {
	line-height: 1.6;
	font-size: 16px;
}

/* Single Person Social */
.person_social {
	font-size:24px;
	margin-bottom:15px;
}
.person_social a {
	margin-right:6px;
}
.person_social a:last-child {
	margin-right:0;
}
.person_social .fa-facebook-square {
	color:#4862A3;
}
.person_social .fa-twitter {
	color:#55ACEE;
}
.person_social .fa-vimeo-square {
	color:#20B9EB;
}
.person_social .fa-vine {
	color:#00BF8F;
	font-size:.85em;
}

/* Single Person Videos */
.person_videos, .person_blog {
	float:right;
	width:67%;
}
.person_videos h3, .person_blog h3 {
	font-family:ProximaNovaT-Thin;
	font-size:36px;
	margin:0;
	padding-left:2%;
}
.person_videos .grid_post_info h2 {
	margin-bottom:0;
}
.person_videos .grid_post_info .vine_title h2 {
	margin:0;
}

.person_videos .grid_post_info p {
	font-family: ProximaNova-Light;
	font-size: 15px;
	line-height: 1.1;
	margin-top: 8px;
	margin-bottom:0;
	letter-spacing: 1px;
	text-transform:uppercase;
}
.person_videos .grid_post.third {
	margin-top:-2%;
	margin-bottom:2%;
	width:46%;
}
/* Fix all previous floating fixes */
.person_videos .grid_post.third:nth-child(3n + 4) {
	float:left;
	clear:none;
}
.person_videos .grid_post.third:nth-child(2n + 3) {
	XXclear:both;
}


/* Single Person Blog Posts */
.person_blog {
	margin-top:100px;
}
.person_blog h3 {
	margin-bottom:20px;
}
.person_post {
	margin:0 2% 60px 2%;
	background:#fff;
}
.person_post_title {
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 4px solid #343333;
}
.person_post_title h4 {
	margin:0;
	line-height: 1;
	font-family: "league-gothic";
	font-size: 48px;
	text-transform: uppercase;
}
.person_post_thumb img {
	width:100%;
	height:auto;
}
.person_post_info {
	padding:20px;
	color:#757575;
}
.person_post_more {
	color: #343333;
	margin-top: 10px;
	margin-bottom: 0;
	text-transform: inherit;
	font-family: ProximaNova-Light;
	font-size:13px;
}
.person_post_more:hover {
	color:#000;
}

.sticky-wrapper {
	position:absolute;
}
.person_info.stuck {
	position:fixed;
	top:60px;
}

@media (max-width:1000px) {

	.person_info {
		width:48%;
	}
	.person_videos {
		width:48%;
	}
	.person_videos .grid_post.third {
		width:96%;
	}
	.person_blog {
		width:100%;
	}
	.staff .person_thumb {
		width:48%;
	}
	.staff .person_info .person_content {
		width:44%;
	}
	.staff .person_info p {
		font-size:14px;
	}
}
@media (max-width:768px) {
	.person_header h1 {
		font-size:60px;
	}
	.person_header h3 {
		font-size:24px;
		padding-bottom:10px;
	}
	#creator_filter.select {
		bottom:-35px;
		right:auto;
		font-size:12px;
		XXleft:0;
	}
}
@media (max-width:480px) {
	.person_header h1 {
		font-size:36px;
	}
	.person_header h3 {
		font-size:18px;
	}
	.person_info {
		width:100%;
	}
	.person_videos {
		width:100%;
		margin-top:35px;
	}
	.person_post_title h4 {
		font-size:36px;
	}
	.person_post_info p {
		font-size:14px;
	}
	.staff .person_thumb {
		width:100%;
	}
	.staff .person_info .person_content {
		width:auto;
		padding:20px;
	}
}

/* Grid */

.people_person.fourth:hover {
	background:#fff;
}
.people_person img {
	width: 100%;
	height: auto;
}

.people_person h2 {
	margin-top: 12px;
	border-top: none;
	padding-top: 0px;
	font-family: ProximaNova-regular;
	font-family: 'Journal Sans New Bold';
	font-family: "league-gothic";
	font-size: 36px;
	line-height: .9;
	margin-bottom: 0px;
}

.people_person h3 {
	font-family: ProximaNova-Light;
	font-size: 15px;
	line-height: 1;
	margin-top: 8px;
	margin-bottom: 0px;
	letter-spacing: 1px;
}

@media (max-width:700px) {
	.creators .page_header {
		margin-bottom:0;
	}
	.creators .page_subheader {
		margin-top:20px;
	}
}
@media (max-width:768px) {
	.people_person h2 {
		font-size:24px;
	}
	.people_person h3 {
		font-size:13px;
	}
}





/**********************************************************************/
/***************************  ABOUT  **********************************/
/**********************************************************************/

body.about, body.approach {
	background-color:#666;
}
.about .page_header h1, .approach .page_header h1 {
	color:#F2F2F4;
}

.about_subheader h2 {
	font-family:ProximaNovaT-Thin;
	text-transform:inherit;
	margin:0;
	XXmargin-bottom:32px;
	color:#F2F2F4;
	color:#bbb;
}
.about_content {
	margin-top:80px;
}
.about_column {
	float:left;
	width:29%;
	padding:0 2%;
}
.about_column:nth-of-type(1){
	width:29%;
	padding:0 4% 0 0;
}
.about_column:nth-of-type(3) {
	width:29%;
	padding:0 0 0 4%;
}
.about_column p {
	color:#757575;
	color:#F2F2F4;
	color:#bbb;
}
@media (max-width:768px) {
	.about_column p {
		font-size:14px;
	}
}
@media (max-width:700px) {
	.about_column, .about_column:nth-of-type(1), .about_column:nth-of-type(3) {
		width:96%;
		float:inherit;
		padding:0 2%;
		margin-bottom:40px;
	}
}

.about_column h2 {
	font-size:36px;
	font-family:"league-gothic";
	margin:0 0 15px 0;
	line-height:1.2;
	color:#F2F2F4;
}


/* Quote */

.about_quote  {
	XXmargin:10px 0 80px 0;
	margin:50px 0 25px 0;
	padding:20px 0;
	border:0;
	XXbackground:#fff;
	color:#F2F2F4;
	text-align:center;
}
.about_quote  p {
	font-size:60px;
	font-style:normal;
	padding:40px 30px;
	margin:0;
	font-family: ProximaNovaT-Thin;
	text-transform:uppercase;
	line-height:1;
	border-top:1px solid #343333;
	border-top:1px solid #F2F2F4;
	border-bottom:1px solid #343333;
	border-bottom:1px solid #F2F2F4;
}
.about_quote p strong {
	font-family:"ProximaNova-Black";
	XXtext-transform:uppercase;
}

@media (max-width:1400px) {
	.about_subheader h2 {
		font-size:24px;
		line-height:1.4;
	}
	.about_quote p {
		font-size:36px;
	}
	.about_quote {
		margin:30px 0 30px 0;
	}
}

@media (max-width:700px) {
	.about_subheader h2 {
		font-size:24px;
		line-height:1.4;
	}
	.about_quote {
		padding:10px 0;
	}
	.about_quote  p {
		font-size:36px;
		padding:20px 20px;
	}
	.about .about_column {
		width:96%;
		float:inherit;
		padding:0 2%;
		margin-bottom:40px;
	}
}
@media (max-width:480px) {
	.about_subheader h2 {
		font-size:18px;
		line-height:1.2;
	}
	.about_quote p {
		font-size:24px;
	}
}

.slides {
	margin:0;
	padding:0;
}
.slides li {
	XXwidth:32.5%;
	width:33.33%;
	float:left;
	list-style:none;
}
.slides li:nth-child(2) {
	XXmargin:0 1.25%;
}
.slides img {
	width:100%;
	height:auto;
	display:block;
}

/* Video */

video#bg_video {
position: fixed;
left: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: url(img/video_bg.jpg) no-repeat;
background-size: cover;
}

#bg_overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-99;
	background:rgba(0,0,0,.4);
}


/* Quotes */
.quotes {
	XXpadding: 100px 30px;
	XXmargin-top:60px;
	XXborder-top: 1px solid #F2F2F4;
	XXborder-bottom: 1px solid #F2F2F4;
	XXtext-align:center;
}

.quotes h2 {
	color: #F2F2F4;
	text-align: center;
	font-size: 18px;
	letter-spacing: 2px;
}

.approach_quote {
	float:left;
	XXmax-width:315px;
	XXwidth:10%;
	XXmargin:20px;
	margin:1.5%;
	text-align:center;
	width:22%;
}
.qcol1 {
	XXwidth:25%;
}
.qcol2 {
	width:47%;
}
.approach_quote:last-child {
	margin-bottom:0;
}

.approach_attribution {
	text-align:center;
	opacity:.3;
	-webkit-transition:opacity 1s ease-in-out;
	-moz-transition:opacity 1s ease-in-out;
	-ms-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out;
}
.approach_attribution.active  {
	opacity:1;
}


.approach_quote_content p {
	font-size: 21px;
	font-family: ProximaNovaT-Thin;
	font-style:italic;
	XXtext-transform: uppercase;
	letter-spacing:1px;
	line-height: 1.2;
	color: #F2F2F4;
	color: #C0C0C0;
	margin-bottom:5px;
}

.approach_quote_logo {
	text-align:right;
	margin-top:4px;

}

.approach_quote_logo img {
	max-width:100px;
	max-height:36px;
	height:auto;
	width:auto;
}

.approach_quote_name p {
	font-size:24px;
	font-family: "league-gothic";
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:2px;
	color: #F2F2F4;
	margin-bottom:0;
	margin-top:6px;
	line-height:1;
	text-align:right;
}
.approach_quote_name  span{
	font-size:13px;
	font-style:italic;
	XXfont-family: ProximaNovaT-Thin;
	color: #F2F2F4;
	margin-bottom:5px;
}

.approach_quote_content p span {
	color: #C0C0C0;
	opacity:.5;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}

.approach_quote_content p span.flashed {
	color:#fff;
	opacity:1;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}

/**********************************************************************/
/**************************  SOCIAL  **********************************/
/**********************************************************************/

#social_grid .third {
	padding:2%;
}

.embed-container {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

.vine_embed {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	max-width:600px;
	margin:auto;
}
.vine_embed_container {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}

.vine_embed_container iframe, .vine_embed_container object, .vine_embed_container embed {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}




/**********************************************************************/
/**********************  NEWSLETTER  **********************************/
/**********************************************************************/

.newsletter_social {
	float:right;
	margin-left:4px;
}

.newsletter_icon {
	background:#858585;
	color:#fff;
	height:25px;
	width:25px;
	border-radius:20px;
	text-align:center;
	font-size:15px;
	overflow:hidden;
	line-height:24px;
	cursor:pointer;
}
.newsletter_icon:hover {
	background:#343333;
}

.newsletter_content {
	display:none;
}

#mc_embed_signup {
	background:#F2F2F4 !important;
	padding:10px !important;
	border-radius:4px;
}

#mc_embed_signup h2 {
	font-weight:normal !important;
	font-size:60px !important;
	margin:0 !important;
	line-height: .9 !important;
}




/**********************************************************************/
/**************************  FOOTER  **********************************/
/**********************************************************************/
.home #footer {
	display:none;
}

#footer {
	margin: 0 5%;
	color: #B3B3B3;
	text-align: center;
	font-size: 12px;
}

#footer .footer_social_row {
	margin-top:20px;
}

#footer .footer_social_row a {
	display:inline-block;
	margin:0 2px;
}

/**********************************************************************/
/**************************  MODAL  **********************************/
/**********************************************************************/
.modal_close {
	display:none;
	padding:5px;
	background:#343333;
	color:#F2F2F4;
	cursor:pointer;
	border-radius:3px;
	margin:20px 0 10px 0;
	font-size:14px;
	text-align:center;
}

.modal_overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	background: rgba(0,0,0,.85);

	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.modal_show ~ .modal_overlay {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

.tse-scrollable {
	height: auto;
}

.modal_window {
	position: fixed !important;
	z-index: 12;
	left: 50%;
	top: 50%;
	width: 80% !important;
	max-width: 1600px;
	max-height: 90% !important;
	XXoverflow: hidden;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	visibility: hidden;
}
.work_close {
	height:24px;
	width:24px;
	position:absolute;
	right:-26px;
	top:0;
	font-size:18px;
	color:#fff;
	cursor:pointer;
	background:url('img/ui_close.png') no-repeat;
}
.work_close.disabled {
	opacity:0;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}

.no-csstransforms .modal_window {
	left:10%;
	top:10%;
}

.modal_show.modal_window {
	visibility: visible;
}

.modal_content {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: translate(0, -20px);
	-moz-transform: translate(0, -20px);
	-o-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	transform: translate(0, -20px);

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
	z-index: 15;
	
	-webkit-box-shadow: 0 0px 20px rgba(0,0,0,.5);
	box-shadow: 0 0px 20px rgba(0,0,0,.5);
}

.modal_content.content {
	padding:0;
}

.modal_loaded.modal_content {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.loading {
	position:fixed;
	width: 50%;
	max-width: 24px;
	padding:8px;
	background:#000;
	border-radius:4px;
	z-index: 11;
	display:none;
	left: 50%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.no-csstransforms .loading {
	margin-left:-12px;
	margin-top:-12px;
}

.loading img {
	width: 100%;
	height: auto;
	display:block;
}

.tse-scrollbar .drag-handle {
	background: #000 !important;
	cursor: pointer;
	width: 9px;
}

.tse-scrollable:hover .tse-scrollbar .drag-handle {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
}
.tse-scrollable.horizontal .tse-scrollbar {
	bottom:3px;
}
.tse-scrollable.horizontal .tse-scrollbar .drag-handle {
	height:9px;
}


a.home_play {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	opacity:.1;
	-webkit-transition:opacity .3s ease-in-out;
	
	display:none;
}
a.home_play:hover {
	opacity:1;
}
a.home_play img {
	position: absolute;
	width: 10%;
	max-width: 80px;
	min-width: 80px;
	left: 50%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.no-csstransforms a.home_play img {
	width:100px;
	margin-left:-50px;
	margin-top:-50px;
}

.jspVerticalBar {
	width: 0;
	overflow: hidden;
}

/**********************************************************************/
/**************************  MISC  ************************************/
/**********************************************************************/
.group:before,.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.hidden {
	position: absolute;
	text-indent: -3000px;
	height: 1px;
	visibility:hidden;
}

/* Tooltip */
.tooltipster-workhouse {
	color: #F2F2F4;
	background-color: #343333;
	border-radius:3px;
	border:none;
}

.tooltipster-workhouse .tooltipster-content {
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* Admin */
#admin {
	position: fixed;
	top: 100px;
	left: 0;
	background: #000;
	z-index: 9999;
}

#admin a {
	color: #fff;
	display: block;
	padding: 10px;
	font-size: 13px;
}

.post-edit-link {
	font-size: 10px;
}

.size {
	position: fixed;
	padding: 10px;
	color: #fff;
	background: grey;
	position: fixed;
	left: 0;
	top: 100px;
}

/**********************************************************************/
/**********************************************************************/
/**********************************************************************/


/* iPads (portrait and landscape) -----------*/
@media only screen and (max-width : 1024px) {



.slide_band_content.floated {
	margin-left: auto;
	text-align:center;
}

.slide_band_image {
	position: relative;
	text-align: center;
	top: 0;
	margin-top: 60px;
	left: 0;
	max-width: 100%;

	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

.slide_band_image img {
	max-width: 25%;
	height: auto;
}


}

@media only screen and (max-width: 850px) {

	#contact_content_row {
		max-width:320px;
	}
	.contact .third {
		float:none;
		clear:both;
		margin-bottom:50px;
		width:auto;
	}
	.contact .third h3 {
		font-size:24px;
	}
	.main.blog {
		margin-top:30px;
	}
	.social_menu {
		margin-right:2%;
	}
}

@media only screen and (max-width: 700px) {
a.nav_logo {
	height:32px;
	XXleft:2%;
}
.navigation_bar .social_menu {
	display:none;
}

.page_header h1 {
	font-size: 60px;
}

.third, .fourth {
	width:46%;
	margin-bottom:20px;
}
/* Fix all previous floating fixes */
.third:nth-child(3n + 4), .fourth:nth-child(4n + 5) {
	float:left;
	clear:none;
}
.third:nth-child(2n + 3), .fourth:nth-child(2n + 3) {
	XXclear:both;
}
.sorted.third.third_row_key {
	clear:inherit;
}
.sorted.third.second_row_key {
	XXclear:both;
}

#work_single_meta {
	width:100%;
	padding:0;
}
#work_single_desc {
	width:100%;
	margin:0;
}

#work_single_desc {
	margin-top:30px;
}


/* Contact */
#general_contact {
	position:relative;
	left:0;
	display:block;
	margin:0 4% 20px 4%;
}
#contact_cities {
	position:relative;
	min-width:250px;
	right:auto;
	margin:0 4%;
}
.contact_info {
	position:relative;
	display:block;
	margin-bottom:20px;
	opacity:1;
	visibility:inherit;
	
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}
.contact_info h3 {
	font-size: 24px;
}
.contact_view {
	display:none;
}
.contact_location {
	width:auto;
}
a.map_link {
	display:inline-block;
}
.contact #footer {
	display:inherit;
}

}

@media only screen and (max-width: 600px) {

	.prev_post {
		float:none;
		border-bottom:10px solid #F2F2F4;
		width:100%;
	}
}

@media only screen and (max-width: 500px) {

	.slide {
		min-height:436px;
	}

	.slide_band {
		padding:60px 5%;
	}
	.slide_band h2 {
		font-size:24px;
	}
	.slide_band.statement {
		padding-bottom:40px;
	}
	.slide_band_logo {
		margin-top:20px;
	}
	.slide_band_logo img {
		height:50px;
	}
	.main {
		margin-top:80px;
	}
	.main.blog {
		margin-top:30px;
	}
	.page_header {
		margin-bottom:25px;
	}
	.work .page_header, .directors .page_header {
		margin-bottom:70px;
	}
	.sort_view {
		bottom:-65px;
		left:0;
		right:auto;
	}
	.page_header h1 {
		font-size: 36px;
	}
	.third, .fourth {
		width: 96%;
	}
	.fourth {
		margin-bottom: 30px;
	}

	.work_list tr {
		xxdisplay: block;
		padding: 10px 15px;
	}
	.work_list tr.active {
		display:block;
	}

	.work_list td {
		display: block;
		padding: 2px 0;
		font-size:12px;
	}

	.work_list tr td.list_director {
		text-align: left;
	}

	.person_info .person_content {
		padding: 20px;
	}
	.modal_content .person_info h2 {
		font-size:31px;
	}
	.modal_content .person_info h3 {
		font-size:21px;
		line-height:1.1;
		margin-top:5px;
	}
	.modal_content .person_info p {
		font-size:13px;
	}
	.modal_close {
		display:inherit;
	}

	.row {
		margin-bottom:20px;
	}
	#work_single_meta h2 {
		font-size:36px;
		margin-bottom:0;
	}
	#work_single_meta h3 {
		font-size:18px;
	}
	#work_single_desc p {
		font-size:14px;
		line-height:1.4;
	}
	.work_share {
		margin-top:10px;
	}
	.post_nav {
		padding:10px 0;
	}


	.post .blog_share a {
		font-size:16px;
		min-width:12px;
	}

}