/*
Theme Name: The Lift 2014
Theme URI: http://thelift.mx/
Description: A theme for WordPress.
Author: Dave Funkhouser, Drew Baker, Funkhaus
Author URI: http://www.funkhaus.us
Version: 1.0
TEST

Colors:

	Off White: #F7F6F1;
    Red: #E11D00;
    Color 3: #;

/* -------------------------------------------------------------- */

	@import url("css/fonts.css");

/*
 * Globals
 */
 	html, body {
	 	height: 100%;
 	}
	body {
		position: relative;
		min-width: 1200px;
	    font-family: 'National-Medium', Arial, sans-serif;
	    font-size: 14px;
	    color: #000;
	    margin: 0;
	    background-color: #F7F6F1;
	    -webkit-font-smoothing: antialiased;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	}
	body.menu-open,
	body.takeover {
		overflow: hidden;
	}
	.js .home #container,
	.js .home #footer {
		opacity: 0;
	}
	#container {
		position: relative;
		min-height: 100%;
		min-width: 1200px;
		overflow: hidden;
	}
	#wrapper {
		min-height: 100%;
	}
	.single #wrapper {
		min-height: 100%;
	}
	.detail #wrapper {
		height: 100%;
	}
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
        font-family: 'National-Semibold';
    }
    strong {
	    font-family: 'National-Semibold';
	    font-weight: normal;
    }
    sup {
	    font-size: 0.7em;
    }
    ::selection {
        color: #ebebe3;
        background: #222;
    }
    ::-moz-selection {
        color: #ebebe3;
        background: #222;
    }
    .frame {
	    position: relative;
	    min-width: 1200px;
    }
    #content {
		max-width: 1600px;
		margin: auto;
		padding: 50px 100px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		padding-bottom: 130px;
	}

	/* Remove ability to select */
	.main-menu li a,
	.social-block,
	.video-thumb,
	.news-post,
	.grid-block .image-wrap {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

    .js .animated {
	    opacity: 0;
    }
    .js .is-mobile .animated {
	    opacity: 1;
    }
    .hidden {
	    display: none;
    }

/*
 * Size Videos Styles
 */
	.fluid-width-video-wrapper {
		width:100%;
		position:relative;
		padding:0;
	}
	.fluid-width-video-wrapper iframe,
	.fluid-width-video-wrapper object,
	.fluid-width-video-wrapper embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

/*
 * Main Menu
 */
 	.menu-open #main-menu {
	 	width: 335px;
 	}
 	#main-menu {
	 	position: absolute;
	 	top: 0;
	 	right: 0;
	 	left: 0;
	 	margin: auto;
 	}
 	.floatnav #main-menu,
 	.production-services #main-menu {
	 	width: auto;
 	}
 	.main-menu {
	 	margin: 0;
	 	padding: 0;
 	}
 	.main-menu li {
	 	list-style-type: none;
	 	display: block;
 	}
 	.sub-menu li {
	 	margin-bottom: 0;
 	}
 	.main-menu .sub-menu li a {
 		padding-top: 11px;
	 	padding-bottom: 11px;
 	}
 	.main-menu {
	 	margin-top: 50%;
 	}
 	.main-menu li a {
        font-family: 'National-Semibold';
	 	font-size: 20px;
	 	font-weight: 500;
	 	padding: 11px 35px;
	 	display: block;
 	}
 	.main-menu .sub-menu li a {
	 	font-family: 'National-Medium';
 	}
 	.main-menu li:hover,
 	.main-menu li.active,
 	#main-menu > li.current-menu-item,
 	#main-menu > li.current_page_ancestor,
 	#main-menu > li.current-page-ancestor,
 	#main-menu > li.current-page-parent {
	 	background-color: #E11D00;
 	}
 	.main-menu li:hover a,
 	.main-menu li.active a,
 	#main-menu > li.current-menu-item a,
 	#main-menu > li.current_page_ancestor a,
 	#main-menu > li.current-page-ancestor a,
 	#main-menu > li.current-page-parent a {
	 	color: #F7F6F1;
 	}

 	.sub-menu {
	 	display: none;
	 	padding: 0;
	 	background-color: #000;
 	}

/*
 * Floatnav
 */
 	#breadcrumb {
	 	letter-spacing: 2px;
	 	display: inline-block;
	 	-webkit-transform: rotate(-90deg);
	 	-moz-transform: rotate(-90deg);
	 	-ms-transform: rotate(-90deg);
	 	-o-transform: rotate(-90deg);
	 	transform: rotate(-90deg);
	 	-webkit-transform-origin: top right;
	 	-ms-transform-origin: top right;
	 	transform-origin: top right;
		position: absolute;
		right: 60px;
		font-family: 'National-Semibold';
		text-transform: uppercase;
		color: #000;
 	}
 	.company-code #breadcrumb {
		right: 104px;
 	}
 	.parent-pageid-64 #breadcrumb {
	 	margin-top: 50px;
 	}
 	.production-services #breadcrumb {
	 	margin-top: 115px;
 	}
 	.frame #breadcrumb {
	 	color: #F7F6F1;
	 	z-index: 10;
	 	top: 80px;
 	}
 	#breadcrumb .pipe {
	 	padding: 0 5px;
	 	color: #999;
 	}
 	.centerfloat {
	 	position: absolute;
	 	opacity: 0;
 	}
 	.menu-open .hamburger.top,
 	.company-code .hamburger.top,
 	.home .hamburger.top,
 	.frame .hamburger.top,
 	.contact .hamburger.top {
	 	display: block;
 	}
 	.hamburger.top {
	 	display: none;
 	}

 	.slider {
	 	height: 113px;
 	}

 	.single .hamburger.centerfloat,
 	.single .logo.centerfloat,
 	.production-services .hamburger.centerfloat,
 	.production-services .logo.centerfloat,
 	.floatnav .hamburger.centerfloat,
 	.floatnav .logo.centerfloat {
	 	opacity: 1;
	 	z-index: 9;
 	}
 	.logo .svg {
	 	height: 65px;
	 	width: 65px;
 	}
 	.hamburger.centerfloat {
	 	margin-top: -60px;
	 	z-index: 0;
 	}
 	.menu-open .hamburger.centerfloat {
	 	display: none;
 	}
 	.three-bar.centerfloat {
	 	margin: 0;
 	}
 	.menu-open .hamburger:hover .three-bar .bar,
 	.hamburger:hover .three-bar .bar {
	 	background-color: #E11D00;
 	}
 	.centerfloat .three-bar .bar {
	 	background-color: #000;
 	}
 	.logo.centerfloat {
 		padding: 20px;
	 	right: 0;
	 	margin-top: -46px;
 	}
 	.logo.centerfloat:hover .svg path {
	 	fill: #E11D00;
 	}

/*
 * Header
 */
 	#header {
	 	position: fixed;
	 	margin-left: -320px;
	 	background-color: #e9ebe6;
	 	width: 320px;
	 	z-index: 10;
	 	height: 100%;
	 	min-height: 500px;
	 	-webkit-box-sizing: border-box;
	 	-moz-box-sizing: border-box;
	 	box-sizing: border-box;
 	}
 	.home #header,
 	.frame #header,
 	.company-code #header,
 	.contact #header {
	 	background-color: #F7F6F1;
 	}
 	.scrolled.home #header,
 	.scrolled.frame #header {
	 	background-color: #e9ebe6;
 	}
 	.nudge-right .hamburger {
	 	margin-left: 60px;
 	}
 	.menu-open .hover-left {
	 	display: none !important;
 	}
 	.menu-open .hamburger .svg path {
	 	fill: #222;
 	}
 	.menu-open .hamburger .bar {
	 	background-color: #000;
 	}
 	.hamburger {
	 	position: absolute;
	 	top: 0;
	 	left: 0;
	 	height: 135px;
	 	width: 135px;
	 	z-index: 21;
	 	cursor: pointer;
 	}
 	body.takeover .hamburger.top {
	 	display: none;
 	}
 	.hamburger.centerfloat {
	 	width: 100px;
 	}
 	.menu-open .hamburger {
	 	position: fixed;
 	}
 	.hamburger .svg,
 	.three-bar {
	 	position: absolute;
	 	top: 0;
	 	right: 0;
	 	bottom: 0;
	 	left: 0;
	 	width: 20px;
	 	height: 15px;
	 	margin: auto;
 	}
 	.three-bar .bar {
	 	width: 100%;
	 	position: absolute;
	 	left: 0;
	 	background-color: #F7F6F1;
	 	height: 3px;
 	}
 	.bar-1 {
	 	top: 0;
	 	z-index: 2;
 	}
 	.bar-2 {
	 	top: 6px;
 	}
 	.bar-3 {
	 	bottom: 0;
 	}

 	.menu-open .bar-1 {
	 	-webkit-transform: rotate(48deg);
	 	-moz-transform: rotate(48deg);
	 	-ms-transform: rotate(48deg);
	 	-o-transform: rotate(48deg);
	 	transform: rotate(48deg);
	 	top: 6px;
 	}
 	.menu-open .bar-2 {
	 	-webkit-transform: rotate(-45deg);
	 	-moz-transform: rotate(-45deg);
	 	-ms-transform: rotate(-45deg);
	 	-o-transform: rotate(-45deg);
	 	transform: rotate(-45deg);
 	}
 	.menu-open .bar-3 {
	 	display: none;
 	}

/*
 * Home
 */
 	.slideshow {
	 	position: absolute;
	 	overflow: hidden;
	 	background-color: #f1f1f1;
	 	top: 15px;
	 	right: 15px;
	 	bottom: 15px;
	 	left: 15px;
 	}
 	.is-mobile .slideshow .caroufredsel_wrapper {
	 	height: 100% !important;
 	}
 	.slide {
	 	position: relative;
 	}
 	.nudge-left .items {
	 	margin-left: -60px;
 	}
 	.nudge-right .items {
	 	margin-left: 60px;
 	}
 	.nudge-right #logo-lg {
	 	margin-right: 60px;
 	}
 	.slideshow .hover {
	 	position: absolute;
	 	top: 0;
	 	width: 120px;
	 	height: 100%;
	 	cursor: pointer;
	 	z-index: 1;
 	}
 	.slideshow .hover > div {
 		position: relative;
	 	width: 100%;
	 	height: 100%;
	 	background-color: #F7F6F1;
 	}
 	.slideshow .hover > div > img {
	 	position: absolute;
	 	top: 50%;
	 	left: 30%;
	 	margin-top: -8px;
	 	margin-left: -12px;
	 	width: 24px;
	 	height: 17px;
	 	opacity: 0;
 	}
 	.slideshow .hover-left > div > img {
	 	left: 70%;
 	}
 	#takeover #logo-lg {
		bottom: 15px;
		right: 15px;
 	}
 	#takeover #logo-lg .svg path {
	 	fill: #F7F6F1 !important;
 	}
 	#logo-lg {
	 	position: absolute;
	 	bottom: 0;
	 	right: 0;
	 	width: 140px;
	 	height: 140px;
	 	z-index: 2;
 	}
 	.frame #logo-lg {
	 	bottom: 15px;
	 	right: 15px;
 	}
 	#logo-lg:hover .svg path {
	 	fill: #E11D00;
 	}
 	#logo-lg .svg {
	 	position: absolute;
	 	top: 0;
	 	right: 0;
	 	bottom: 0;
	 	left: 0;
	 	margin: auto;
	 	height: 86px;
	 	width: 86px;
 	}
 	.slideshow .titles {
	 	position: absolute;
	 	max-width: 70%;
	 	bottom: 0;
	 	left: 0;
	 	padding: 60px;
	 	padding-bottom: 75px;
	 	color: #F7F6F1;
	 	opacity: 0;
	 	z-index: 2;
        font-family: 'National-Semibold';
 	}
 	.slideshow .titles.active {
	 	opacity: 1;
 	}
 	.slideshow .titles .line-1,
 	.slideshow .titles .line-2 {
	 	font-size: 41px;
	 	color: #F7F6F1;
 	}
 	.slideshow .titles .line-1:hover,
 	.slideshow .titles .line-2:hover {
	 	color: #E11D00 !important;
 	}
 	.slideshow .titles div.line-1:hover,
 	.slideshow .titles div.line-2:hover {
	 	color: #F7F6F1 !important;
 	}
 	.slideshow .play {
	 	float: left;
 	}
 	.slideshow .play,
 	.slideshow .view {
 		color: #E11D00;
	 	display: none;
	 	overflow: hidden;
	 	vertical-align: top;
	 	white-space: nowrap;
 	}
 	.slideshow .play .svg {
	 	width: 23px;
	 	height: 23px;
 	}
 	.slideshow .titles a {
	 	display: block;
 	}
 	.slideshow .titles .line-2 {
	 	font-size: 13px;
	 	font-family: 'National-Bold';
 	}
 	.slideshow .titles .line-2 span {
	 	font-size: 21px;
 	}
 	.nudge-left .titles {
	 	margin-left: 60px;
 	}
 	.nudge-left .hover > div > img,
 	.nudge-right .hover > div > img {
	 	opacity: 1;
 	}
 	.nudge-left .slideshow .hover-right > div {
	 	margin-left: 50%;
 	}
 	.slideshow .hover-right > div {
	 	margin-left: 100%;
 	}
 	.nudge-right .slideshow .hover-left > div {
		margin-left: -50%;
 	}
 	.slideshow .hover-left > div {
	 	margin-left: -100%;
 	}
 	.slideshow .hover-left {
	 	left: 0;
 	}
 	.slideshow .hover-right {
	 	right: 0;
 	}
 	.slide,
 	.items {
	 	width: 100%;
	 	height: 100%;
	 	float: left;
 	}
 	.slideshow .items {
	 	position: relative;
 	}
 	.slideshow .slide {
	 	background-size: cover;
	 	-webkit-background-size: cover;
	 	background-position: center center;
	 	background-repeat: no-repeat;
 	}

 	#takeover {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		background-color: rgba(0,0,0,0.85);
		border: 15px solid #000;
		display: none;
		min-height: 500px;
		min-width: 1200px;
 	}
 	#takeover .close {
	 	padding: 30px;
	 	position: absolute;
	 	top: 0;
	 	left: 0;
	 	display: inline-block;
 	}
 	#takeover .close .svg {
	 	height: 16px;
	 	width: 16px;
 	}
 	#takeover .close polygon {
	 	fill: #E11D00;
 	}
 	.takeover .slide .titles {
	 	opacity: 0;
 	}
 	#takeover .media {
	 	position: absolute;
	 	top: 50%;
	 	left: 50%;
	 	margin: auto;
	 	width: 90%;
	 	height: 85%;
	 	z-index: 30;
 	}
 	#takeover iframe {
		margin: auto;
		display: block;
 	}
 	.home #takeover .titles {
	 	opacity: 1;
	 	padding-bottom: 45px;
 	}
 	.home #takeover .titles .line-1,
 	.home #takeover .titles .line-2 {
	 	color: #F7F6F1 !important;
 	}

/*
 * Force Scrolled Styles
 */
 	.scrolled .frame,
 	.scrolled .slideshow .hover > div,
 	.menu-open .frame,
 	.scrolled .top .three-bar .bar,
 	.menu-open .slideshow .hover > div {
	    background-color: #F7F6F1 !important;
 	}
 	.menu-open .top .three-bar .bar {
	 	background-color: #000 !important;
 	}
 	.scrolled #logo-lg .svg path,
 	.menu-open #logo-lg .svg path {
	 	fill: #F7F6F1 !important;
 	}
 	.scrolled .slideshow .line-1,
 	.scrolled .slideshow .line-2,
 	.menu-open .slideshow .line-1,
 	.menu-open .slideshow .line-2 {
	 	color: #F7F6F1 !important;
 	}

/*
 * Asymmetrical Grid
 */
 	.post {
	 	display: inline-block;
	 	position: relative;
	 	padding-bottom: 15px;
	 	text-align: left;
	 	vertical-align: bottom;
 	}
 	.post .entry a {
	 	color: #E11D00;
 	}
 	.post .entry a:hover {
	 	text-decoration: underline;
 	}
 	.grid .post {
	 	font-family: 'National-Medium';
 	}
 	.post span,
 	.post .entry {
	 	font-size: 16px;
 	}
 	.grid {
	 	font-size: 0;
 	}
 	.grid .divider {
	 	width: 100%;
	 	padding: 35px 0;
 	}
 	.first-title,
 	.second-title {
	 	padding: 10px 0;
	 	display: block;
 	}
 	.post .entry,
 	.post-1 .second-title,
 	.post-2 .second-title {
	 	display: none;
 	}
 	.post .image-wrap {
	 	position: relative;
 	}
 	.image-wrap .border {
	 	position: absolute;
	 	border: 9px solid transparent;
	 	top: 0;
	 	right: 0;
	 	bottom: 0;
	 	left: 0;
 	}
 	.grid .post:hover .image-wrap .border {
	 	border-color: #E11D00;
 	}
 	.grid .post:hover .first-title,
 	.grid .post:hover .second-title,
 	.grid .post:hover .entry {
	 	color: #E11D00;
 	}
 	.post .image-wrap img {
	 	width: 100%;
	 	height: auto;
 	}
 	.post-1 {
	 	width: 44%;
	 	padding-right: 15px;
 	}
 	.post-2 {
	 	width: 54%;
 	}
 	.post-2 .first-title {
	 	font-size: 28px;
 	}
 	.post-3 {
	 	width: 100%;
	 	text-align: center;
 	}
 	.post-3 .second-title {
	 	text-align: left;
	 	font-size: 18px;
 	}
 	.post-3 > div {
	 	width: 54%;
	 	display: inline-block;
	 	margin-left: 20%;
 	}
 	.post-3 .first-title {
	 	display: none;
 	}
 	.post-4 {
	 	width: 69%;
	 	padding-right: 15px;
 	}
 	.post-4 .first-title {
	 	display: none;
 	}
 	.post-4 .second-title {
	 	font-size: 28px;
 	}
 	.post-5 {
	 	width: 29%;
	 	vertical-align: top;
 	}
 	.post-5 .first-title {
	 	display: none;
 	}
 	.post-5 .second-title {
	 	font-size: 28px;
 	}
 	.post-6 {
	 	width: 32%;
	 	padding-right: 15px;
 	}
 	.post-6 .second-title,
 	.post-7 .second-title {
	 	display: none;
 	}
 	.post-7 {
	 	width: 50%;
 	}
 	.post-7 .first-title {
	 	font-size: 28px;
 	}
 	.post-8 {
	 	width: 50%;
	 	padding-right: 15px;
	 	padding-left: 12%;
	 	vertical-align: top;
	 	text-align: right;
 	}
 	.post-8 .first-title {
	 	display: none;
 	}
 	.post-8 .second-title {
	 	font-size: 28px;
 	}
 	.post-9 {
	 	width: 32%;
	 	vertical-align: top;
 	}
 	.post-9 .first-title {
	 	display: none;
 	}
 	.post-9 .second-title {
	 	font-size: 20px;
 	}
 	.post-9 .entry {
	 	display: block;
 	}

 	.grid .page-split {
	 	background-color: #000;
	 	width: 0;
	 	margin-left: 50%;
	 	overflow: hidden;
 	}
 	.grid .page-split .post:hover .first-title,
 	.grid .page-split .post:hover .second-title,
 	.grid .page-split .post:hover .entry {
	 	color: #F7F6F1;
 	}
 	.page-split .close {
	 	display: block;
	 	margin: auto;
	 	padding: 30px;
	 	width: 16px;
 	}
 	.page-split .close .svg {
	 	height: 16px;
	 	width: 16px;
 	}
 	.page-split .close .svg polygon {
	 	fill: #E11D00;
 	}
 	.page-split .post {
	 	max-width: 1000px;
		margin: auto;
		padding: 50px 100px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	 	font-size: 16px;
	 	color: #F7F6F1;
	 	padding-top: 0;
 	}
 	.page-split .post .entry img {
	 	width: 100%;
	 	height: auto;
 	}
 	.page-split .post .entry {
	 	font-family: 'National-Regular';
 	}

 	#more-posts {
	 	padding: 40px;
	 	padding-bottom: 90px;
		text-align: center;
 	}
 	#more-posts a {
 		display: inline-block;
	 	padding: 6px 20px;
	 	border: 4px solid #000;
        font-family: 'National-Bold';
        font-size: 28px;
        color: #000;
	}
 	#more-posts a:hover {
	 	border-color: #E11D00;
	 	color: #E11D00;
 	}

/*
 * Director Grid
 */
    #content.director-grid {
        box-sizing: initial;
        margin: auto;
        max-width: 990px;
        padding: 20px 50px 50px;
    }
    .director-grid h3 {
        text-align: center;
        margin: 0.5em auto;
        font-size: 58px;
    }
    .director-list {
        -webkit-flex-wrap: wrap;
        display: -webkit-flex;
        flex-wrap: wrap;
        display: flex;

        text-align: center;
        font-family: 'National-Semibold';
        padding: 0 30px;
        font-size: 20px;
    }
    .director-list > * {
        -webkit-flex-wrap: wrap;
        display: -webkit-flex;
        flex-wrap: wrap;
        display: flex;
    }
    .director-list .directors {
        width: 75%;
    }
    .director-list .narrative {
        align-content: center;
        width: 25%;
    }
    .director-list .director-name {
        padding: 6px 0;
        width: 33.33%;
        display: block;
    }
    .director-list .narrative .director-name {
        width: 100%;
    }
    .director-grid .grid-block h3 {
        text-align: left;
    }

/*
 * Video Detail Page
 */
 	.detail {
 		height: 100%;
 		min-height: 565px;
 		overflow: hidden;
 	}
  	.detail #container {
 		overflow: hidden;
 	}
 	.detail-nav {
	 	float: right;
	 	display: inline-block;
	 	padding: 0;
 	}
 	.detail-nav li {
	 	display: inline-block;
	 	margin-left: 15px;
 	}
 	.detail-nav li a:hover,
 	.detail-nav li.current_page_ancestor a {
	 	color: #E11D00;
 	}
 	#content.media-detail {
	 	text-align: center;
	 	padding-top: 0;
	 	padding-bottom: 0;
	 	position: absolute;
	 	bottom: 60px;
	 	top: 0;
	 	left: 0;
	 	right: 0;
 	}
	#content.media-detail .title {
    	position: relative;
		text-align: left;
		margin: auto;
		font-family: 'National-Bold';
		margin-bottom: 32px;
		padding-top: 15px;
		color: #F2F2F2;
	}
	.media-detail .title .slide-span,
	.about .slide-span {
		display: inline-block;
		color: #000;
		font-size: 36px;
		display: none;
		overflow: hidden;
		vertical-align: top;
		white-space: nowrap;
	}
	.media-detail .title .back,
	.about .back {
		display: inline-block;
	}
	.media-detail .title .representation {
    	position: absolute;
    	font-size: 10px;
    	color: #ffa531;
    	margin: 0;
        top: 100%;
    	left: 0;
	}

	.media-detail .title .back:hover .slide-span,
	.media-detail .title .back:hover h2,
	.about .back:hover .slide-span,
	.about .back:hover h2 {
		color: #E11D00;
	}
	.media-detail .title span {
		float: right;
		color: #000;
		margin-top: 10px;
	}
	.media-detail .pipe {
		display: inline-block;
		margin: 0 15px;
	}
	.media-detail .title a {
		color: #000;
		font-size: 16px;
	}
	.media-detail .title h2 {
		color: #000;
		font-size: 38px;
	}
	.media-detail .title h2 {
		display: inline-block;
	}
	#content.media-detail h2 span {
		font-size: 12px;
		display: block;
		margin-top: 8px;
		letter-spacing: 4px;
		color: #666666;
	}
	#content.media-detail h2 span.no-link {
		color: #F2F2F2;
	}
	#main-media {
		position: absolute;
		top: 50%;
		left: 50%;
	}
	#content.media-detail .title-wrapper {
		padding: 23px 0;
	}
	#content.media-detail h1 {
		font-size: 22px;
		color: #222;
		margin-bottom: 11px;
	}
	#content.media-detail h3 {
		display: inline;
		margin: 0 5px;
		text-transform: uppercase;
		font-family: 'National-Medium';
	}
	#content.media-detail h3 span {
		color: #000;
		text-transform: none;
		font-family: 'National-Bold';
		margin-left: 5px;
	}
	/* Next/Prev Navigation */
	.detail .nav {
        position: absolute;
        top: 50%;
        height: 150px;
        margin-top: -75px;
        font-size: 12px;
    }
    .detail .nav .large {
    	position: absolute;
    	top: 50%;
    	margin-top: -7px;
    }
    .detail .nav:hover .large polygon {
    	fill: #666666;
    }
    .detail .nav-photo {
	    cursor: pointer;
    }
    .detail .nav-photo:after {
	    content: '';
	    padding: 20px;
		position: absolute;
	}
	.detail .nav-photo.prev:after {
		top: 40px;
		left: 55px;
	}
	.detail .nav-photo.next:after {
		top: 40px;
		right: 55px;
	}
    .detail .nav .inner {
		opacity: 0;
		transition: opacity .5s;
		margin-top: 11px;
    }
	.detail .nav-video:hover .inner {
        opacity: 1;
    }
    .detail .nav-video:hover .large {
        opacity: 0;
    }
    .detail .nav span {
        display: block;
    }
   	.detail .nav .title {
        display: block;
        text-transform: uppercase;
        margin-bottom: 8px;
        color: #FFFFFF;
    }
    .detail .nav .line-1 {
		color: #FFFFFF;
	}
	.detail .nav .media {
        background: #333333;
        vertical-align: middle;
        margin-bottom: 8px;
        height: 113px;
        overflow: hidden;
    }
   	.detail .nav .media img,
   	.detail .nav .media svg {
        display: inline-block;
    }
	.detail .nav .media svg {
		margin: 0 10px;
		height: 113px;
    }
    .detail .nav a {
        display: block;
    }
    .detail .prev {
        left: 0;
    }
    .detail .prev .large {
    	left: 70px;
    }
    .detail .prev span {
        margin-left: 26px;
    }
	.detail .next {
        right: 0;
        text-align: right;
    }
    .detail .next .large {
    	right: 70px;
    }
    .detail .next span {
        margin-right: 26px;
    }
	/* Thumb Tray */
    #video-thumb-tray-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -122px;
        height: 172px;
        width: 100%;
    }
    #video-thumb-tray-wrapper .background {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 122px;
		background-color: #000;
    }
    .video-thumb-tray {
        margin: 0 60px;
    }
    .production-services #tray-tab {
	    height: auto;
    }
    #tray-tab {
    	display: block;
        position: relative;
        margin: 0 auto;
        width: 60px;
        height: 40px;
        cursor: pointer;
        text-align: center;
        padding-bottom: 15px;
    }
    .svg.more-videos {
	    width: 54px;
	    height: 16px;
    }
    .svg.hide-videos {
	    height: 14px;
	    width: 14px;
    }
    #tray-tab:hover svg polygon,
    #tray-tab:hover svg rect,
    #tray-tab:hover svg path {
	    fill: #E11D00;
    }
    #tray-tab:after {
	    content: '';
	    padding: 20px;
		position: absolute;
		left: -25px;
		top: -15px;
	}
    .opened .more-videos,
    .closed .hide-videos {
        display: none;
    }
    .video-thumb {
        width: 200px;
        height: 113px;
        position: relative;
        margin: 0 2px;
        float: left;
        display: block;
    }
    .video-thumb img {
        position: relative;
    }
    .video-thumb .video-meta {
    	display: none;
    }
    .video-thumb .preload {
    	display: none;
    }
    .photo-tray .video-thumb {
        width: 200px;
    }
    .video-thumb:hover img,
    .video-thumb.active img {
    	outline: 4px solid #E11D00;
		outline-offset: -4px;
    }
    .video-thumb-tray .browse {
    	display: block;
        position: absolute;
        top: 50%;
        width: 24px;
        height: 17px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        margin-top: 16px;
    }
    .video-thumb-tray .browse:hover svg polygon {
	    fill: #E11D00;
    }
    .video-thumb-tray .browse svg polygon {
	    fill: #F7F6F1;
    }
    .video-thumb-tray .browse.prev {
        left: 34px;
    }
    .video-thumb-tray .browse.next {
        right: 34px;
    }
	.video-thumb-tray .browse.disabled {
		display: none !important;
	}
    .video-thumb-tray .browse:after {
	    content: '';
	    padding: 20px;
		position: absolute;
		left: -18px;
		top: -15px;
    }
    .detail .disabled {
        display: none !important;
    }

/*
 * About
 */
 	#content.about {
 		padding: 50px 200px;
	 	padding-bottom: 80px;
 	}
 	#page-header {
	 	margin-bottom: 30px;
 	}
 	#page-header h2 {
	 	display: inline-block;
	 	font-size: 38px;
 	}
 	.detail-nav li a {
		color: #222;
		font-size: 16px;
		font-family: 'National-Semibold';
 	}
 	.detail-nav li.current_page_item a {
	 	color: #E11D00;
 	}
 	#slideshow {
	 	height: 500px;
	 	position: relative;
	 	margin-bottom: 50px;
 	}
 	.item {
	 	width: 100%;
	 	height: 100%;
	 	background-size: cover;
	 	background-position: center center;
	 	background-repeat: no-repeat;
 	}
 	.about .entry {
 		font-family: 'National-Regular';
	 	font-size: 24px;
	 	text-align: justify;
 	}

/*
 * Production Services
 */
    .frame .image {
        position: absolute;
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .frame .slideshow {
        z-index: 0;
    }
	.frame .slideshow .cover {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;

        float: left;
        width: 100%;
        height: 100%;
 	}
 	.image .entry {
		position: absolute;
		display: table;
		height: 100%;
		padding: 0 60px;
 	}
 	.image .fittext {
		vertical-align: middle;
		display: table-cell;
		color: #F7F6F1;
		font-size: 70px;
		font-family: 'National-Semibold';
		padding-right: 30px;
		line-height: 1.1em;
 	}
 	.contact .image .fittext {
	 	padding-right: 0;
 	}
 	.lock-bottom {
	 	position: absolute;
	 	left: 0;
	 	bottom: 0;
	 	right: 0;
	 	text-align: center;
 	}
 	#scroll-down {
	 	display: inline-block;
	 	padding: 40px;
	 	text-align: center;
 	}
 	#scroll-down span {
 		font-family: 'National-Semibold';
 		font-size: 22px;
 		color: #F7F6F1;
	 	display: block;
	 	margin-bottom: 15px;
 	}
 	#scroll-down .stand {
	 	height: 25px;
	 	position: relative;
 	}
 	#scroll-down .arrow-wrap {
 		position: absolute;
 		left: 50%;
 		top: 50%;
 		margin-top: -12px;
 		margin-left: -8px;
	 	height: 24px;
	 	width: 17px;
 	}

 	.production > h2 {
	 	text-align: center;
	 	font-size: 62px;
	 	margin-bottom: 30px;
 	}
 	.spot-grid-wrap {
	 	text-align: center;
	 	font-size: 0px;
 	}
 	.grid-block {
 		position: relative;
	 	font-size: 16px;
	 	display: inline-block;
	 	width: 33%;
	 	overflow: hidden;
	 	text-align: left;
	 	padding-bottom: 50px;
	 	vertical-align: top;
 	}
 	.grid-block .image-wrap {
	 	position: relative;
	 	margin-bottom: 10px;
	 	font-size: 0;
 	}
 	.grid-block h3 {
	 	font-size: 20px;
	 	margin-bottom: 10px;
 	}
 	.grid-block img.thumbnail {
	 	width: 100%;
	 	height: auto;
 	}
 	.grid-block .sash {
	 	position: absolute;
	 	top: -3px;
	 	right: -3px;
	 	width: 30%;
	 	height: 52%;
 	}
 	.grid-block span {
	 	display: block;
	 	text-transform: uppercase;
 	}
 	.grid-block span strong {
	 	text-transform: none;
	 	font-family: 'National-Bold';
 	}
 	.grid-block .border {
	 	border-width: 8px;
 	}
 	.grid-block:hover .border {
	 	border-color: #E11D00;
 	}

/*
 * Production Detail
 */
 	#production-video {
		max-width: 1600px;
		margin: auto;
		padding: 0 100px;
		padding-top: 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
 	}
 	#content.production-detail {
	 	padding-bottom: 230px;
	 	padding-top: 0;
	 	font-size: 18px;
 	}
 	#content.production-detail .entry img {
	 	width: 100%;
	 	height: auto;
 	}
 	.production-detail h2 {
	 	font-size: 38px;
	 	margin-bottom: 30px;
 	}
 	.production-detail h2.left {
	 	display: inline-block;
 	}
 	.production-detail .co-pro {
 		float: right;
	 	color: #E11D00;
	 	line-height: 38px;
	 	font-family: 'National-Semibold';
	 	font-size: 16px;
 	}
 	.production-detail .title-wrapper {
	 	padding-top: 40px;
	 	text-align: center;
	 	height: 95px;
 	}
 	.production-detail .title-wrapper span {
	 	text-transform: uppercase;
 	}
 	.production-detail .title-wrapper span strong {
	 	text-transform: none;
	 	font-family: 'National-Bold';
	 	margin-left: 5px;
 	}
 	.production-detail .title-wrapper .pipe {
	 	margin: 0 8px;
 	}
 	.production-detail h1 {
	 	padding-bottom: 10px;
 	}
 	.production-detail .divider {
		display: block;
		height: 4px;
		width: 100%;
		background-color: #000;
		margin: 35px 0;
		margin-left: -50px;
		padding-right: 100px;
 	}
 	.production-detail .entry {
	 	line-height: 1.4em;
	 	padding: 0 50px;
	 	font-family: 'National-Book';
 	}
 	.production-detail .entry h3 {
 		line-height: 1.2em;
	 	font-size: 28px;
	 	font-family: 'National-Regular';
	 	text-align: justify;
 	}
 	.production-detail .entry h2 {
		text-align: center;
		padding-bottom: 24px;
		font-family: 'National-Medium';
 	}
 	.production-detail .entry p {
	 	text-align: justify;
 	}
 	.production-detail .page {
 		padding-top: 20px;
	 	padding-bottom: 50px;
 	}
 	.production-detail #tray {
 		text-align: center;
	 	padding-top: 20px;
 	}
 	#video-thumb-tray-wrapper.mid {
 		padding-top: 40px;
	 	position: relative;
	 	bottom: 0;
	 	height: auto;
	 	width: 100%;
	 	margin: 0;
	 	padding: 0;
 	}
 	.mid .video-thumb-tray {
 		padding: 0 60px;
 		margin: 0;
 		background-color: black;
 		height: 113px;
 		position: absolute;
 		opacity: 0;
 		left: 0;
 		right: 0;
 		overflow: hidden;
 		z-index: -1;
 	}
 	.mid .video-thumb-tray .browse {
	 	height: 16px;
	 	width: 24px;
	 	margin-top: -9px;
 	}
 	.mid .video-thumb-tray .browse:hover .svg polygon {
	 	fill: #E11D00;
 	}
 	.mid .video-thumb-tray .browse .svg polygon {
	 	fill: #fff;
 	}
 	#tray > a {
	 	display: inline-block;
 	}
 	#tray > a:hover .svg path {
	 	fill: #E11D00;
 	}
 	#tray .svg {
	 	height: 16px;
	 	width: 54px;
 	}

/*
 * Company Code
 */
	.frame.company-code {
		background-color: #F7F6F1;
		padding: 15px;
		box-sizing: border-box;
		height: auto !important;
	}
	.company-code #logo-lg {
        top: calc(100vh - 155px);
        bottom: auto;
        z-index: 300;
	}
	.menu-open.company-code #logo-lg path {
        fill: #222 !important;
	}
	.company-code .frame #breadcrumb {
        color: #F7F6F1;
        font-size: 16px;
        z-index: 300;
	}
	.company-code .section {
    	position: relative;
    	color: #F7F6F1;
    	max-height: calc(100vh - 30px);
    	overflow: hidden;
    	min-height: 500px;
	}
	.company-code .section .box {
    	position: relative;
	}
	.company-code .box > .wp-post-image {
        height: auto;
        width: 100%;
        display: block;
	}
	.company-code .section .meta {
    	position: absolute;
    	bottom: 40px;
    	left: 70px;
    	z-index: 20;
	}
	.company-code .section .title {
		font-family: 'National-Semibold';
		font-size: 20px;
	}
	.company-code .section .title span {
    	display: block;
	}
	.company-code .section .title .line-1 {
		font-size: 34px;
		margin-bottom: 3px;
	}
	.company-code .section .prompt {
    	margin-top: 7px;
    	position: absolute;
	}
	.company-code .top-border,
	.company-code .bottom-border {
    	height: 15px;
		background-color: #F7F6F1;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	.company-code .bottom-border {
    	top: auto;
    	bottom: 0;
	}
	.company-code .arrow-down {
    	position: absolute;
    	bottom: 20px;
    	left: 50%;
        margin-left: -29px;
    	cursor: pointer;
    	width: 18px;
    	height: 25.357px;
    	padding: 20px;
        animation: bounce 1.5s ease-in-out infinite;
	}
	.company-code #content {
    	padding: 0;
	}

	/* Points */
	.company-code .point {
    	position: absolute;
    	cursor: pointer;
	}
	.company-code .point path {
    	transform-origin: center center;
    	transform: scale(1.8);
	}
	.company-code .point circle {
    	transform-origin: center center;
        animation-name: pulse;
        animation-duration: 2s;
        animation-iteration-count: infinite;
	}
	.company-code .block {
        padding: 8px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
	    font-family: 'National-Medium', Arial, sans-serif;
	    font-size: 14px;
	    background-color: #F7F6F1;
	    text-align: center;
        display: none;
        color: #000000;
	}
	.company-code .block img {
    	display: block;
	}
	.company-code .block .point-title {
    	padding: 8px 10px 0 10px;
	}

    @keyframes pulse {
        0% {
            opacity: 1;
        	transform: scale(1);
        	stroke-width: 0.5;
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        	transform: scale(5);
        	stroke-width: 0.1;
        }
    }
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-5px);
        }
        60% {
            transform: translateY(5px);
        }
    }

    /* Floating Logo and hamburger */
	.company-code .three-bar .bar {
    	background-color: #F7F6F1;
	}
	.company-code .logo.centerfloat {
    	right: 15px;
	}
	.company-code .logo.centerfloat path {
    	fill: #F7F6F1;
	}

	/* Point Detail panel */
	body.point-open {
    	overflow: hidden;
	}
	.point-panel {
    	position: fixed;
    	top: 0;
    	left: 0;
    	max-width: 460px;
    	height: 100%;
    	background-color: rgba(0, 0, 0, 0.8);
    	color: #FFFFFF;
    	padding: 35px;
    	z-index: 200;
    	transform: translateX(-100%);
		transition: transform 1s;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
	}
	.point-panel .close {
    	position: absolute;
    	top: 20px;
    	left: 20px;
    	padding: 20px;
    	cursor: pointer;
	}
	.point-panel .title {
    	font-size: 24px;
	    font-family: 'National-Medium', Arial, sans-serif;
	}
	.point-panel .entry {
		font-family: 'National-Book';
		font-size: 16px;
		line-height: 1.5;
	}
	.point-panel .entry small {
    	font-size: 12px;
	}
	.point-panel .entry a {
    	color: #ffffff;
	}
	.point-panel .entry a:hover {
    	color: #E11D00;
	}
	.point-panel .entry .website .svg {
    	height: 9px;
    	width: 12.678px;
    	display: inline-block;
    	vertical-align: middle;
    	margin-left: 5px;
    	position: relative;
    	top: -1px;
	}
	.point-panel .entry polygon {
    	fill: #ffffff;
	}
	.point-panel .entry a:hover polygon {
    	fill: #E11D00;
	}
	.point-image {
    	position: fixed;
    	top: 0;
    	left: 0;
    	height: 100%;
    	width: 100%;
    	z-index: 100;
    	transform: translateX(-100%);
		transition: transform 1s;
		background-color: #000000;
		cursor: pointer;
	}
	.point-image img {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
	}
	.point-open .point-panel,
	.point-open .point-image {
    	transform: translateX(0);
	}


/*
 * Category Page
 */
 	#content.category {
	 	padding-bottom: 0;
	 	position: relative;
 	}
 	.category .grid {
	 	padding-top: 25px;
 	}
 	.category .social > span {
		display: inline-block;
		line-height: 30px;
		vertical-align: top;
		margin-right: 15px;
 	}
 	.category .social .social-block {
		display: inline-block;
		margin-right: 5px;
 	}
 	.category .social-block:hover .svg path {
	 	fill: #E11D00;
 	}
 	.category .description {
		font-size: 38px;
		width: 35%;
		font-family: 'National-Semibold';
		margin: 15px 0;
 	}
 	.category .description p {
	 	margin: 0;
 	}

/*
 * Single Post
 */
 	#content.single-post {
	 	padding-top: 0;
	 	max-width: 1000px;
 	}
 	#content.single-post .entry img {
	 	width: 100%;
	 	height: auto;
 	}
 	.single-post {
	 	background-color: #000;
 	}
 	.single-post .logo .svg path,
 	.split-in-view .logo .svg path {
	 	fill: #F7F6F1;
 	}
 	.single-post .centerfloat .three-bar .bar,
 	.split-in-view .centerfloat .three-bar .bar {
	 	background-color: #F7F6F1;
 	}
 	.single-post .centerfloat:hover .three-bar .bar {
	 	background-color: #E11D00;
 	}
 	.single-post .entry,
 	.single-post .post,
 	.page-split .entry,
 	.page-split .post {
	 	display: block;
	 	color: #F7F6F1;
	 	font-size: 16px;
	 	font-family: 'National-Book';
	 	text-align: justify;
	 	line-height: 1.2em;
 	}
 	.single-post .entry img,
/*
 	.page-split .entry img {
	 	max-width: 100%;
	 	height: auto;
 	}
*/
 	.single-post h2,
 	.page-split h2 {
	 	font-size: 38px;
 	}
 	.single-post h3,
 	.page-split h3 {
	 	font-size: 24px;
 	}
 	.single-post .gallery .browse,
 	.page-split .gallery .browse {
	 	margin-top: -20px;
 	}
 	.single-post .gallery .browse .svg polygon,
 	.page-split .gallery .browse .svg polygon {
	 	fill: #fff;
 	}
 	.single-post .gallery .browse:hover .svg polygon,
 	.page-split .gallery .browse:hover .svg polygon {
	 	fill: #E11D00;
 	}
 	.post .post-edit-link {
	 	color: #fff;
 	}
 	.single .close {
	 	display: block;
	 	padding: 30px;
	 	padding-top: 60px;
	 	width: 16px;
	 	margin: auto;
 	}
 	.single .close .svg {
	 	height: 16px;
	 	width: 16px;
 	}
 	.single .close .svg polygon {
	 	fill: #E11D00;
 	}

/*
 * Contact
 */
 	#content.contact {
	 	padding-top: 0;
	 	padding-bottom: 0;
	 	text-align: center;
 	}
 	.frame .social {
	 	position: absolute;
	 	bottom: 50px;
	 	left: 50px;
	 	color: #F7F6F1;
 	}
 	.frame .social span {
 		letter-spacing: 2px;
	 	display: inline-block;
	 	line-height: 30px;
	 	text-transform: uppercase;
	 	margin-bottom: 0;
	 	margin-right: 10px;
 	}
 	.frame .social .social-block {
	 	display: inline-block;
	 	vertical-align: top;
	 	margin-left: 3px;
 	}
 	.frame .social .social-block path {
	 	fill: #F7F6F1;
 	}
 	.contact .frame .social-block:hover path {
	 	fill: #E11D00;
 	}
 	.contact #breadcrumb {
	 	font-size: 16px;
 	}
 	.contact .frame .center {
		font-size: 68px;
 	}
 	.frame .center a {
	 	color: #F7F6F1;
 	}
 	.frame .center {
		display: table;
		color: #F7F6F1;
		max-width: 80%;
		max-height: 90%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		font-size: 58px;
		font-family: 'National-Semibold';
 	}
 	.contact .lock-bottom {
		margin: auto;
		max-width: 50%;
 	}
 	.contact #map {
	 	height: 450px;
	 	background-color: #e1e1e1;
 	}
 	.contact .address {
	 	padding: 50px 0;
	 	font-size: 38px;
		font-family: 'National-Medium';
		max-width: 1600px;
		margin: auto;
		padding: 50px 100px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		text-align: center;
		padding-bottom: 40px;
 	}
 	.contact .address .funkhaus {
 		display: inline-block;
	 	margin-top: 30px;
 	}
 	.contact .privacy-policy {
     	font-size: 16px;
     	position: relative;
     	bottom: 2px;
 	}
 	.contact .address .funkhaus:hover .svg path {
	 	fill: #E11D00;
 	}
 	.contact .centerfloat {
	 	display: none;
 	}

 	#emails {
	 	padding: 80px 0;
	 	overflow: hidden;
	 	text-align: left;
	 	display: inline-block;
 	}
 	#emails .left-col,
 	#emails .right-col {
	 	float: left;
 	}
 	.left-col {
	 	padding-right: 50px;
 	}
 	.right-col {
	 	padding-left: 50px;
 	}
 	#emails .email {
	 	white-space: nowrap;
	 	font-size: 32px;
	 	padding-bottom: 35px;
	 	text-align: left;
 	}
 	.email a {
	 	font-size: 38px;
 	}
 	.email .svg {
	 	width: 55px;
	 	height: 35px;
		padding-right: 10px;
		vertical-align: sub;
 	}
 	.email a:hover .svg path {
	 	fill: #E11D00;
 	}
 	#emails .email a > span:first-of-type {
		font-size: 38px;
		line-height: 35px;
		vertical-align: top;
		margin-left: 15px;
 	}

    .contact .newsletter {
        text-align: center;
        overflow: hidden;
        min-height: 245px;
        background: #222;
        width: 100%;
    }
    .newsletter h3 {
        margin-top: 42px;
        font-size: 38px;
        color: #f7f6f1;
    }
    .newsletter .message {
        font-size: 18px;
        color: #f7f6f1;
    }
    .newsletter .message.success {
        margin-top: 100px;
        font-size: 54px;
    }
    .newsletter form {
        max-width: 900px;
        margin: 30px auto 0;
        overflow: hidden;
    }
    .newsletter input:focus {
        outline: none;
    }
    .newsletter input {
        font-family: 'National-Semibold';
        box-sizing: border-box;
        border: none;
        float: left;
        padding: 21px;
        font-size: 32px;
        line-height: 1em;
    }
    .newsletter input[type="email"]{
        min-width: 650px;
    }
    .newsletter input[type="submit"]{
        cursor: pointer;
        background: #d7392d;
        color: #f7f6f1;
    }
    .newsletter input[type="submit"]:hover {

    }

	::-webkit-input-placeholder {
        font-family: 'National-Semibold';
	}
	:-moz-placeholder { /* Firefox 18- */
        font-family: 'National-Semibold';
	}
	::-moz-placeholder {  /* Firefox 19+ */
        font-family: 'National-Semibold';
	}
	:-ms-input-placeholder {
        font-family: 'National-Semibold';
	}

/*
 * Internal
 */
    .internal .pages {
        list-style-type: none;
        padding: 0;
        text-transform: uppercase;
        font-size: 19px;
        font-weight: 500;
    }
    .internal .pages li {
        display: inline;
        margin-right: 20px;
    }
    .internal .hero {
        color: #ffffff;
        position: relative;
        margin-bottom: 70px;
    }
    .internal .hero .image {
        height: 0;
        padding-bottom: 56.25%;
        background-size: cover;
        background-position: center;
    }
    .internal .hero h2 {
        position: absolute;
        bottom: 45px;
        left: 45px;
        font-size: 48px;
    }
    .internal .hero h2 .line-2 {
        font-size: 16px;
        display: block;
    }
    .internal .entry {
        font-size: 16px;
        max-width: 850px;
        margin: auto;
        line-height: 1.4;
    }
    .internal .entry h3 {
        text-transform: uppercase;
        font-size: 24px;
        text-align: center;
    }
    .internal .entry em,
    .internal .entry a,
    .internal .current_page_item a {
        color: #e11d00;
        font-style: normal;
    }
    .internal .entry a {
        text-decoration: underline;
    }
    .internal .entry ol,
    .interntal .entry ul {
        padding: 0;
    }
    .internal .entry ol li {
        margin-bottom: 20px;
    }


/*
 * Footer
 */
 	#footer {
 		max-width: 1600px;
 		min-width: 1200px;
 		margin: auto;
 		position: relative;
	 	height: 130px;
	 	margin-top: -130px;
	 	clear: both;
	 	padding: 0 50px;
	 	-webkit-box-sizing: border-box;
	 	-moz-box-sizing: border-box;
	 	box-sizing: border-box;
 	}
 	#footer.home .email strong {
	 	margin-bottom: 3px;
 	}
 	#footer.home strong {
 		font-weight: normal;
	 	display: block;
	 	font-family: 'National-Extrabold';
	 	margin-bottom: 15px;
 	}
 	#footer .email span {
	 	vertical-align: top;
 	}
 	#footer.production {
	 	height: 145px;
	 	margin-top: -145px;
	 	padding: 0 100px;
 	}
 	#footer .email {
	 	display: block;
	 	margin-bottom: 15px;
	 	line-height: 1.2;
 	}
 	.home #footer .email .svg {
	 	margin-top: 3px;
	 	margin-right: 5px;
	 	margin-bottom: 20px;
 	}
 	#footer .email .svg {
	 	float: left;
	 	margin-right: 20px;
	 	width: 34px;
	 	height: 21px;
	 	margin-top: 5px;
 	}
 	#footer .email:hover .svg path {
	 	fill: #E11D00;
 	}
 	#footer .coordinates {
	 	display: inline-block;
 	}
 	#footer .coordinates .svg {
	 	height: 19px;
	 	width: 12px;
	 	margin-right: 10px;
 	}
 	#footer .coordinates > span {
	 	line-height: 19px;
	 	vertical-align: top;
 	}
 	#footer .coordinates:hover path {
	 	fill: #E11D00;
 	}
 	#footer .inner {
	 	border-top: 4px solid #212121;
	 	position: relative;
 	}
 	#footer.home .left {
	 	float: left;
	 	width: 95%;
	 	position: relative;
 	}
 	#footer .socials {
	 	float: right;
	 	width: 5%;
	}
	#footer .socials .social-block {
		margin-left: 0;
		margin-bottom: 13px;
	}
 	.socials .social-block:hover path {
	 	fill: #E11D00;
 	}
 	.socials .social-block {
	 	margin-left: 5px;
	 	display: inline-block;
 	}
 	#footer.home .left,
 	#footer .socials {
	 	padding: 30px 0;
	 	color: #000;
	 	text-transform: uppercase;
 	}
 	#footer.home .left > div {
	 	float: left;
	 	width: 25%;
	 	padding-right: 20px;
	 	box-sizing: border-box;
 	}
 	.social {
	 	display: inline-block;
	 	text-align: center;
 	}
 	#footer .social:hover .svg path {
	 	fill: #E11D00;
 	}
 	.social .svg,
 	.socials .svg {
	 	height: 30px;
	 	width: 30px;
 	}
 	.social span {
	 	text-transform: uppercase;
	 	margin-bottom: 10px;
	 	display: block;
 	}
 	#footer.about {
	 	height: 70px;
	 	margin-top: -80px;
	 	text-align: center;
 	}

 	#footer.share > a {
	 	display: inline-block;
		position: absolute;
		bottom: 40px;
 	}
 	#footer.share .svg.icon-share {
	 	height: 30px;
	 	width: 30px;
 	}
 	#footer.share {
	 	text-align: center;
 	}
 	#footer.share > a span {
		line-height: 30px;
		color: #fff;
		text-transform: uppercase;
		display: inline-block;
		vertical-align: top;
		padding-right: 10px;
 	}

 	#foot-nav {
		overflow: hidden;
		padding-top: 25px;
 	}
 	#foot-nav .image-wrap {
 		position: relative;
	 	display: inline-block;
 	}
 	#foot-nav .image-wrap .overlay {
	 	position: absolute;
	 	top: 0;
	 	right: 0;
	 	bottom: 0;
	 	left: 0;
	 	border: 4px solid transparent;
	}
	#foot-nav .left:hover .overlay,
	#foot-nav .right:hover .overlay {
		border-color: #E11D00;
	}
 	#foot-nav .left {
 		display: block;
 		float: left;
 	}
 	#foot-nav .right {
 		display: block;
	 	float: right;
 	}
 	#foot-nav .meta {
		display: inline-block;
		vertical-align: top;
		padding: 0 15px;
		padding-top: 15px;
 	}
 	#foot-nav .meta h3 {
 		font-size: 18px;
	 	margin-bottom: 10px;
 	}
 	#foot-nav .right .meta {
	 	text-align: right;
 	}
 	#footer .meta span {
	 	display: block;
	 	text-transform: uppercase;
	 	margin: 4px 0;
 	}
 	#footer .meta span strong {
	 	font-family: 'National-Bold';
	 	text-transform: none;
	 	margin-left: 4px;
 	}

/*
 * Links
 */
	a {
	    color: #000;
	    text-decoration: none;
	    outline: none;
	}
	a:hover {
		color: #E11D00;
	}
	a img {
	   border: none;
	}

/*
 * Tools
 */
    #tagline {
        display: none;
    }



/*
 * Animations
 */
    /* Color */
    a {
		transition: color 0.2s;
    }

    /* Opacity */
    .browse,
 	.takeover .slide .titles,
 	.representation-tag {
		transition: opacity 0.2s;
    }

    /* Everything */
    svg polygon,
    svg path,
 	.main-menu li {
		transition: 0.2s;
    }

    .nudge-left .hover > div > img,
    .nudge-right .hover > div > img
/*
 	.floatnav .logo,
 	.floatnav .hamburger.centerfloat,
*/		 {
	    -webkit-transition: 0.6s;
	    -moz-transition: 0.6s;
	    -ms-transition: 0.6s;
	    -o-transition: 0.6s;
	    transition: 0.6s;
    }

	.bar,
	.frame,
 	.animated {
	    -webkit-transition: 0.4s;
	    -moz-transition: 0.4s;
	    -ms-transition: 0.4s;
	    -o-transition: 0.4s;
	    transition: 0.4s;
    }
    .frame {
	    -webkit-transition: background-color 0.4s;
	    -moz-transition: background-color 0.4s;
	    -ms-transition: background-color 0.4s;
	    -o-transition: background-color 0.4s;
	    transition: background-color 0.4s;
    }
    .hover > div {
	    -webkit-transition-property: margin-left, background-color;
	    -moz-transition-property: margin-left, background-color;
	    -ms-transition-property: margin-left, background-color;
	    -o-transition-property: margin-left, background-color;
	    transition-property: margin-left, background-color;
	    -webkit-transition-duration: 0.2s, 0.4s;
	    -moz-transition-duration: 0.2s, 0.4s;
	    -ms-transition-duration: 0.2s, 0.4s;
	    -o-transition-duration: 0.2s, 0.4s;
	    transition-duration: 0.2s, 0.4s;
    }

    .hover > div > img,
    .items,
    .hamburger,
    .slideshow,
    #logo-lg,
    .border,
	#foot-nav .overlay,
    .post .entry,
    #more-posts a{
	    -webkit-transition: 0.2s;
	    -moz-transition: 0.2s;
	    -ms-transition: 0.2s;
	    -o-transition: 0.2s;
	    transition: 0.2s;
    }

	.slideshow .titles {
		-webkit-transition: margin-left 0.2s, opacity 0.1s;
		-moz-transition: margin-left 0.2s, opacity 0.1s;
		-ms-transition: margin-left 0.2s, opacity 0.1s;
		-o-transition: margin-left 0.2s, opacity 0.1s;
		transition: margin-left 0.2s, opacity 0.1s;
	}

	.items .slide,
	.hamburger.centerfloat {
		-webkit-transition: 0;
		-moz-transition: 0;
		-ms-transition: 0;
		-o-transition: 0;
		transition: 0;
	}


/*
 * 404 Error
 */
    .error-404 {
        text-align: center;
        font-size: 32px;
    }

/*
 * Mobile tweaks
 */
 	.is-mobile .three-bar {
	 	width: 40px;
	 	height: 30px;
 	}
 	.is-mobile .three-bar .bar {
	 	height: 6px;
 	}
 	.is-mobile.menu-open .bar-2 {
	 	top: 7px;
 	}
 	.is-mobile .bar-2 {
	 	top: 12px;
 	}
 	.is-mobile.menu-open ul#main-menu {
	 	width: 500px;
 	}
 	.is-mobile #header {
	 	width: 500px;
	 	margin-left: -500px;
 	}
 	.is-mobile .main-menu li a {
	 	font-size: 40px;
	 	padding: 19px 50px;
 	}


/*
 	.is-mobile #video-thumb-tray-wrapper {
	 	bottom: -122px;
 	}
*/
 	.is-mobile #tray-tab {
	 	width: 90px;
 	}
 	.is-mobile .svg.more-videos {
	 	width: 82px;
	 	height: 24px;
 	}
 	.is-mobile .svg.hide-videos {
	 	height: 28px;
	 	width: 28px;
 	}
 	.is-mobile .media-detail .title a {
	 	font-size: 22px;
 	}
 	.is-mobile #video-thumb-tray-wrapper.mid {
	 	bottom: 0;
 	}


/*
 * Wordpress Required
 */
	.alignleft {
	    display: inline;
	    float: left;
	}
	.aligncenter {
	    clear: both;
	    display: block;
	    margin: 0 auto 10px auto;
	}
	.alignright {
	    display: inline;
	    float: right;
	}
	img.alignleft {
	    margin: 0 10px 10px 0;
	}
	img.alignright {
	    margin: 0 0 10px 10px;
	}
	img.aligncenter {
	    margin: 0 auto 10px auto;
	}

	.wp-caption {
	    background: #f1f1f1;
	    color: #888;
	    text-align: center;
	    margin-bottom: 15px;
	    width: auto !important;
	    -moz-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	.wp-caption img {
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text {
	    margin: 0 0 5px;
	    padding: 4px;
	    font-style: italic;
	}