/*
Theme Name: Matter
Author: the OurPlace & LeCollective
Author URI: https://lecollective.co.uk/
Description: Theme for Matter by OurPlace Studio, developed by LeCollective
Version: 1.1.1
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}
@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('fonts/HelveticaNeueLTPro-Roman.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTPro-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Portrait Text Web';
    src: url('fonts/PortraitTextWeb-Regular.woff2') format('woff2'),
        url('fonts/PortraitTextWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
a, a:visited, a:active {
	text-decoration: none;
	color: #000;
	outline: 0;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.ui-state-focus, .ui-accordion-header, .ui-accordion-header a { outline: none; }
html, body {
	width:100%;
	height:100%;
}
body {
    font-family: 'Helvetica Neue LT Pro';
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
	letter-spacing: 0.03em;
	font-variant-numeric: lining-nums;
}
.embed, .embed iframe {
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
body.noscroll {
	overflow-y: hidden;
}
.port, h1,h2,h4,h5,h6, .active, .ui-state-active, .showAbt:hover, .ui-accordion-header:hover {
	font-family: 'Portrait Text Web';
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
/* Main / Home */
.ease {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.fease {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.qease {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.opease {
	transition: opacity 1000ms cubic-bezier(.23, 1, .32, 1) 550ms;
	-o-transition: opacity 1000ms cubic-bezier(.23, 1, .32, 1) 550ms;
	-ms-transition: opacity 1000ms cubic-bezier(.23, 1, .32, 1) 550ms;
	-moz-transition: opacity 1000ms cubic-bezier(.23, 1, .32, 1) 550ms;
	-webkit-transition: opacity 1000ms cubic-bezier(.23, 1, .32, 1) 550ms;
}
.mob {
	display:none;
}
#header {
	z-index: 999999;
	padding: 20px ;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(50,50,50,0.2);
	-moz-box-shadow: 0px 4px 8px 0px rgba(50,50,50,0.2);
	box-shadow: 0px 4px 8px 0px rgba(50,50,50,0.2);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: calc(100% - 40px);
	background: #ffffff;
}
.single-work #header, .single-post #header {
}
#headover {
	position: absolute;
	background: #fff;
	top: 0;
	right: 0;
	left: 0;
    bottom: 0;
	width: 100%;
	padding: 30px 20px;
	opacity: 0;
}
#content {
	opacity: 0;
}
#content.showme {
	opacity: 1;
}
#follow, #subscribe {
	display: inline-block;
}
#subscribe {
	position: fixed;
    right: 20px;
    top: 30px;
}
#header:hover #headover {
	opacity: 1;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
#landscape {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgb(46, 236, 190);
    margin: auto;
    text-align: center;
    padding: 10px;
    color: #00292c;
    font-size: 14vh;
    z-index: 999999;
}
.menu-main-container, #socials, #sub {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: inline-block;
	width: 60%;
	text-align: center;
	top: 50%;
	z-index: 9;
	transform: translateY(-50%);
}
#share_txt {
	text-align: center;
}

#socials, #sub {
	display: none;
}
.menu li, #socials li, #share li {
	display: inline-block;
	margin-right: 0.3em;
}
.menu li, #socials li {
	padding-top: 0.5em;
}
.menu li:last-of-type, #socials li:last-of-type, #share li:last-of-type {
	margin-right: 0;
}
.menu li a, #socials li a, #share li a {
	text-decoration: none;
	color: #000;
}
.menu li a:hover, #socials li a:hover, #share_links li a:hover {
	font-family: 'Portrait Text Web';
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.menu li:after, #socials li:after, #share li:after {
	content: ",";
}
.menu li:last-of-type:after, #socials li:last-of-type:after, #share li a:last-of-type a:after {
	content: "";
}
#sub {
    padding-top: 0.5em;
}
#sub input {
    border: 0;
    width: 100%;
    height: 1em;
    text-align: center;
	outline:0;
	font-family: 'Helvetica Neue LT Pro';
	padding-bottom: 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
	font-family: 'Helvetica Neue LT Pro';
}
::-moz-placeholder { /* Firefox 19+ */
	color: #000;
	font-family: 'Helvetica Neue LT Pro';
	}
:-ms-input-placeholder { /* IE 10+ */
	color: #000;
	font-family: 'Helvetica Neue LT Pro';
}
:-moz-placeholder { /* Firefox 18- */
	color: #000;
	font-family: 'Helvetica Neue LT Pro';
}
#logo {
	margin: auto;
	width: 10%;
}
#logo svg {
	width: 100%;
	height: auto;
}
.block {
	display: inline-block;
	width: 50%;
	padding: 2em;
	height: 100%;
	position: relative;
}
.block.image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.StudioBG, #right.StudioBG, #right.StudioBG #accordion {
	background: #74e7c1;
}
.filter a[data-id="2"]:hover, .tset:hover {
  color: #74e7c1;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.ConsultancyBG, #right.ConsultancyBG, #right.ConsultancyBG #accordion {
	background: #f5c0b0;
}
.filter a[data-id="3"]:hover {
  color: #f5c0b0;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.SchoolBG, #right.SchoolBG, #right.SchoolBG #accordion {
	background: #65d8f9;
}
.filter a[data-id="4"]:hover {
  color: #65d8f9;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.work-item {
	cursor: pointer;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.work-items, .filter {
	opacity: 1;
}
body.noscroll .work-items, body.noscroll .filter {
	opacity: 0;
}
.work-item .content {
	float: left;
}
#content {
	font-size: 0;
}
.tset {
	cursor: pointer;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.overlay {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.work-item:hover .overlay {
	opacity: 1;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.initials {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.client {
	position: absolute;
	top: 2em;
	left: 0;
	right: 0;
	width: 100%;
}
.title {
	position: absolute;
	bottom: 2em;
	left: 0;
	right: 0;
	width: 100%;
}
.work-item:nth-child(odd) .content {
	float: right;
}
.filter {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 17px 0 7px 0;
	z-index: 999;
}
#news-foot {
    padding: 17px 0 7px 0;
	position: relative;
}
.filter:before, #news-foot:before {
	content: "";
	width: calc(100% - 80px);
	border-top: 2px solid #000;
	position: absolute;
	top: 0;
	left: 40px;
	right: 40px;
}
.filter a:after, #share_links li:after {
	content: ",";
}
.filter a:hover {
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.filter a:last-of-type:after, #share_links li:last-of-type:after {
	content: "";
}
#share_links {
	position: absolute;
	top: 17px;
	left: 0;
	right: 0;
	display: none;
	text-align:center;
}
.cats {
	position: absolute;
	top: 17px;
	left: 0;
	right: 0;
	display: none;
}
#share_links li {
	display: inline-block;
}
.filter-txt, #share_txt  {
	opacity: 1;
}
.filter-txt.hide, #share_txt.hide {
	opacity: 0;
}
#project-container, #news-container {
	opacity: 0;
	pointer-events: none;
	position: fixed;
}
#project-container.showme, #news-container.showme, #news_slide_cont {
	z-index: 99999;
	background: #fff;
	opacity: 1;
	height: 100%;
	width: 100%;
	pointer-events: all;
}
#news_slide_cont {
	position: absolute;
	background: none;
	overflow: hidden;
}
#news-container.showme {
	overflow-y: auto;
}
#close {
	position: absolute;
	bottom: auto;
	left: 40px;
	z-index: 999;
	cursor: pointer;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
#news-container #close, #news-container #next {
	position: absolute;
	left: auto;
	right: auto;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
}
#news-container #next {
	right: 40px;
}
#news-container #close {
	left: 40px;
}
#news-container #close:hover, #news-container #next:hover a {
	color: #fff;
}
#pro-foot #next:hover a, #pro-foot #close:hover {
	color: #74e7c1;
}
#next {
	position: absolute;
	bottom: auto;
	right: 40px;
	z-index: 999;
	cursor: pointer;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
#pro-foot #next, #pro-foot #close {
	top: 50%;
	transform: translateY(-50%);
}
#project-title {
	display: inline-block;
	margin: auto;
	left: 0;
	right: 0;
	width: 100%;
}
#slideshow, #news_slideshow  {
	padding: 0;
	overflow: hidden;
}
#slideshow, .owl-carousel .owl-stage-outer, .owl-stage, .owl-item, .slide, #news_slideshow  {
	height: 100%;
	width: auto;
	text-align: center;
}
#slideshow .slide, #news_slideshow .slide {
	text-align: center;
	height: calc(100% - 80px);
	padding: 40px 0;
}
#news_slideshow .slide {
	height: calc(100% - 160px);
	padding: 80px 0;
}
#slideshow .slide {
    height: calc(100% - 160px);
    padding: 80px 0;
	/*position: relative;*/
}
#slideshow .slide.item-video, #news_slideshow .slide.item-video{
	padding: 0;
}
#slideshow img, #news_slideshow img {
	height: 100%;
	width: auto;
	margin: auto;
}
#slideshow .slide img, #news_slideshow .slide img {
	max-height: 100%;
	width: auto;
	margin: auto;
	height: auto;
	left: 0;
	right: 0;
}
#news_slideshow .slide img {
    max-height: calc(100% - 160px);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
#slideshow .slide .multi img, #news_slideshow .slide .multi img {
	height: 100%;
	width: auto;
	margin: auto;
	
	max-height: 100%;
    max-width: none;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
}
#pro-foot {
	position: fixed;
	width:100%;
	bottom: 0;
	text-align: center;
	padding: 17px 0 7px 0;
}
.copySlide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	width: 60%;
	max-width: 800px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: 'Helvetica Neue LT Pro';
}
.owl-carousel .animated{
}
.owl-nav {
	height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
     text-align: initial;
	pointer-events: none;
}
.owl-prev, .owl-next {
	width: 19%;
	pointer-events: all;
	text-indent: -99999px;
	display: inline-block;
	height: 100%;
}
.owl-carousel .owl-nav .owl-next {
	position: absolute;
	right: 0;
	cursor: url(img/ico/OP_Matter_Cursor_Next-Large.png), auto;
}
.owl-carousel .owl-nav .owl-prev {
	cursor: url(img/ico/OP_Matter_Cursor_Prev-Large.png), auto;
}
.error {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: auto;
	left: 0;
	right: 0;
}
#primary.errorp {
	font-size: 4vw;
	padding: 40px;
	text-align: center;
}
#primary.errorp h1{
	font-size: 37vw;
}
.cme {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.sec {
	font-size: 5vw;
	font-family: 'Helvetica Neue LT Pro';
}
.multi {
	height: 100%;
}
#slideshow.owl-carousel .owl-item .multi img, #news_slideshow.owl-carousel .owl-item .multi img {
	display: inline-block;
	margin: 0 1em;
}
.news-items {

}
.news-item {
	cursor: pointer;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
	width: 33.33%;
	opacity: 0;

}
.news-item.showme {
	opacity: 1;
}
/*#grid[data-columns]::before {
	content: '3 .column.size-1of3';
}
.column { float: left; }
.size-1of3 { width: 33.333%; }*/
.head-image {
	font-size: 0;
}
.head-image img {
	width: 100%;
	height: auto;
}
.info {
	padding: 20px 5% 10px 5%;
	text-align: center;
	background-color: rgba(255,255,255,1);
}
.news-item:hover .info {
	background-color: rgba(255,255,255,0);
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
/*.embed { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
}*/
.embed iframe,
.embed object,
.embed embed { 
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    border: 0;
    margin: auto;
    right: 0;
    max-height: 100%;
	width: 50%;
}

.spec {
    padding-bottom: 0.2em;
}
#left, #right {
	display: inline-block;
	width: calc(50% - 80px);
	padding: 40px 40px 0 40px;
	vertical-align: top;
	height: calc(100% - 40px);
	overflow-y: auto;
	position: relative;
}
#right {
	background: #74e7c1;
}
#left {
	padding-top: 0;
    height: 100%;
}

#abt_nav {
	border-bottom: 2px solid #000;
    margin-bottom: 20px;
    padding-bottom: 0.3em;
    position: fixed;
    width: calc(50% - 80px);
    background: #fff;
	padding-top: 40px;
    z-index: 9;
}
#abt_content p {
	margin-bottom: 20px;
}
.contents-list li {
	margin-bottom: 20px;
	border-bottom: 2px solid #000;
}
.contents-list li div {
	padding: 20px 0 20px 0;
}
.contents-list li h3, .ui-state-active, .ui-accordion-header.ui-state-active:hover {
	padding-bottom: 0.3em;
}
.ui-accordion-header:hover {
	padding-bottom: 0.385em;
}
#accordion {
	position: absolute;
	width: calc(100% - 80px);
	z-index: 9;
}
.targetAbt {
	position: absolute;
	width: calc(100% - 80px);
}
.targetAbt h6 {
	padding-bottom: 0.1em;
}
.showAbt {
	cursor: pointer;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.targetAbt {
	display: none;
}
#copyright {
	position: fixed;
    bottom: 7px;
    left: 0;
    right: 50%;
    text-align: center;
}
#credit {
	position: fixed;
    bottom: 7px;
    left: 50%;
    right: 0;
    text-align: center;
    z-index: 9;
}

#content-block {
	padding-top: 80px;
}
#content-block .left, #content-block .right {
	width: 40%;
	display: inline-block;
	vertical-align: middle;
	padding: 0 10% 0 0;
	margin-bottom: 80px;
}
#content-block .left {
	text-align: center;
	padding: 0 5%;
}
#content-block .right p {
	margin-bottom: 20px;
}

#news-title {
	padding-top: 5px;
}

.caption {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	padding-bottom: 20px;
}
#news_slideshow.owl-carousel .owl-stage-outer, #news_slideshow .slide, #news_slideshow.owl-carousel .owl-item, #news_slideshow.owl-carousel .owl-stage, #news_slideshow.owl-stage-outer, #news_slideshow .owl-stage, #news_slideshow {
	overflow: visible;
}
.targetAbt h3 {
	display: none;
}
.con-copy ul li {
	width: 59%;
	display: block;
	margin-bottom: 20px;
}
.specs {
	margin-bottom: 0.5em;
}


/* type sizes */
body {
	font-size: 16px;
}
#close, #next, .title, .client, .copySlide, #slideshow, .tset, #news_slideshow, #content-block, .caption, .specs {
	font-size: 1.5vw;
}
.filter, #project-title, .menu li a, #socials li a, .about, #share_txt, #share li a, .menu li:after, #socials li:after, #share li:after, #share, #share_links li {
	font-size: 2.7vw;
	line-height: 3vw;
}
.work-title, #news-title, #project-title {
	font-size: 2.7vw;
    font-family: 'Helvetica Neue LT Pro';
}
.menu li a:hover, #socials li a:hover, #share_links li a:hover, .about .active, .showAbt:hover, .ui-state-active, #sub input, .ui-accordion-header:hover {
	font-size: 2.9vw;
	line-height: 2.7vw;
	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.ui-accordion-header:hover, .ui-state-active {
/*	line-height: 3vw;*/

	cursor: url(img/ico/OP_Matter_Cursor_Default-Large.png), auto;
}
.initials {
	font-size: 16vw;
	padding-top: 0.2em;
}
.copySlide, #content-block .right p {
	font-size: 1.2vw;
	line-height: 1.6vw;
}
#credit a, #abt4 a {
	text-decoration: none;
}
#content-block .right p a, .copySlide a, .targetAbt a, #credit a:hover, #abt4 a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 768px) {
	#header {
		padding: 15px 20px;
		z-index: 9999999999;
		width: calc(100% - 40px);
	}
	body.noscroll, html.noscroll {
		overflow: hidden;
		position: relative;
	}
	#content-block .left {
		text-align: center;
		padding: 0 10%;
	}
	#logo {
		width: 30%;
	}
	.block.image, .filter, .owl-nav, #next, #headover, #subscribe, #follow, #next, #news-container #next, #share_links, #abt_nav, #credit, #copyright, #abt_content .matter {
		display: none;
	}
	#news-container #close, #project-container #close {
		position: absolute;
		right: 20px;
		text-indent: -9999px;
		background-image: url(img/ico/arrowleft_sm.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		z-index: 999999;
		top: 20px;
		transform: none;
		display: block;
		left: auto;
	}
	#close {
		top: 0;
	}
	#news-container.showme, #left, #right {
		-webkit-overflow-scrolling: touch;
	    overflow-x: hidden;
	}
	#project-container #close {
		position: fixed;
		bottom: auto;
		left: auto;
	}
	.work-item:nth-child(odd) .content, .work-item .content {
		display: block;
		float: none;
		width: calc(100% - 40px);
	}
	.block {
		padding: 20px;
	}
	.overlay {
		opacity: 1;
	}
	.work-info {
		background: #fff;
		position: relative;
		width: calc(100% - 40px);
		padding: 20px;
		bottom: 0;
		text-align: center;
	}
	
	.client, .title {
		position: relative;
		top: auto;
		bottom: auto;
	}
	#slideshow .slide img {
		max-height: 40%;
	    max-height: none;
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	#news_slideshow .slide img {
		/*max-height: calc(100% - 65px);
		width: auto;
		height: auto;
		position: absolute;
		top: 0;
		transform: none;*/
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		max-width: calc(100% - 40px);
		max-height:100%;
		height: auto;
		width:auto;
		padding: 0 20px;
	}
	#slideshow .slide img {
		padding: 0 20px;
		/*width: calc(100% - 40px);
    	height: 100%;*/
		max-width: calc(100% - 40px);
		max-height:100%;
		height: auto;
		width:auto;
	}
	#slideshow .slide, #news_slideshow .slide, #slideshow, #news_slideshow {
		padding: 0;
	}

	#slideshow .slide {
		height: 100%;
	}
	#news_slideshow {
		padding-top: 0 !important;
	}
	#news_slideshow.owl-carousel .owl-stage-outer, #news_slideshow.owl-carousel .owl-item {
		overflow: hidden;
	}
	#slideshow .slide .multi img, #news_slideshow .slide .multi img {
		height: auto;
		width: calc(40% - 0.5em);
		top: 50%;
		transform: translateY(-50%);
	}
	#content-block .left {
		position: absolute;
		top: 40px;
	}
	#content-block .left, #content-block .right {
		width: calc(100% - 40px);
		display: block;
		vertical-align: top;
		padding: 0 20px;
	}
	
	#news-foot {
		border-top: 0;
		margin: 20px;
		padding-top: 20px;
    	position: inherit;
	}
	.copySlide {
		width: 90%;
	}
	.news-items {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.news-item {
		width: 100%;
		display: block;
	}
	.caption {
/*		bottom: 15%;    
		top: 74%;*/
	}
	#content-block {
    	padding: 20px 0;
	}
	#headover {
		opacity: 1;
		position: fixed;
		padding: 20px;
		width: calc(100% - 40px);
	}
	.menu li {
		display: block;
		padding: 0.5em 0;
	}
	.menu li a:after, #socials li a:after, #share li a:after, .menu li:after, #socials li:after, #share li:after {
		content: "";
	}
	#share:hover #share_txt, #share_links  {
		opacity: 1;
	}
	#share {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	#left, #right {
		display: block;
		width: calc(100% - 40px);
		padding: 20px;
		height: 50%;
		overflow-y: auto;
	}
	#right {
		position: fixed;
		bottom: 0;
		height: auto;
	}
	.targetAbt {
		position: relative;
		width: 100%;
	}
	.contents-list li h3 {
		text-align: center;
		line-height: 6.5vw;
		padding-bottom: 10px;
	}
	#accordion {
		width: 100%;
		position: relative;
		bottom: 0;
	}
	.contents-list li:last-child {
		margin-bottom: 0px;
	}
	.targetAbt {
		display: block;
		margin-bottom: 20px;
	}
	#abt_content {
		padding-bottom: 50%;
	}
	.info {
    	padding: 15px 5% 5px 5%;
	}
	.targetAbt h3 {
		display: block;
		border-bottom: 2px solid #000;
		text-align: center;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	#abt_content ul {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
	#abt_content ul li {
		vertical-align: top;
		break-inside: avoid;
		margin-left: 1em;
		text-indent: -1em;
	}
	#abt_content .abt-copy ul li {
		margin-left: 0;
		text-indent: 0;
		display: inline-block;
	}
	
	#abt_content .con-copy ul li {
		width: 100%;
		margin-bottom: 0px;
		margin-left: 0em;
		text-indent: 0em;
	}
	#project-container #pro-foot {
		z-index: 9;
	}
	.single-work #content, .page-template-work.noscroll #content {
		padding-top: 0 !important;
	}
	/*body.noscroll #header {
		-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0);
		-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0);
		box-shadow: 0px 4px 8px 0px rgba(0,0,0,0);
	}*/
	
	/* type sizes */
	body, #content {
		font-size: 16px;
	}
	#content-block .right p, .copySlide, .targetAbt {
		letter-spacing: 0.03em;
		font-size: 15px;
		line-height: 18px;
	}
	.title h2 {
		font-family: 'Helvetica Neue LT Pro';
	}
	#close, #next, #slideshow, .tset, #news_slideshow{
		font-size: 3.3vw;
		line-height: 4.3vw;
	}
	.client {
		padding-bottom: 5px;
	}
	#share_txt, #share li a, #share li a:hover, #share li a:focus, .contents-list li h3, .ui-state-active, .ui-accordion-header:focus, .ui-accordion-header:hover, #share_links li  {
		font-size: 6vw;
		padding-bottom: 5px;
	}
	#share_txt, #share li a, #share li a:hover, #share_links li {
		line-height: 7vw;
		padding-bottom: 0;
	}
	
	.contents-list li h3, .ui-state-active, .ui-accordion-header:focus, .ui-accordion-header:hover {
		font-size: 7vw;
	}
	.ui-accordion-header:focus {
		font-size: 8vw;
	}
	.ui-accordion-header:hover, .ui-state-active {
		line-height: 7vw;
	}
	.about, .specs, .caption, .client {
		font-size: 4vw;
		line-height: 5.5vw;
	}
	.embed iframe, .embed object, .embed embed {
	    width: 90%;
	}
	.specs, .caption {
		line-height: 1;
		max-width: 80%;
		margin: auto;
	}
	.work-title, #news-title, #project-title, .title, .targetAbt h3 {
		font-size: 7vw;
     	line-height: 9vw;
		font-family: 'Helvetica Neue LT Pro';
	}
	.menu li a, .menu li a:hover, .menu li a:focus {
		font-size: 15vw;
		line-height: 15vw;
	}
	#socials li a:hover, .about .active, .showAbt:hover, #sub input {
		font-size: 2.7vw;
		line-height: 2.7vw;
	}
	
	.initials {
		font-size: 35vw;
		height: 1em;
		padding-top: 0.2em;
	}
	#news_slide_cont {
		position: relative;
		height: auto;
	}
	#news_slideshow .slide {
		height: 100%;
	}
	#copyright, #credit {
		display: inline-block;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		width: 50%;
		text-align: left;
		padding-top: 1em;
	}
	#share_links {
		position: relative;
		top: 0;
	}
	.filter:before, #news-foot:before {
		border-top: 0;
	}
	#news_slide_cont .left {
		text-align: center;
		padding-top: 30px;
	}
}

@media only screen and (min-width: 2000px) {
	.copySlide, #content-block .right p {
		font-size: 30px;
		line-height: 40px;
	}
	#news-title {
		max-width: 700px;
		margin: auto;
	}
	.work-title, #news-title, #project-title, .filter, .menu li a, #socials li a, .about, #share_txt, #share li a, .menu li:after, #socials li:after, #share li:after, #share { 
		font-size: 54px;
	}
	.menu li a:hover, #socials li a:hover, #share li a:hover, .about .active, .showAbt:hover, .ui-state-active, #sub input, .ui-accordion-header:hover {
		font-size: 56px;
	}
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
	#landscape {
        display: table;
    }
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	#landscape {
        display: table;
    }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
	#landscape {
        display: table;
    }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	#landscape {
        display: table;
    }
}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	#landscape {
        display: table;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    #landscape {
        display: table;
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	
	#landscape {
        display: table;
    }
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
	#landscape {
        display: table;
    }
}

/*Rifke Homepage Animtaion*/
.landing-page__pageHome p {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.landing-page__pageHome #landingPagecontent {
	padding-top: 78px;
}

.landing-page__text {
	font-family: sans-serif;
	font-size: 6vw;
	font-weight: lighter;
	text-align: center;
}

.landing-page__textStuffParagraph {
	font-family: sans-serif;
	font-size: 6vw;
	width: 80%;
	line-height: 1.2em;
	text-align: center;
	margin: 0 auto
}

.landing-page__textStuff {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 998;
	background-color: #fff;
	pointer-events: none;
}

.landing-page__option1 .landing-page__textStuff {
	align-items: unset;
}

.landing-page__option1 .landing-page__textStuffParagraph {
	position: absolute;
top: 50vh;
/*transform: translateY(-50%);*/
font-size: 6vw;
width: 80vw;
line-height: 1.2em;
text-align: center;
margin: 0 auto;
margin-top: 44px;
}

.landing-page__textStuffContainer {
	cursor: none !important;
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
}

.landing-page__option1.landing-page__textStuffContainer {
  position: fixed;
  top: 0;
  left: -500vw;
  height: 100vh;
  width: 1000vw;
  background: rgb(250,16,76);
  z-index: 3;

	display: block !important;
	background-color: #fff;
	transition: background-color 1.2s ease;
}

.landing-page__option1 .landing-page__textStuff {
	-webkit-clip-path: circle(0 at 50% 50%);
	clip-path: circle(0 at 50% 50%);
}

.landing-page__pageHome canvas {
	z-index: 999;
}

.landing-page__marqueeHolder {
	display: none;
	position: fixed;
	transform-origin: 0 0;
	width: 100vw;
	background-color: #fff;
	left: -240px;
	-webkit-box-shadow: 0px 0px 30px -4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 30px -4px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 30px -4px rgba(0,0,0,0.25);
	height: 10vw;
}

.landing-page__marqueeHolderActive {
	display: block;
}

.landing-page__marqueeHolderInner {
	height: 100%;
	pointer-events: none;
	width: 100%;
	position: relative;
}

.landing-page__marqueeText {
	position: absolute;
	white-space: nowrap;
	top: 50%;
	font-family: helvetica, sans-serif;
	font-size: 8vw;
	transform: translateY(-50%);
	font-style: normal;
}

.landing-page__option {
	display: inline-block;
	padding-left: 2em;
	cursor: pointer;
}

#landingPageoption3canvas canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999;
}

#landingPageoption3canvas1 {
	position: absolute;
	width: 100%;
	pointer-events: none;
	filter: saturate(0) blur(6px);
	height: 100%;
	left: 4px;
	top: 8px;
	z-index: 998;
}

#landingPagetextCanvas {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
}

#landingPageoption3canvas canvas,
#landingPageoption3canvas1 {
	display: block;
}

.landing-page__option:nth-of-type(5) {
	padding-right: 2em;
}

#landingPageimage {
	display: none;
	width: 1000px;
	height: auto;
	display: none;
}


#landingPageimg {
	display: block;
	position: fixed;
	left: 0;
	top: 240px;
	width: 100vw;
	height: 100vh;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 0;
	z-index: 999;
}

#landingPagetextInput {
	width: 100%;
	text-align: center;
}