/*
Theme Name: Elastic Pictures 2018
Theme URI: http://elasticpictures.com
Description: A theme for WordPress.
Author: Rick baker
Author URI: http://rickanddrew.com
Version: 1.0

Fonts:
    font-family: 'Circular', Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-weight: 500;

Colors:
    Black: 				#333333;
    Red:				#ef606e;
    Backgorund Grey: 	#f7f7f7;

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

/*
 * Fonts
 */
	@import url('fonts/fonts.css');


/*
 * Globals
 */
    body {
	 	background-color: #f7f7f7;
	    font-family: 'Circular', Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #333333;
        margin: 0;
        padding: 0;
		-webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
    }
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
    }
    ::selection {
        color: #f7f7f7;
        background: #ef606e;
    }
    ::-moz-selection {
        color: #f7f7f7;
        background: #ef606e;
    }


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


/*
 * Z-Indexes
 */
    .work-overlay {
	    z-index: 100;
    }
    .browse {
        z-index: 200;
    }
    .overlay-gallery {
        z-index: 300;
    }
    header {
        z-index: 400;
    }
    .loading-screen {
        z-index: 500;
    }


/*
 * Page Structure
 */
    #container {

    }
    #container > header {
	    position: fixed;
	    width: 100%;
	    max-width: calc(1700px + 130px + 130px);
	    left: 0;
	    right: 0;
	    margin: 0 auto;
    }
    main {

    }
    #container > footer {

    }


/*
 * Utilities
 */
    /* Loading Screen */
    .loading-screen {
        position: fixed;
        top: 0;
        bottom: auto;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #eaeaea;
        overflow: hidden;
    }
    .loading-screen .box {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url('images/entry-loop.gif');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 60px;
    }
/*
    .loading-screen.logo-1 .box {
        background-image: url('images/epLoader5.gif');

    }
    .loading-screen.logo-2 .box {
        background-image: url('images/epLoader4.gif');
    }
    .loading-screen.logo-3 .box {
        background-image: url('images/logo-red.svg');
    }
*/
    .exit-transition .loading-screen,
    .exit-transition .loading-screen .box {
        top: auto;
        bottom: 0;
    }
    .exit-transition .loading-screen .box {
		background-image: url('images/exit-frame.gif');
    }

    /* Overlay */
    .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
    }

    #tagline {
	    display: none;
    }

    .fullscreen {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }


/*
 * Menus
 */

 	.menu-button {
	 	position: absolute;
	 	padding: 25px;
	 	top: calc(72px - 25px);
	 	right: calc(160px - 25px);
	 	cursor: pointer;
	 	z-index: 10;
 	}
    .menu-button > div {
	    width: 30px;
	    height: 2px;
	    background-color: #333333;
        transform-origin: center center;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    .menu-button .line-1 {
        margin-bottom: 8px;
    }
    .menu-button .line-3 {
        opacity: 0;
        position: relative;
		top: -2px;
    }
    .menu-button .line-4 {
        margin-top: 6px;
    }
    .not-mobile .menu-button:hover > div {
	 	background-color: #ef606e;
 	}
 	.close {
	 	position: absolute;
	 	display: inline-block;
	 	top: 78px;
	 	right: 160px;
	 	text-align: right;
 	}
 	.close > span {
	 	padding: 25px 0;
 	}
 	.close .svg {
	 	margin-left: 8px;
	 	display: inline-block;
	 	position: relative;
	 	top: 3px;
 	}
 	.close::after {
        position: absolute;
        border-radius: 1px;
        background-color: #ef606e;
        content: '';
        height: 2px;
        bottom: -3px;
        width: 0;
        left: 0;
    }
 	.not-mobile .close:hover::after {
	 	width: 100%;
 	}

 	/* Scrolled Down */
 	.scrolled-down #logo,
 	.scrolled-down .menu-button,
 	.scrolled-down .close {
	 	opacity: 0;
	 	visibility: hidden;
 	}
 	.home.scrolled-down .menu-button > div {
	 	background-color: #ffffff;
 	}
 	.home.scrolled-down.not-mobile .menu-button:hover > div {
	 	background-color: #ef606e;
 	}


 	/* Small Header */
 	.small-header #logo {
	 	top: 30px;
 	}
 	.small-header #logo .svg {
	 	height: 50px;
	 	width: 113px;
 	}
 	.small-header .menu-button {
	 	top: calc(39px - 25px);
 	}
 	.small-header .close {
	 	top: 47px;
 	}

 	/* Menu Overlay */
 	#menu-overlay {
	 	position: fixed;
	 	padding: 130px 160px 0 160px;
	 	box-sizing: border-box;
	 	background-color: #ffffff;
	 	height: 90vh;
	 	width: 100%;
	 	top: -90vh;
	 	left: 0;
 	}
 	.menu-wrapper {
	 	max-width: 1640px;
	 	margin-right: auto;
	 	margin-left: auto;

	 	width: 100%;
	 	height: 100%;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
 	}
 	#menu-overlay nav {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
 	}
 	.main-menu {
	 	line-height: 1.5;
	 	margin: 0;
	 	padding: 0;
	 	font-weight: 400;
	 	display: inline-block;
 	}
	.main-menu:hover > .current_page_item a {
		color: #333333;
	}
	.main-menu:hover > .current_page_item a::after {
		width: 0;
	}
 	.menu li {
	 	font-size: 44px;
	 	list-style: none;
	 	margin: 0;
	 	padding: 0;
 	}
 	.main-menu a {
     	padding: 0;
     	position: relative;
 	}
 	.main-menu a::after {
        position: absolute;
        border-radius: 1px;
        background-color: #ef606e;
        content: '';
        height: 4px;
        bottom: -3px;
        width: 0;
        left: 0;
    }
 	.current_page_item a,
 	.current-menu-item a,
    .not-mobile .main-menu a:hover {
	 	color: #ef606e;
 	}
    .not-mobile .main-menu a:hover::after,
 	.current_page_item a::after,
 	.current-menu-item a::after {
        width: 100%;
    }

 	/* Menu opened */
 	.menu-opened #menu-overlay {
	 	top: 0;
 	}
 	.menu-opened #logo path {
	 	fill: #ef606e !important;
 	}
 	.menu-opened .menu-button > div {
	 	background-color: #ef606e !important;
 	}
 	.menu-opened .menu-button:hover > div {
	 	background-color: #ef606e;
 	}
    .menu-opened .menu-button .line-1 {
        transform: scale(0);
        opacity: 0;
    }
    .menu-opened .menu-button .line-2 {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu-opened .menu-button .line-3 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1;
    }
    .menu-opened .menu-button .line-4 {
        transform: scale(0);
        opacity: 0;
    }



/*
 * Header
 */

 	#logo {
        position: absolute;
        top: 52px;
        left: 160px;
        z-index: 10;
 	}
 	#logo:hover path {
	 	fill: #ef606e;
 	}
 	.past-first-title #logo {
     	opacity: 0;
 	}

/*
 * Home Grid
 */
 	.home #container > header {
		max-width: 100%;
 	}
 	.home #logo {
	 	left: 130px;
 	}
 	.home .menu-wrapper {
	 	max-width: 100%;
	}
	.home #menu-overlay {
	 	padding: 130px 130px 0 130px;
	}
 	.home .menu-button {
	 	right: calc(130px - 25px);
 	}
 	.home .grid-block:nth-child(even) {
	 	background-color: #e8e8e8;
 	}
 
/*
 * Work Grid
 */
 	.grid {
	 	font-size: 0;
 	}
 	main.work-grid {
	 	padding-top: 165px;
 	}
 	.work-grid .grid-block {
	 	display: inline-block;
	 	width: 50%;
	 	padding-bottom: 16.07%;
 	}
 	.work-grid .grid-block .title {
	 	left: 40px;
	 	bottom: 20px;
	 	line-height: 1.4;
 	}
 	.work-grid .grid-block .title .line-1 {
	 	font-size: 20px;
 	}
 	.work-grid .grid-block .title .line-2 {
	 	font-size: 24px;
 	}
 	.work-grid .grid-block .project-link {
	 	right: 40px;
	 	bottom: 20px;
 	} 	
 	.work-grid .grid-block:nth-child(4n-1),
 	.work-grid .grid-block:nth-child(4n-2) {
	 	background-color: #e8e8e8;
 	}
 	
/*
 * Grid Block
 */
 	.grid-block {
	 	display: block;
	 	position: relative;
	 	width: 100%;
	 	height: 0;
	 	padding-bottom: 32.14%;
	 	overflow: hidden;
	 	background-color: #f7f7f7;
	 	z-index: 0;
	 	cursor: pointer;
		transform: translateY(100px);
 	}
 	.grid-block:first-of-type {
		transform: none;
 	}
 	.grid-block .client-logo {
	 	position: absolute;
	 	top: 50%;
	 	left: 50%;
	 	transform: translate(-50%, -50%);
 	}
 	.grid-block .attachment-work-thumb {
	 	position: absolute ;
	 	top: 0;
	 	left: 0;
	 	height: 100%;
	 	width: 100%;
	 	object-fit: cover;
	 	z-index: 100;
 	}
 	.grid-block video {
	 	position: absolute;
	 	top: 0;
	 	left: 0;
	 	height: 100%;
	 	width: 100%;
	 	object-fit: cover;
	 	z-index: 0;
 	}
 	.grid-block .title {
	 	position: absolute;
	 	left: 130px;
	 	bottom: 40px;
        line-height: 1.2;
        color: #333333;
        z-index: 200;
 	}
 	.grid-block .title .line-1 {
	 	font-size: 24px;
	 	display: block;
 	}
 	.grid-block .title .line-2 {
	 	font-size: 32px;
 	}
 	.grid-block .project-link {
	 	position: absolute;
	 	right: 130px;
	 	bottom: 40px;
        line-height: 1.2;
        color: #333333;
	 	opacity: 0;
	 	font-size: 24px;
        z-index: 200;
	}
 	.grid-block .project-link polygon {
     	fill: #333333;
 	}
    .not-mobile .grid-block.has-video:hover .attachment-work-thumb {
	    opacity: 0;
    }
    .not-mobile .grid-block:hover .project-link {
	    opacity: 1;
    }

    /* Color scheme */
    .grid-block.light-scheme .title,
    .grid-block.light-scheme .project-link {
        color: #ffffff;
    }
    .grid-block.light-scheme .project-link polygon {
        fill: #ffffff;
    }

    /* In-view styles */
    .culture-section.in-view,
	.grid-block.in-view {
		transform: translateY(0);
	}
    .grid-block .client-logo {
        opacity: 0;
        transition: opacity 0.4s;
    }
    .grid-block.in-view .client-logo {
        opacity: 1;
        transition-property: opacity;
        transition-duration: 0.6s;
        transition-delay: 0.5s;
    }
    .culture-section.fade-up,
    .grid-block .fade-up {
        opacity: 0;
        transition-property: opacity;
        transition-duration: 0.6s;
        transition-delay: 2s;
    }
    .culture-section.in-view.fade-up,
    .grid-block.in-view .fade-up {
     	opacity: 1;
 	}



 /*
 * Work Detail
 */

 	main.work-detail {
	 	padding: 110px 130px 90px 130px;
	 	margin: 0 auto;
	 	max-width: 1700px;
 	}
 	.work-detail .video {
	 	text-align: center;
 	}
 	.work-detail .title {
	 	text-align: center;
	 	font-size: 24px;
	 	margin-top: 35px;
	 	margin-bottom: 60px;
 	}
 	.work-detail .entry {
	 	font-size: 20px;
	 	margin-right: -5px;
	 	margin-left: -5px;
	 	line-height: 1.4;
	 	font-size: 0;
	 	letter-spacing: 0;
 	}
 	.work-detail .entry h2 {
	 	font-size: 38px;
	 	text-align: center;
	 	margin-top: 0.8em;
	 	margin-bottom: 0.8em;
 	}
 	.work-detail .entry h3 {
	 	font-size: 24px;
	 	text-align: center;
	 	margin-top: 0.8em;
	 	margin-bottom: 0.8em;
	 	transform: translateY(100px);
	 	opacity: 0;
	 	text-transform: uppercase;
 	}
 	.work-detail .entry h3.in-view {
	 	transform: translateY(0);
	 	opacity: 1;
 	}
 	.work-detail .entry p {
	 	text-align: center;
	 	max-width: 640px;
	 	color: #777777;
	 	margin: 1.5em auto;
	 	padding: 0 5px;
	 	transform: translateY(100px);
	 	opacity: 0;
	 	font-size: 20px;
 	}
 	.work-detail .entry p:first-of-type {
	 	transform: none;
	 	opacity: 1;
 	}
 	.work-detail .entry p.in-view {
	 	transform: translateY(0);
	 	opacity: 1;
 	}
 	.work-detail .entry img {
	 	font-size: 0;
	 	letter-spacing: 0;
	 	transform: translateY(100px);
	 	opacity: 0;
	 	display: inline;
 	}
 	.work-detail .entry img.in-view {
	 	transform: translateY(0);
	 	opacity: 1;
 	}
 	.work-detail .entry a {
	 	display: inline-block;
	 	border-bottom: 2px solid #777777;
 	}
 	.work-detail .entry a:hover {
	 	color: #ef606e;
	 	border-bottom: 2px solid #ef606e;
 	}
 	.work-detail .entry .embed-wrapper {
		position: relative;
	 	width: calc(100% - 10px);
		height: 0;
		padding-bottom: 56.25%;
	 	transform: translateY(100px);
	 	opacity: 0;
 	}
 	.work-detail .entry .embed-wrapper.in-view {
	 	transform: translateY(0);
	 	opacity: 1;
 	}
 	.work-detail .entry .embed-wrapper > iframe {
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
	 	margin: 40px 5px;
 	}
 	.work-detail .entry .fluid-width-video-wrapper {
	 	margin: 40px 5px;
	 	width: calc(100% - 10px);
	 	transform: translateY(100px);
	 	opacity: 0;
 	}
 	.work-detail .entry .fluid-width-video-wrapper.in-view {
	 	transform: translateY(0);
	 	opacity: 1;
 	}
 	img.size-thumbnail {
	 	width: calc(33.33% - 10px);
	 	height: auto;
	 	margin: 0 5px 10px 5px;
 	}
 	img.size-medium {
	 	width: calc(50% - 10px);
	 	height: auto;
	 	margin: 0 5px 10px 5px;
 	}
 	img.size-large {
	 	width: calc(100% - 10px);
	 	height: auto;
	 	margin: 0 5px 10px 5px;
 	}
 	.back-to-top {
	 	display: block;
	 	margin: 75px auto 0 auto;
	 	text-align: center;
	 	width: 120px;
	 	padding-bottom: 6px;
	 	cursor: pointer;
	 	position: relative;
 	}
 	.back-to-top .svg {
	 	margin-left: 8px;
	 	position: relative;
	 	top: 6px;
 	}
 	.back-to-top::after {
        position: absolute;
        border-radius: 1px;
        background-color: #ef606e;
        content: '';
        height: 2px;
        bottom: -3px;
        width: 0;
        left: 0;
    }
 	.not-mobile .back-to-top:hover::after {
	 	width: 100%;
 	}
 	.work-overlay {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(247, 247, 247, 0.9);
        display: none;
 	}

 	/* Light Scheme */
 	.light-scheme #logo path,
 	.light-scheme .close polygon,
 	.light-scheme .browse polygon,
 	.light-scheme .back-to-top polygon {
	 	fill: #ffffff;
 	}
 	.light-scheme .close,
 	.light-scheme .work-detail .title,
 	.light-scheme .work-detail .entry,
 	.light-scheme .work-detail .entry p,
 	.light-scheme .back-to-top,
 	.light-scheme .reel-detail .title {
	 	color: #ffffff;
 	}
 	.light-scheme .menu-button > div {
	 	background-color: #ffffff;
 	}

 	/* Browse */
 	.browse-hovered #logo path {
 		fill: #ef606e;
 	}
 	.browse {
	 	position: fixed;
	 	top: 50%;
	 	transform: translateY(-50%);
 	}
 	.browse .svg {
	 	padding: 15px;
 	}
 	.browse.prev {
	 	left: 0;
 	}
 	.browse.next {
	 	right: 0;
 	}
 	.browse .thumbnail {
	 	position: absolute;
	 	width: 400px;
	 	height: 128px;
	 	top: 50%;
	 	transform: translateY(-50%);
	 	left: 33px;
	 	opacity: 0;
	 	visibility: hidden;
	 	background-color: #eaeaea;
 	}
 	.browse:hover .thumbnail {
	 	opacity: 1;
	 	visibility: visible;
 	}
 	.browse video {
	 	position: absolute;
	 	width: 100%;
	 	height: 100%;
	 	object-fit: cover;
	 	z-index: 0;
 	}
 	.browse.next .thumbnail {
	 	left: auto;
	 	right: 33px;
 	}
 	.browse .title {
	 	position: absolute;
	 	right: 20px;
	 	left: 20px;
	 	bottom: 13px;
	 	text-align: left;
        line-height: 1.2;
        color: #ffffff;
        margin: 0;
        z-index: 200;
 	}
 	.browse.prev .title {
	 	text-align: right;
 	}
 	.browse .title .line-1 {
	 	font-size: 18px;
	 	display: block;
 	}
 	.browse .title .line-2 {
	 	font-size: 22px;
 	}

/*
 * Reel Detail
 */

 	.reel-detail #container > header {
		max-width: 100%;
 	}
	.reel-detail .stage {
	    height: 100vh;
        padding: 110px 130px 0 130px;
	    height: calc(100vh - 110px);
	    position: relative;
	    overflow: visible !important;

        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: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
	}
 	.reel-detail .meta {
	 	padding: 16px 30px 30px 30px;
 	}
 	.reel-detail .title {
	 	text-align: left;
	 	font-size: 18px;
        line-height: 1.5;
        color: #333333;
 	}
 	.reel-detail .title .line-2 {
		display: block;
	 	font-size: 24px;
 	}


/*
 * Culture
 */

 	main.culture {
	 	padding: 180px 160px 90px 160px;
	 	margin: 0 auto;
	 	max-width: 960px;
 	}
 	.culture > .entry {
	 	text-align: center;
	 	max-width: 640px;
	 	margin: 0 auto;
 	}
 	.culture-section {
	    display: flex;
	    flex-direction: row;
	    margin: 30px 0;
		transform: translateY(100px);
 	}
 	.culture-section > div {
	    flex: 1 1 auto;
		align-self: center;
	    width: 50%;
	    margin: 0 auto;
 	}
 	.culture-image {
	 	padding-right: 10px;
 	}
 	.culture-image img {
	 	width: 100%;
	 	height: 100%;
	 	object-fit: contain;
	 	object-posititon: center;
 	}
 	.culture-section:nth-child(odd) > .culture-image {
	 	order: 1;
	 	padding-right: 0;
	 	padding-left: 10px;
 	}
 	.culture-section .entry {
	 	padding-left: 10px;
	 	max-width: 640px;
 	}
 	.culture-section:nth-child(odd) .entry {
	 	padding-left: 0;
	 	padding-right: 10px;
 	}
 	.culture h1 {
	 	font-size: 58px;
	 	margin: 30px 0;
 	}
 	.culture h2 {
	 	font-size: 38px;
	 	margin: 30px 0;
 	}
 	.culture h3 {
	 	font-size: 28px;
	 	margin: 30px 0 15px 0;
 	}
 	.culture-section > .entry a {
     	padding: 0;
     	position: relative;
 	}
 	.culture-section > .entry a::after {
        position: absolute;
        border-radius: 1px;
        background-color: #ef606e;
        content: '';
        height: 4px;
        bottom: -3px;
        width: 0;
        left: 0;
    }
 	.not-mobile .culture-section > .entry a:hover::after {
	 	width: 100%;
 	}


/*
 * Contact
 */

 	.contact #logo path {
	 	fill: #ef606e;
 	}
 	.contact #logo:hover path {
	 	fill: #333333;
 	}
 	main.contact {
	 	padding: 180px 160px 90px 160px;
	 	margin: 0 auto;
	 	max-width: calc(1700px - 30px - 30px);
 	}
 	main.contact > .entry {
	 	max-width: 760px;
	 	font-size: 24px;
 	}
 	main.contact > .entry h2 {
	 	font-size: 42px;
	 	margin-bottom: 80px;
 	}
 	
 	/* Contact Page Gallery Thumbnails */
 	.gallery-thumbnails {
 		font-size: 0;
 		display: block;
 		margin-top: 50px;
 	}	
 	
 	.gallery-block {
 		width: calc(100% / 5);
 		height: auto;
	 	display: inline-block;
	 	vertical-align: top;
	 	position: relative;
	 	cursor: pointer;
 	}
 	.gallery-block .thumbnail {
     	width: 100%;
     	height: 0;
     	padding-bottom: 56.25%;
     	position: relative;
 	}
 	.gallery-block .thumbnail > img {
     	position: absolute;
     	top: 0;
     	left: 0;
	 	width: 100%;
	 	height: auto;
 	}
 	.gallery-block .overlay {
	 	opacity: 0;
	 	background-color: rgba(239,96,110,0.6)
 	}
 	.gallery-block .overlay .svg {
	 	position: absolute;
	 	top: 50%;
	 	left: 50%;
	 	transform: translate(-50%,-50%);
 	}
 	.not-mobile .gallery-block:hover .overlay {
	 	opacity: 1;
 	}
 	
 	.contact section {
	 	margin-top: 90px;
	 	font-size: 0;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
 	}
 	main.contact .contact-block {
	 	width: 33.33%;
	 	margin-right: 90px;

		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
 	}
 	main.contact .contact-block:last-child {
	 	margin-right: 0;
 	}
 	.contact-block .entry a {
	 	color: #777777;
 	}
 	.contact-block.careers .entry a {
	 	color: #333333;
	 	border-bottom: 2px solid #ef606e;
 	}
 	.contact-block.careers .entry a:hover {
	 	color: #ef606e;
 	}
 	.not-mobile .contact-block.careers .entry a:hover::after {
	 	width: 0;
 	}

 	.contact-block {
	 	display: inline-block;
	 	vertical-align: top;
 	}
 	.contact-block:first-child {
	 	margin-right: 90px;
 	}
 	.contact-block .title {
	 	font-size: 32px;
	 	margin-bottom: 20px;
 	}
 	.contact-block .entry {
	 	color: #777777;
	 	font-size: 20px;
	 	line-height: 1.5;
 	}
 	.contact-block .svg {
	 	padding-right: 5px;
	 	position: relative;
	 	top: 1px;
 	}
 	.contact-block .entry a {
	 	position: relative;
	 	display: inline-block;
 	}
 	.contact-block .entry a::after {
        position: absolute;
        border-radius: 1px;
        background-color: #ef606e;
        content: '';
        height: 2px;
        bottom: -3px;
        width: 0;
        left: 0;
    }
 	.not-mobile .contact-block .entry a:hover::after {
	 	width: 100%;
 	}
 	.contact-block .entry .map {
	 	margin-top: 0.5em;
 	}
 	.contact-block .entry .email {
	 	margin-top: 0.2em;
 	}

 	/* Addresses in menu */
 	.contact-block-wrapper {
	 	text-align: right;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
 	}
 	#menu-overlay .contact-block {
	 	text-align: left;
 	}
 	#menu-overlay .contact-block .title {
 		font-size: 24px;
 	}
 	#menu-overlay .contact-block .entry {
	 	font-size: 16px;
 	}
 	

/*
 * Category
 */

 	main.category {
	 	padding: 165px 125px 90px 125px;
	 	font-size: 0;
	 	letter-spacing: 0;
	 	text-align: center;
	 	max-width: 1710px;
	 	margin: 0 auto;
 	}

/*
 	#sb_instagram #sbi_images .sbi_item {
 		transform: translateY(100px);
	 	background-color: transparent;
	 	transition: all 0.4s;
	 	opacity: 0 !important;
	 	padding: 0 !important;
	 	border: 5px #f7f7f7 solid;
 	}

 	.sbi_photo_wrap {
	 	background-image: url(images/logo-black.svg);
	 	background-position: center center;
	 	background-repeat: no-repeat;
 	}
 	.sbi_photo {
	 	opacity: 0;	 
	 	transition: opacity 0.4s;
	 	transition-delay: 0.8s;	
 	}

 	#sb_instagram #sbi_images .sbi_item .sbi_photo {
	 	height: 0 !important;
	 	padding-bottom: 100%;
 	}

 	.sbi_load_btn {
	 	visibility: hidden;
 	}
 	.not-mobile #sbi_lightbox {
	 	top: 50% !important;
	 	transform: translateY(-50%) !important;
 	}

 	#sb_instagram #sbi_images .sbi_item.in-view {
 		transform: translateY(0);
	 	background-color: #e8e8e8;
	 	opacity: 1 !important;
 	}
 	.in-view .sbi_photo {
	 	opacity: 1;
 	}
*/

 	
/*
 	.post-block:first-child {
 		max-width: 85%;
 	}
 	.post-block:nth-child(even) {
 		max-width: calc(66.66% - 10px);
 	}
 	.post-block:nth-child(4n) {
 		max-width: calc(60% - 10px);
 		display: block;
 		margin-left: auto;
 		margin-right: auto;
 	}
*/
/*
 	.post-block .elastic-logo {
	 	position: absolute;
	 	top: 50%;
	 	left: 50%;
	 	transform: translate(-50%, -50%);
	 	height: 50px;
	 	width: 98px;
	 	z-index: 0;
	 	opacity: 0;
        transition-property: opacity;
        transition-duration: 0.4s;
 	}
*/
/*
 	.post-block .attachment-post-thumbnail {
	 	width: 100%;
	 	height: auto;
	 	position: relative;
	 	z-index: 100;
	 	opacity: 0;
        transition-property: opacity;
        transition-duration: 0.6s;
        transition-delay: 0.6s;
 	}
*/

/*
 	.post-block .content {
	 	position: absolute;
	 	bottom: 20px;
	 	left: 20px;
	 	right: 20px;
	 	color: #ffffff;
	 	text-align: left;
	 	z-index: 200;
	 	opacity: 0;
 	}
 	.not-mobile .post-block:hover .content {
	 	opacity: 1;
 	}
 	.post-block .content .svg {
	 	position: relative;
	 	top: 1px;
 	}
 	.post-block .content .svg polygon {
	 	fill: #ffffff;
 	}
 	.post-block .title {
	 	font-size: 24px;
 	}
 	.post-block .entry {
	 	font-size: 16px;
 	}
 	.post-block .entry p {
	 	margin-bottom: 0;
 	}
 	#infscr-loading,
 	#more-posts {
	 	display: none;
 	}
*/



/*
 * Category Gallery Overlay
 */
 	.overlay-gallery {
	 	position: fixed;
	 	font-size: 0;
	 	top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
	 	background-color: #f7f7f7;
	 	display: none;
 	}
 	.single-post.overlay-gallery {
     	display: block;
 	}
 	.overlay-gallery .slides {
     	position: absolute;
     	top: 20px;
     	left: 20px;
     	right: 20px;
     	bottom: 20px;
     	z-index: 0;
 	}
    .overlay-gallery .slide {
        position: absolute;
	 	top: 0;
	 	left: 0;
	 	height: 100%;
	 	width: 100%;
 	}
    .overlay-gallery .slide > img {
        position: absolute;
	 	top: 0;
	 	left: 0;
	 	height: 100%;
	 	width: 100%;
	 	object-fit: cover;
    }
 	.overlay-gallery .content {
	 	position: absolute;
	 	bottom: 40px;
	 	left: 130px;
	 	right: 130px;
	 	max-width: calc(1700px - 30px - 30px);
	 	margin-right: auto;
	 	margin-left: auto;
	 	color: #ffffff;
	 	text-align: left;
	 	z-index: 200;
 	}
 	.overlay-gallery .title {
	 	font-size: 32px;
 	}
 	.overlay-gallery .title polygon {
     	fill: #ffffff;
 	}
 	.overlay-gallery .entry {
	 	font-size: 22px;
 	}
 	.overlay-gallery .entry p {
	 	margin-bottom: 0;
 	}
 	.overlay-gallery .browse {
     	position: absolute;
     	top: 0;
     	width: 33%;
     	min-width: 100px;
     	height: 100%;
     	transform: none;
     	z-index: 10;
 	}
 	.contact .overlay-gallery .browse {
	 	bottom: 90px;
	 	height: auto;
 	}
 	.overlay-gallery .browse.prev {
        left: 0;
        cursor: url('images/arrow-left-large.svg'), w-resize;
 	}
 	.overlay-gallery .browse.next {
        right: 0;
        cursor: url('images/arrow-right-large.svg'), e-resize;
 	}
 	.overlay-gallery .browse.disabled {
     	display: none;
 	}
 	.overlay-gallery .pager {
     	position: absolute;
     	bottom: 50px;
     	left: 20px;
     	right: 20px;
     	max-width: 1640px;
     	margin-left: auto;
     	margin-right: auto;
     	z-index: 20;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
 	}
 	.overlay-gallery .pager-item {
     	background-color: #ef606e;
	 	background-clip: content-box;
     	width: 100%;
     	height: 3px;
     	padding: 20px 0;
     	cursor: pointer;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
 	}
 	.pager-item.active ~ .pager-item {
     	background-color: #ffffff;
 	}
 	.overlay-gallery .pager-item:hover {
     	background-color: #ef606e !important;
    }
 	.overlay-gallery .pager-item.active {
     	background-color: #ef606e;
 	}

 	/* Gallery Opened styles */
 	.overlay-gallery-opened #logo,
 	.overlay-gallery-opened .menu-button,
 	.overlay-gallery-opened.scrolled-down .menu-button {
	 	opacity: 1;
	 	visibility: visible;
 	}
 	.overlay-gallery-opened #logo path {
	 	fill: #ffffff;
 	}
 	.overlay-gallery-opened .menu-button > div {
	 	background-color: #ffffff;
 	}
 	.overlay-gallery-opened .menu-button:hover > div {
	 	background-color: #ef606e;
 	}
 	.overlay-gallery-opened .menu-button .line-1 {
        transform: scale(0);
        opacity: 0;
    }
 	.overlay-gallery-opened .menu-button .line-2 {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
 	.overlay-gallery-opened .menu-button .line-3 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1;
    }
 	.overlay-gallery-opened .menu-button .line-4 {
        transform: scale(0);
        opacity: 0;
    }

 	/* Overides */
 	.category .overlay-gallery .pager {
     	display: none;
 	}
 	.category .overlay-gallery .slide > img {
	 	object-fit: contain;
 	}
 	.category .overlay-gallery {
	 	background-color: #333333;
 	}



/*
 * Fallback Page
 */


/*
 * Footer
 */



/*
 * Animations
 */

       /* Bounce Animation */
    .bounce {
        animation: bounce 1.5s ease-in-out infinite;
    }
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateX(-5px);
        }
        60% {
            transform: translateX(5px);
        }
    }
    @-webkit-keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translatex(0);
        }
        40% {
            transform: translatex(-5px);
        }
        60% {
            transform: translatex(5px);
        }
    }


	/* Posistion */
    #menu-overlay {
	    transition: top 0.4s;
    }

    /* Color */
    a {
        transition: color 0.4s;
    }

    /* Opacity */
    .grid-block .attachment-work-thumb,
    .project-link,
    .post-block .content,
    .gallery-block .overlay,
    .browse {
        transition: opacity 0.4s;
    }

    /* Width */
	.main-menu a::after,
	.close::after,
	.back-to-top::after,
	.culture-section > .entry a::after,
	.contact-block .entry a::after {
        -webkit-transition: width 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: width 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    /* Padding */
	main {
        transition: padding 0.4s;
	}

    /* Everything */
    #logo,
    #logo .svg,
    .menu-button,
    .close,
    .browse .thumbnail,
    .main-menu a,
    .pager-item,
    .pager-item.active,
    svg polygon,
    svg path {
        transition: 0.4s;
    }
    .grid-block,
    .post-block,
    .post-block .fade-up,
    .culture-section.fade-up,
    .work-detail .entry .fluid-width-video-wrapper,
 	.work-detail .entry p,
 	.work-detail .embed-wrapper,
 	.work-detail .entry h3,
 	.work-detail .entry img {
        transition: 1s ease-in-out;
 	}



/*
 * Wordpress Required
 */
	.alignleft {
	    display: inline;
	    float: none;
	}
	.aligncenter {
	    clear: both;
	    display: block;
	    margin: 0 auto 10px auto;
	}
	.alignright {
	    display: inline;
	    float: none;
	}
	img.alignleft {
	    margin: 0 5px 10px 5px;
	}
	img.alignright {
	    margin: 0 5px 10px 5px;
	}
	img.aligncenter {
	    margin: 0 auto 10px auto;
	}
	.wp-caption {
	    background: #f1f1f1;
	    color: #666666;
	    text-align: left;
	    margin-bottom: 10px;
	    width: auto !important;
	    -moz-border-radius: 0;
	    border-radius: 0;
	    font-size: 14px;
	}
	.wp-caption img {
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text {
	    margin: 0 0 5px;
	    padding: 4px;
	    font-style: italic;
	}