/*

Theme Name: Process

Author: Cubera Solutions AG

Author URI: https://cubera.ch/ 

Description: 

Version: 1.3.3

Text Domain: process

*/
@import url('https://fonts.googleapis.com/css?family=Philosopher:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@font-face {
	font-family: "Maison Neue Bold";
	src: url("fonts/MaisonNeue-Bold.html") format("woff2"),  url("fonts/MaisonNeue-Bold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Maison Neue Book";
	src: url("fonts/MaisonNeue-Book.html") format("woff2"),  url("fonts/MaisonNeue-Book.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*, body, button, input, textarea, select {
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}
html,  body {
	height: 100%;
}
body {
	background: #000;
}
html.hide-overflow,  body.hide-overflow {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}



::-moz-selection {
 background: #666;
 color: #fff;
 text-shadow: none;
}
::selection {
	background: #666;
	color: #fff;
	text-shadow: none;
}
input,  textarea,  button,  select,  a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a {
	position: relative;
	text-decoration: none;
	color: inherit;
}
.col-copy a {
	border-bottom: 1px solid;
	border-color: inherit;
}
.col-copy a[href^="mailto"],  .col-copy a[href^="tel"] {
	border: 0;
}
:focus {
	outline: none;
}
b, strong {
	font-family: "Maison Neue Bold";
	font-weight: normal;
}
html[lang="zh-hant"] b,  html[lang="zh-hant"] strong,  html[lang="zh-hans"] b,  html[lang="zh-hans"] strong {
	font-weight: 700;
}
/*** Typographie ***/

h1, h2, h3, h4 {
	font-family: "Maison Neue Bold";
	font-weight: normal;
}
html[lang="zh-hant"] h1,  html[lang="zh-hant"] h2,  html[lang="zh-hant"] h3,  html[lang="zh-hant"] h4,  html[lang="zh-hans"] h1,  html[lang="zh-hans"] h2,  html[lang="zh-hans"] h3,  html[lang="zh-hans"] h4 {
	font-weight: 700;
}
h1 a,  h2 a {
	font-family: "Maison Neue Bold";
}
html[lang="zh-hant"] h1 a,  html[lang="zh-hant"] h2 a,  html[lang="zh-hans"] h1 a,  html[lang="zh-hans"] h2 a {
	font-weight: 700;
}
h1 {
 font-size: calc(60px + (80 - 60) * (100vw - 1024px) / (2100 - 1024));
	line-height: 1.13;
	margin-bottom: 9%;
}
h1.h1-5 {
 font-size: calc(40px + (60 - 40) * (100vw - 1024px) / (2100 - 1024));
	line-height: 1.03;
	margin-bottom: 9%;
}
.page-header .header-text,  .location-name,  .location-name-chinese {
 font-size: calc(60px + (80 - 60) * (100vw - 1024px) / (2100 - 1024));
}
.page-header .header-text {
 margin-top: calc(-1 * (30px + (40 - 30) * (100vw - 1024px) / (2100 - 1024)));
}
.location-name {
 bottom: calc(180px + (200 - 180) * (100vw - 1024px) / (2100 - 1024));
}
.fp-slide.fs_text .quote {
 margin-top: calc(-0.5 * (80px + (120 - 80) * (100vw - 1024px) / (2100 - 1024)));
 font-size: calc(80px + (120 - 80) * (100vw - 1024px) / (2100 - 1024));
	font-family: "Maison Neue Bold";
	line-height: 1;
}
html[lang="zh-hant"] .fp-slide.fs_text .quote,  html[lang="zh-hans"] .fp-slide.fs_text .quote {
	font-weight: 700;
}
.fp-slide.reference-item.fs_text .quote {
 margin-top: calc(-0.5 * (60px + (80 - 60) * (100vw - 1024px) / (2100 - 1024)));
 font-size: calc(60px + (80 - 60) * (100vw - 1024px) / (2100 - 1024));
}
h2 {
 font-size: calc(32px + (42 - 32) * (100vw - 1024px) / (2100 - 1024));
	line-height: 1.14;
	margin-bottom: 6%;
}
h3 {
 font-size: calc(20px + (32 - 20) * (100vw - 1024px) / (2100 - 1024));
	line-height: 1.13;
	letter-spacing: 1px;
}
p,  .col-copy ul li,  .news-excerpt,  div.wpcf7-response-output {
 font-size: calc(20px + (26 - 20) * (100vw - 1024px) / (2100 - 1024));
	line-height: 1.45;
	letter-spacing: 0.6px;
}
.col-copy ul li {
 padding-bottom: calc(1.45 * (20px + (26 - 20) * (100vw - 1024px) / (2100 - 1024)));
}
p.byline {
	opacity: 0.45;
 font-size: calc(0.75 * (20px + (26 - 20) * (100vw - 1024px) / (2100 - 1024)));
	line-height: 1.33;
	letter-spacing: 1px;
}
.col-copy p {
 margin-bottom: calc(1.45 * (20px + (26 - 20) * (100vw - 1024px) / (2100 - 1024)));
}
.project-lead p,  .page-intro p,  .team-memeber-name {
	font-family: "Maison Neue Bold";
 font-size: calc(20px + (32 - 20) * (100vw - 1024px) / (2100 - 1024));
	line-height: 1.4;
	letter-spacing: 0.4px;
}
html[lang="zh-hant"] .project-lead p,  html[lang="zh-hant"] .page-intro p,  html[lang="zh-hant"] .team-memeber-name,  html[lang="zh-hans"] .project-lead p,  html[lang="zh-hans"] .page-intro p,  html[lang="zh-hans"] .team-memeber-name {
	font-weight: 700;
}
.quote p {
	font-family: "Maison Neue Bold";
 font-size: calc(40px + (50 - 40) * (100vw - 1024px) / (2100 - 1024));
	line-height: 1.1;
}
html[lang="zh-hant"] .quote p,  html[lang="zh-hans"] .quote p {
	font-weight: 700;
}
.news-title,  .impulse-excerpt p {
 font-size: calc(30px + (40 - 30) * (100vw - 1024px) / (2100 - 1024));
	line-height: 1.17;
	letter-spacing: 0.8px;
}
.team-description {
	font-family: "Maison Neue Bold";
 font-size: calc(20px + (35 - 20) * (100vw - 1024px) / (2100 - 1024));
}
html[lang="zh-hant"] .team-description,  html[lang="zh-hans"] .team-description {
	font-weight: 700;
}

@media only screen and (min-width: 1920px) {
h1 {
	font-size: 80px;
}
h1.h1-5 {
	font-size: 60px;
}
.fp-slide.fs_text .quote {
	margin-top: -60px;
	font-size: 120px;
}
.fp-slide.reference-item.fs_text .quote {
	margin-top: -40px;
	font-size: 80px;
}
.page-header .header-text,  .location-name,  .location-name-chinese {
	font-size: 80px;
}
.page-header .header-text {
	margin-top: -40px;
}
.location-name {
	bottom: 200px;
}
h2 {
	font-size: 42px;
}
h3 {
	font-size: 32px;
}
p,  .col-copy ul li,  .news-excerpt,  div.wpcf7-response-output {
	font-size: 26px;
}
.col-copy ul li {
	padding-bottom: 38px;
}
p.byline {
	font-size: 19px;
}
.team-description {
	font-size: 35px;
}
.col-copy p {
	margin-bottom: 38px;
}
.col-copy p:last-child {
	margin-bottom: 0;
}
.project-lead p,  .page-intro p,  .team-memeber-name {
	font-size: 32px;
}
.quote p {
	font-size: 50px;
}
.news-title,  .impulse-excerpt p {
	font-size: 40px;
}
}

@media only screen and (max-width: 414px) {
h1 {
	font-size: 35px;
}
h1.h1-5 {
	font-size: 28px;
}
.fp-slide.fs_text .quote {
	margin-top: -20px;
	font-size: 40px;
}
.fp-slide.reference-item.fs_text .quote {
	margin-top: -22px;
	font-size: 36px;
	padding: 0 10px;
}
.page-header .header-text,  .location-name,  .location-name-chinese {
	font-size: 60px;
}
.single-impulse-entry .page-header .header-text {
	font-size: 50px;
	padding: 0 20px;
}
.page-header .header-text {
	margin-top: -30px;
}
.location-name {
	bottom: 180px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
p,  .col-copy ul li,  .news-excerpt,  div.wpcf7-response-output {
	font-size: 18px;
}
.team-description {
	font-size: 20px;
}
.col-copy ul li {
	padding-bottom: 26px;
}
p.byline {
	font-size: 14px;
}
.col-copy p {
	margin-bottom: 26px;
}
.project-lead p,  .page-intro p,  .team-memeber-name {
	font-size: 18px;
}
.quote p {
	font-size: 26px;
	line-height: 1.25;
}
.news-title,  .impulse-excerpt p {
	font-size: 26px;
}
}

@media only screen and (max-width: 320px) {
.page-header .header-text,  .location-name,  .location-name-chinese {
	font-size: 50px;
}
.page-header .header-text {
	margin-top: -25px;
}
}
.col-full picture {
	display: block;
	text-align: center;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
#mobileDetector,  #landscape,  #portrait {
	display: none;
}

@media (max-width: 736px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) {
#mobileDetector {
	display: block;
}
}

@media only screen and (orientation: landscape) {
#landscape {
	display: block;
}
}

@media only screen and (orientation: portrait) {
#portrait {
	display: block;
}
}
/*** Header ***/

.header-wrapper {
	background: #FFF;
}
header {
	position: fixed;
	width: 100%;
	height: 100px;
	z-index: 98;
	-webkit-transition: height .3s, background .3s, -webkit-transform .3s;
	transition: height .3s, background .3s, transform .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
header.nav-down {
	transform: translateY(0);
}
header.nav-up {
	transform: translateY(-100%);
}
header.hasBG {
	background: #000;
}
.page-template-team header {
	height: 76px;
}
.page-template-team header.hasBG {
	height: 100px;
}
.logo {
	position: absolute;
	z-index: 1;
	width: 168px;
	height: 49px;
	margin: 24px 20px;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#logo-white {
	/*	background-image: url(images/logo.svg);*/

	background-repeat: no-repeat;
}
html[lang="zh-tw"] #logo-white {
	background-image: url(images/PR_Logo_TC_RGB_W.svg);
	background-repeat: no-repeat;
}
#logo-black {
	/*	background-image: url(images/logo-oxy.svg);*/

	background-repeat: no-repeat;
}
html[lang="zh-tw"] #logo-black {
	background-image: url(images/PR_Logo_TC_RGB_K.svg);
	background-repeat: no-repeat;
}
.logo-white #logo-white,  .logo-black #logo-black {
	opacity: 0;
}
.hasBG.logo-black #logo-black {
	opacity: 0;
}
.hasBG.logo-black #logo-white {
	opacity: 1;
}
.home-locations {
	display: none;
	position: absolute;
	left: 33px;
	top: 121px;
}
.fp-viewing-0-0 .home-locations {
	display: block;
}

@media (max-width: 736px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) {
.home-locations,  .fp-viewing-0-0 .home-locations {
	display: none;
}
}
.home-locations a {
	font-family: "Maison Neue Bold";
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.3px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
html[lang="zh-hant"] .home-locations a,  html[lang="zh-hans"] .home-locations a {
	font-weight: 700;
}
.logo-black .home-locations a {
	color: #000;
}
.logo-white .home-locations a {
	color: #FFF;
}
#hamburger,  #close {
	display: block;
	position: fixed;
	top: 10px;
	right: 15px;
	padding: 10px;
	cursor: pointer;
	width: 58px;
	height: 38px;
	z-index: 99999;
}
#close {
	top: calc(5% + 10px);
	right: calc(5% + 15px);
}
#hamburger .lines-button,  #close .lines-button {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	user-select: none;
	opacity: 1;
}
#hamburger .lines,  #close .lines {
	display: inline-block;
	width: 18px;
	height: 0;
	border-radius: 0;
	background: #000;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	position: relative;
}
#hamburger.expanded .lines,  #close.expanded .lines {
	background: transparent;
}
#hamburger .lines:before,  #hamburger .lines:after,  #close .lines:before,  #close .lines:after {
	display: inline-block;
	width: 38px;
	height: 3px;
	background: #000;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	position: absolute;
	left: 0;
	content: '';
	-webkit-transform-origin: 3.14286px center;
	-moz-transform-origin: 3.14286px center;
	-ms-transform-origin: 3.14286px center;
	transform-origin: 3.14286px center;
}
.menu-black #hamburger .lines:before,  .menu-black #hamburger .lines:after,  #close .lines:before,  #close .lines:after {
	background: #000;
}
.hasBG.menu-black #hamburger .lines:before,  .hasBG.menu-black #hamburger .lines:after {
	background: #FFF;
}

@media only screen and (orientation: portrait) {
.menu-portrait-black #hamburger .lines:before,  .menu-portrait-black #hamburger .lines:after {
	background: #000;
}
.hasBG.menu-portrait-black #hamburger .lines:before,  .hasBG.menu-portrait-black #hamburger .lines:after {
	background: #FFF;
}
.menu-portrait-white #hamburger .lines:before,  .menu-portrait-white #hamburger .lines:after {
	background: #FFF;
}
.show-overflow .menu-portrait-black #hamburger .lines:before,  .show-overflow .menu-portrait-black #hamburger .lines:after {
	background: #FFF;
}
.show-overflow .menu-portrait-white #hamburger .lines:before,  .show-overflow .menu-portrait-white #hamburger .lines:after {
	background: #FFF;
}
}
#hamburger .lines:before,  #close .lines:before {
	top: -2px;
}
#hamburger .lines:after,  #close .lines:after {
	top: -11px;
}
#hamburger.expanded .lines:before,  #hamburger.expanded .lines:after {
	background: #000;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: -7px;
	width: 38px;
}
#close.expanded .lines:before,  #close.expanded .lines:after {
	background: #000;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: -7px;
	width: 18px;
}
#hamburger.expanded .lines:before,  #close.expanded .lines:before {
	transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	-ms-transform: rotate3d(0, 0, 1, 45deg);
}
#hamburger.expanded .lines:after,  #close.expanded .lines:after {
	transform: rotate3d(0, 0, 1, -45deg);
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	-ms-transform: rotate3d(0, 0, 1, -45deg);
}

@media (max-width: 736px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) {
header,  .page-template-team header.hasBG {
	height: 55px;
}
.page-template-team header {
	height: 40px;
}
.logo {
	margin: 15px;
	width: 29px;
	height: 25px;
	background-size: 84px 25px;
}
#hamburger {
	top: 0px;
	right: 5px;
	width: 36px;
	height: 36px;
}
#hamburger .lines {
	width: 16px;
}
#hamburger .lines:before,  #hamburger .lines:after {
	width: 16px;
	height: 2px;
}
#hamburger .lines:before {
	top: -3px;
}
}
/*** Navigation ***/

nav {
	position: fixed;
	top: 0;
	width: 25%;
	height: 100%;
	right: -50%;
	background: #fff;
	overflow: hidden;
	-webkit-transition: right 0.3s;
	transition: right 0.3s;
	z-index: 98;
}
.show-menu nav {
	right: 0;
	z-index: 98
}
/*
#hamburger.expanded {
	right: 33.33%
} 
*/
.nav-top {
	padding-left: 100px;
}
.nav-wrapper1 {
	position: absolute;
	width: 100%;
	bottom: 0;
	top: 70px;
	z-index: 9999;
}
.menu-wrapper1 {
	z-index: 9999;
}
.menu-wrapper1 > div {
	position: relative;
	width: 200%;
	left: 0%;
	-webkit-transition: left 0.3s;
	transition: left 0.3s;
}
.menu-wrapper1 > div.sub {
	left: -100%;
}
.main-menu {
	padding-right: 50%;
/*	border-top: 2px solid rgba(255, 255, 255, 0.45);*/
}
.main-menu li {
	list-style: none;
/*	border-bottom: 1px solid rgba(255, 255, 255, 0.45);*/
}
.main-menu li a {
	position: relative;
	display: block;
	padding: 10px 0;
	text-align: center;
    font-family: 'Philosopher', sans-serif;
	text-align: left;
	font-size: 27px;
	line-height: 27px;
	letter-spacing: 0.5px;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
html[lang="zh-hant"] .main-menu li a,  html[lang="zh-hans"] .main-menu li a {
	font-weight: 700;
}
.main-menu li a:active {
	background: #FFF;
	color: #000;
}
.main-menu li.current-menu-item > a,  .main-menu li.current_page_parent > a {
	color: rgba(255, 255, 255, 0.4);
}
.main-menu li.menu-item-has-children > a:after {
/*
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	right: 12px;
	top: 21px;
	background-image: url(images/nav-arrow-white%402x.png);
	background-size: 25px 25px;
	z-index: 9999;
*/
}
.sub-menu li.disabled a {
/*	color: rgba(255, 255, 255, 0.4);*/
}
/*.current-page-parent .sub-menu li.disabled a {

	color: rgba(255, 255, 255, 1);

}*/



.sub-menu li.disabled > a:before {
/*
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	left: 12px;
	top: 21px;
	background-image: url(images/nav-arrow-white-back%402x.png);
	background-size: 25px 25px;
*/
}
.sub-menu {
/*	position: absolute;*/
/*	width: 50%;	*/
	height: 100%;
	top: 2px;
	left: 50%;
	z-index: 1;
	padding-left: 20px;
}
.social-wrapper {
	position: relative;
/*	height: 150px;*/
/*	border-top: 1px solid rgba(255, 255, 255, 0.45);*/
}
.social {
	position: absolute;
	top: 55px;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 100%;
}
.dark .social {
	border-color: rgba(74, 74, 74, 0.5);
	position: relative;
	top: auto;
	left: auto !important;
	display: inline-block;
	margin: 15px 20px;
}
.social.mail {
	left: 20%;
	background-image: url(images/icon-mail-white%402x.png);
	background-size: 25px 25px;
	background-position: center;
	background-repeat: no-repeat;
}
.dark .social.mail {
	background-image: url(images/icon-mail-dark%402x.png);
}
.social.facebook {
	left: 20%;
	background-image: url(images/icon-facebook-white%402x.png);
	background-size: 25px 25px;
	background-position: center;
	background-repeat: no-repeat;
}
.dark .social.facebook {
	background-image: url(images/icon-facebook-dark%402x.png);
}
.social.twitter {
	left: 20%;
	background-image: url(images/icon-twitter-white%402x.png);
	background-size: 25px 25px;
	background-position: center;
	background-repeat: no-repeat;
}
.dark .social.twitter {
	background-image: url(images/icon-twitter-dark%402x.png);
}
.social.instagram {
	left: 35%;
	background-image: url(images/icon-instagram-white%402x.png);
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
}
.dark .social.instagram {
	background-image: url(images/icon-instagram-dark%402x.png);
}
.social.linkedin {
	left: 50%;
	background-image: url(images/icon-linkedin-white%402x.png);
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
}
.dark .social.linkedin {
	background-image: url(images/icon-linkedin-dark%402x.png);
}
.social.weibo {
	left: 65%;
	background-image: url(images/icon-weibo-white%402x.png);
	background-size: 23px 23px;
	background-position: center;
	background-repeat: no-repeat;
}
.dark .social.weibo {
	background-image: url(images/icon-weibo-dark%402x.png);
}
.social.wechat {
	left: 80%;
	background-image: url(images/icon-wechat-white%402x.png);
	background-size: 26px 26px;
	background-position: center;
	background-repeat: no-repeat;
}
.dark .social.wechat {
	background-image: url(images/icon-wechat-dark%402x.png);
}
.social a {
	display: block;
	width: 100%;
	height: 100%;
}
.language-wrapper {
/*	width: calc(100% + 2px);*/
	margin-right: 30px;
}
.language {
	display: inline-block;
	width: 50%;
	border-top: 2px solid rgba(255, 255, 255, 0.45);
	border-right: 2px solid rgba(255, 255, 255, 0.45);
	text-align: center;
	font-size: 18px;
	color: #FFF;
}
.language.inactive {
	padding: 11px 0;
	font-family: "Maison Neue Bold";
	color: rgba(255, 255, 255, 0.4);
}
html[lang="zh-hant"] .language.inactive,  html[lang="zh-hans"] .language.inactive {
	font-weight: 700;
}
.language a {
	display: block;
	width: 100%;
	height: 100%;
	font-family: "Maison Neue Bold";
	color: #FFF;
	padding: 11px 0;
	text-decoration: none;
}
html[lang="zh-hant"] .language a,  html[lang="zh-hans"] .language a {
	font-weight: 700;
}
.language.zh-hans a,  .language.zh-hant a {
	font-family: 'Noto Sans', sans-serif;
}

@media only screen and (min-width: 1440px) {
nav {
	width: 25%;
	right: -33.33%;
}
.main-menu li a {
	padding: 10px 0;
}
.main-menu li.menu-item-has-children > a:after,  .sub-menu li.disabled > a:before {
	top: 28px;
}
.social-wrapper {
/*	height: 176px;*/
}
.social {
	top: 68px;
}
.language a,  .language.inactive {
	padding: 13px 0;
}
}

@media only screen and (min-width: 1680px) {
.main-menu li a {
	padding: 10px 0;
}
.main-menu li.menu-item-has-children > a:after,  .sub-menu li.disabled > a:before {
	top: 36px;
}
.social-wrapper {
/*	height: 210px;*/
}
.social {
	top: 85px;
}
.language a,  .language.inactive {
	padding: 19px 0;
}
}

@media only screen and (min-width: 1920px) {
.main-menu li a {
	padding: 10px 0;
}
.main-menu li.menu-item-has-children > a:after,  .sub-menu li.disabled > a:before {
	top: 16px;
}
.social-wrapper {
/*	height: 230px;*/
}
.social {
	top: 95px;
}
.language a,  .language.inactive {
	padding: 22px 0;
}
}

@media only screen and (min-width: 1px) and (max-width: 600px) and (orientation: portrait) {
nav {
	width: 100%;
	right: -100%;
}
.social-wrapper {
	height: 70px;
}
.social {
	top: 15px;
}
.social.facebook {
	left: 10%;
}
.social.instagram {
	left: 30%;
}
.social.weibo {
	left: 70%;
}
.social.wechat {
	left: 90%;
}
.logo-white-temp #logo-white {
	opacity: 1;
	width: 90px;
	height: 34px;
	background-size: 90px 34px;
}
.logo-white-temp #logo-black {
	opacity: 0;
}
}

@media (max-width: 736px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) {
.main-menu li a {
	padding: 2% 0;
}
.main-menu li.menu-item-has-children > a:after,  .sub-menu li.disabled > a:before {
	width: 17px;
	height: 17px;
	top: calc(2% + 17px);
	background-size: 17px 17px;
}
}

@media (max-width: 736px) and (orientation: landscape), (max-width: 414px) and (max-height: 491px) and (orientation: portrait) {
nav {
	overflow: auto;
}
.nav-wrapper1 {
	position: relative;
	padding-top: 55px;
}
}

@media only screen and (max-width: 320px) {
.main-menu li a {
	padding: 2% 0;
}
}
/*** General ***/

.page-content-wrapper {
	overflow: hidden;
}
.page-wrapper {
	background: #FFF;
}
.page-content-wrapper.project > section:first-child > div,  .page-content-wrapper.kompetenzen > section:first-child > div,  .page-content-wrapper.impulses > section:first-child > div {
	padding-top: 10vh !important;
}
.page-content-wrapper.simple {
	background: #FFF;
	padding-top: 140px;
}
.content-wrapper-row {
	width: 100%;
	padding: 0;
}
.content-wrapper-row.module {
	padding: 7.8% 0;
}

@media only screen and (min-width: 1920px) {
.content-wrapper-row.module {
	padding: 165px 0;
}
}

@media only screen and (max-width: 414px) {
.content-wrapper-row.module {
	padding: 15% 0;
}
}
.content-wrapper-row.module.no-padding-top {
	padding-top: 0;
}
.content-wrapper-row.module-divider {
	padding: 0;
}
.grid-wrapper {
	width: 100%;
	max-width: 1664px;
	margin: 0 auto;
	padding: 0 32px;
}
.text-align-right {
	text-align: right;
}
.col {
	float: left;
}
.col.float-right {
	float: right;
}
.col-full {
	width: calc(100% - 30px);
	margin: 0 auto;
}
.col-full.is-video-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.col-copy,  .col-quote,  .wpcf7-response-output {
	width: calc(75% - 30px);
	margin: 0 auto;
}
.col-copy p img {
	margin-top: 6%;
}
.col-full .col-copy-half-wrapper {
	width: calc(75% - 7.5px);
	margin: 0 auto;
}
.col-copy-half-wrapper > div {
	width: calc(50% - 15px);
}
.col-copy-half-wrapper > div.is-video-wrapper {
	position: relative;
	height: 0;
	padding-bottom: 28.125%;
}
.col-copy-half-wrapper > div:last-child,  .col-full-half-wrapper > div:last-child {
	float: right;
}
.col-full-half-wrapper > div {
	width: calc(50% - 15px);
}

@media only screen and (max-width: 414px) {
.grid-wrapper {
	padding: 0 15px;
}
.col-full,  .col-copy,  .copy-half {
	width: 100%;
}
.col-copy-half-wrapper > div,  .col-full-half-wrapper > div {
	width: 100%;
	float: none;
}
.col-copy-half-wrapper > div:first-child {
	margin-bottom: 15%;
}
.impulse-list-wrapper .col-copy-half-wrapper > div:first-child {
	margin-bottom: 0;
}
.impulse-download-wrapper .col-copy-half-wrapper > div:first-child {
	margin-bottom: 20px;
}
}

@media only screen and (min-width: 1440px) {
.col-full {
	width: calc(100% - 40px);
}
.col-copy,  .col-quote,  .wpcf7-response-output {
	width: calc(66.66% - 40px);
}
.col-copy-half-wrapper > div {
	width: calc(50% - 20px);
}
}
.video-fallback {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.video-fallback picture,  .video-fallback img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	max-width: none !important;
	height: 100% !important;
}
/*** Home ***/

.page-content-wrapper.home {
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.page-content-wrapper.home.visible {
	opacity: 1;
}
.fp-slide {
	background-size: cover;
	background-position: center;
}
.fp-slide picture,  .fp-slide img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.fp-slide.hasVideo {
	position: relative;
}
.fp-slide .left {
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.fp-slide .right {
	position: absolute;
	left: 10%;
	width: 50.5%;
	height: 100%;
	z-index: 10;
	transform: translateZ(0);
}
.team .fp-slide .right {
	width: 50%;
}
.fp-slide.hasHype .right {
	position: absolute;
	top: 0;
	right: 0;
}

@media only screen and (orientation: portrait) {
.fp-slide .left {
	float: none;
	top: 0;
	width: 100%;
	height: 50%;
}
.fp-slide .right,  .team .fp-slide .right {
	float: none;
	bottom: 0;
	width: 100%;
	height: 50%;
}
.fp-slide.fs_media .right,  .fp-slide.fs_media.hasVideo .right {
	top: 50%;
}
}
.fp-slide.hasVideo .right {
	top: 0;
	transform: translateZ(10px);
}
.fp-slide .copy-wrapper {
	position: absolute;
	top: 70%;
	left: 25px;
}
.fp-slide .copy-wrapper .button {
	background-color: #000;
	border: 0;
	width: 200px;
	text-align: center;
	font-size: 18px;
	border-radius: 2px;
}
.fp-slide .copy-wrapper .button a {
	display: block;
	font-family: "Maison Neue Bold";
	text-decoration: none;
	padding: 11px 0;
}
html[lang="zh-hant"] .fp-slide .copy-wrapper .button a,  html[lang="zh-hans"] .fp-slide .copy-wrapper .button a {
	font-weight: 700;
}
.fp-slide .copy-wrapper .customer {
	font-family: "Maison Neue Bold";
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.3px;
	height: 85px;
}
html[lang="zh-hant"] .fp-slide .copy-wrapper .customer,  html[lang="zh-hans"] .fp-slide .copy-wrapper .customer {
	font-weight: 700;
}
.fp-slide .copy-wrapper .title {
	font-family: "Maison Neue Bold";
	font-size: 60px;
	line-height: 60px;
	letter-spacing: -0.1px;
	height: 246px;
}
html[lang="zh-hant"] .fp-slide .copy-wrapper .title,  html[lang="zh-hans"] .fp-slide .copy-wrapper .title {
	font-weight: 700;
}
.fp-slide.start .copy-wrapper .title {
	font-size: 40px;
	line-height: 46px;
}
.fs-arrow-prev {
	position: fixed;
	bottom: 13%;
	left: 20px;
	width: 43px;
	height: 43px;
	opacity: 1;
	background: url(images/scroll-arrow-left-white%402x.png);
	background-size: 43px 43px;
	transform: translate3d(0px, 0px, 0px);
	z-index: 11;
	animation-name: pointy-back;
	animation-duration: 1.5s;
	animation-iteration-count: 3;
	cursor: pointer;
}
.fs-arrow-next {
	position: fixed;
	bottom: 13%;
	right: 20px;
	width: 43px;
	height: 43px;
	opacity: 1;
	background: url(images/scroll-arrow-right-white%402x.png);
	background-size: 43px 43px;
	transform: translate3d(0px, 0px, 0px);
	z-index: 11;
	animation-name: pointy;
	animation-duration: 1.5s;
	animation-iteration-count: 3;
	cursor: pointer;
}
 @keyframes pointy {
 0%, 20%, 50%, 80%, 100% {
 right: 20px;
}
 40% {
 right: 10px;
}
 60% {
 right: 15px;
}
}
 @keyframes pointy-back {
 0%, 20%, 50%, 80%, 100% {
 left: 20px;
}
 40% {
 left: 10px;
}
 60% {
 left: 15px;
}
}
 @keyframes disappear {
 0%, 90% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.fp-slide.fs_text .quote-wrapper {
	height: 100%;
}
.fp-slide.fs_text .quote {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
}
.fp-slide.fs_text .button {
	position: absolute;
	bottom: 13%;
	left: 50%;
	margin-left: -100px;
	background-color: #000;
	border: 0;
	width: 200px;
	text-align: center;
	font-size: 18px;
	border-radius: 2px;
}
.fp-slide.fs_text .button a {
	display: block;
	font-family: "Maison Neue Bold";
	text-decoration: none;
	padding: 11px 0;
}
html[lang="zh-hant"] .fp-slide.fs_text .button a,  html[lang="zh-hans"] .fp-slide.fs_text .button a {
	font-weight: 700;
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
.fp-slide .copy-wrapper {
	top: 200px;
}
}

@media (max-width: 736px) and (orientation: landscape) {
.fp-slide .copy-wrapper {
	top: 60px;
}
.fp-slide .copy-wrapper .customer {
	font-size: 16px;
	line-height: 20px;
	height: 55px;
}
.fp-slide .copy-wrapper .title {
	font-size: 32px;
	line-height: 32px;
	height: 120px;
}
.fp-slide.start .copy-wrapper .title {
	font-size: 24px;
	line-height: 30px;
}
.fp-slide.start .copy-wrapper .title br {
	display: none;
}
}

@media only screen and (orientation: portrait) {
.fp-slide .copy-wrapper {
	width: 100%;
	top: 50px;
	left: 0;
	text-align: center;
}
.fp-slide .copy-wrapper .button {
	margin: 0 auto;
}
}

@media only screen and (min-width: 1px) and (max-width: 600px) and (orientation: portrait) {
.fp-slide .copy-wrapper {
	top: 20px;
	padding: 0 15px;
}
.fp-slide .copy-wrapper .customer {
	font-size: 18px;
	height: 60px;
}
.fp-slide.start .copy-wrapper .customer,  .fp-slide.start .copy-wrapper .title {
	text-align: left;
}
.fp-slide .copy-wrapper .title {
	font-size: 32px;
	line-height: 32px;
	height: 120px;
}
.fp-slide.start .copy-wrapper .title {
	font-size: 30px;
	line-height: 30px;
}
.fp-slide.start .copy-wrapper .title br {
	display: none;
}
.fp-slide.start:before,  .fp-slide.start:after {
	bottom: 5%;
}
.fp-slide.fs_text .quote-wrapper {
	position: relative;
}
.fp-slide.fs_text .button {
	bottom: 6%;
}
}

@media only screen and (max-width: 320px) {
.fp-slide .copy-wrapper .title {
	font-size: 28px;
	line-height: 30px;
	height: 100px;
}
}
/*** Fullscreen Media Tiles ***/

.video-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
.hs_media_text .video-wrapper {
	float: left;
	width: 50%;
}

@media only screen and (orientation: portrait) {
.hs_media_text .video-wrapper {
	float: none;
	height: 50%;
	width: 100%;
}
}
.video-wrapper video {
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100%;
	height: 100%;
}
.fp-slide.fp-table,  .fp-tableCell {
	display: block;
	table-layout: unset;
	vertical-align: unset;
	transform: translateZ(0);
	transform-style: preserve-3d;
	overflow: hidden;
}
.fp-slide.fs_media .fp-tableCell:before,  .page-template-team .fp-slide .left:before {
	content: "";
	position: absolute;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	/*background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 100%);

	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%);

	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );*/

	transform: translateZ(0);
	z-index: 2;
}
.fp-slide.fs_media.hasHype .fp-tableCell:before {
	content: none;
}
.fp-slide.fs_media .fp-tableCell:after {
	content: "";
	position: absolute;
	opacity: 0.8;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	/*background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.6) 100%);

	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.6) 100%);

	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.6) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=1 );*/

	transform: translateZ(0);
	z-index: 1;
}
.standorte .fp-slide.fs_media .fp-tableCell:after {
	/*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 53%, rgba(0,0,0,1) 100%);

	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,1) 100%);

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );*/

	z-index: 2;
}
.fp-slide.fs_media.hasHype .fp-tableCell:after {
	content: none;
}

@media only screen and (min-width: 1px) and (max-width: 600px) and (orientation: portrait) {
.fp-slide.fs_media .fp-tableCell:after {

		/*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);

		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);

		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 */);
}
}
/*** Half Screen Media & text ***/

.fp-slide.hs_media_text.hasGradient .left:before {
	content: "";
	position: absolute;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	/*background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 100%);

	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%);

	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );*/

	transform: translateZ(0);
	z-index: 1;
}
/*** Fullscreen text ***/



/*** Projects Navigation ***/

.page-content-wrapper.projects {
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.page-content-wrapper.projects.visible {
	opacity: 1;
}
/*** Projects Page ***/

.page-header {
	position: relative;
	height: 90vh;
}
.isMobile .page-header {
	-webkit-transition: height 0.3s;
	transition: height 0.3s;
}
.page-header.hasHypeContent .hype-wrapper {
	width: 80%;
	height: 80%;
	margin: 0 10%;
	padding-top: 10%;
}
.page-header.hasGradient:before {
	content: "";
	position: absolute;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000', GradientType=0 );
	transform: translateZ(0);
	z-index: 1;
}
.page-header.scroll-white .scroll-indicator {
	content: "";
	position: absolute;
	bottom: 0;
	margin-bottom: -21px;
	margin-left: -21px;
	left: 50%;
	width: 43px;
	height: 43px;
	opacity: 0;
	background: url(images/scroll-arrow-white%402x.png);
	background-size: 43px 43px;
	z-index: 1;
	animation-name: pointy-down, disappear;
	animation-duration: 1.5s, 4.5s;
	animation-iteration-count: 3, 1;
}
.page-header.scroll-black .scroll-indicator {
	content: "";
	position: absolute;
	bottom: 0;
	margin-bottom: -21px;
	margin-left: -21px;
	left: 50%;
	margin-left: -21px;
	width: 43px;
	height: 43px;
	opacity: 0;
	background: url(images/scroll-arrow-black%402x.png);
	background-size: 43px 43px;
	z-index: 1;
	animation-name: pointy-down, disappear;
	animation-duration: 1.5s, 4.5s;
	animation-iteration-count: 3, 1;
}
 @keyframes pointy-down {
 0%, 20%, 50%, 80%, 100% {
 bottom: 0;
}
 40% {
 bottom: 10px;
}
 60% {
 bottom: 5px;
}
}
.page-header picture,  .page-header img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.page-header #loader img {
	position: relative;
	width: auto;
	height: auto;
}
.page-header .header-text {
	position: absolute;
	width: 100%;
	top: 50%;
	text-align: center;
	font-family: "Maison Neue Bold";
	line-height: 1;
}
html[lang="zh-hant"] .page-header .header-text,  html[lang="zh-hans"] .page-header .header-text {
	font-weight: 700;
}
.project-lead h2 {
	margin-bottom: 50px;
}
.module-grid-copy img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.col-copy-half-wrapper img {
	margin: 0;
}
.divider-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.divider-wrapper picture,  .divider-wrapper img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.hype-wrapper {
	position: relative;
	width: 100%;
	height: 0;
}
.hype-height-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
}
.quote-text-wrapper {
	text-align: center;
}
.quote-author-wrapper {
	width: 82.66%;
	margin: 0 auto;
	margin-top: 60px;
	text-align: center;
}
.project-contact-wrapper {
	background: #FFF;
	border-top: 2px solid rgba(151, 151, 151, 0.5);
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: calc(48.08% - 90.3px);
	overflow: hidden;
}
.project-social-wrapper {
	background: #FFF;
	border-top: 2px solid rgba(151, 151, 151, 0.5);
	position: relative;
	width: 100%;
	height: 252px;
}
.project-competences-wrapper {
	background: #FFF;
	border-top: 2px solid rgba(151, 151, 151, 0.5);
	position: relative;
	width: 100%;
	padding-bottom: 8%;
}
.project-competences-wrapper .project-competences-left,  .project-competences-wrapper .project-competences-right {
	font-size: 22px;
	line-height: 1.27;
	letter-spacing: 0.4px;
	color: rgba(0, 0, 0, 0.5);
}
.project-contact-wrapper .grid-wrapper {
	height: 100%;
	position: absolute;
}
.project-social-wrapper .social-wrapper {
	height: 70px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.project-social-wrapper .social-wrapper .social {
	top: 15px;
}
.project-contact-title,  .project-social-title,  .project-competences-title,  .impulse-download-title,  .faq-title {
	position: absolute;
	left: 0;
	width: 100%;
	font-family: "Maison Neue Bold";
	font-size: 20px;
	line-height: 1.1;
	padding: 35px 0;
	text-align: center;
	color: #979797;
}
html[lang="zh-hant"] .project-contact-title,  html[lang="zh-hant"] .project-social-title,  html[lang="zh-hant"] .project-competences-title,  html[lang="zh-hant"] .impulse-download-title,  html[lang="zh-hant"] .faq-title,  html[lang="zh-hans"] .project-contact-title,  html[lang="zh-hans"] .project-social-title,  html[lang="zh-hans"] .project-competences-title,  html[lang="zh-hans"] .impulse-download-title,  html[lang="zh-hans"] .faq-title {
	font-weight: 700;
}
.project-social-title,  .project-competences-title,  .impulse-download-title,  .faq-title {
	position: relative;
}
.project-contact-left,  .project-contact-right {
	position: relative;
	display: inline-block;
	width: 50%;
	height: 100%;
	margin: 0 15px;
}
.project-contact-right a {
	font-family: "Maison Neue Bold";
}
html[lang="zh-hant"] .project-contact-right a,  html[lang="zh-hans"] .project-contact-right a {
	font-weight: 700;
}
.project-contact-left {
	width: calc(41.67% - 30px);
}
.project-contact-right {
	width: calc(58.33% - 30px);
}
.project-contact-left img {
	position: absolute;
	height: 50%;
	border-radius: 100%;
	top: 25%;
	right: 10%;
}
.project-contact-right {
 font-size: calc(32px + (50 - 32) * (100vw - 1024px) / (2100 - 1024));
	line-height: 1.13;
}
.project-contact-right > div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-family: "Maison Neue Bold";
}
html[lang="zh-hant"] .project-contact-right > div,  html[lang="zh-hans"] .project-contact-right > div {
	font-weight: 700;
}
.project-references-wrapper,  .content-wrapper-row.module-divider.project-references-wrapper {
	position: relative;
	border-top: 2px solid #979797;
	width: 100%;
	height: 0;
	padding-bottom: calc(56.8% + 73px);
	overflow: hidden;
}
.content-wrapper-row.module-divider.project-references-wrapper {
	border: 0;
}
.project-references-title {
	position: absolute;
	width: 100%;
	font-family: "Maison Neue Bold";
	font-size: 20px;
	line-height: 1.1;
	padding: 33px 15px;
	text-align: center;
}
html[lang="zh-hant"] .project-references-title,  html[lang="zh-hans"] .project-references-title {
	font-weight: 700;
}
.references-slider {
	height: 100%;
}
.reference-item {
	position: relative;
	padding: 0 10px;
	height: 100%;
	overflow: hidden;
	transform: translateZ(0);
	transform-style: preserve-3d;
	will-change: auto;
}
.reference-item > div {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: translateZ(0);
	transform-style: preserve-3d;
	will-change: auto;
}
.projects-grid .team-member picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.projects-customer-list {
	background: #FFF;
}
.projects-customer-list p,  .projects-customer-list a {
	color: rgba(0, 0, 0, 0.5);
}
.projects-customer-list a {
	transition: color 0.3s;
}
.projects-customer-list a:hover {
	color: #000;
}

@media only screen and (min-width: 1px) and (max-width: 600px) {
.project-contact-wrapper {
	height: auto;
	padding-bottom: 0;
}
.project-social-wrapper .social-wrapper {
	height: auto;
}
.project-contact-wrapper .grid-wrapper,  .project-social-wrapper .grid-wrapper {
	position: relative;
}
.project-contact-title,  .project-social-title,  .project-competences-title {
	position: relative;
	font-size: 18px;
}
.project-references-title {
	font-size: 18px;
}
.project-competences-wrapper .col-copy-half-wrapper > div:first-child {
	margin: 0;
}
.project-competences-wrapper {
	padding-bottom: 15%;
}
.project-competences-wrapper .text-align-right {
	text-align: left;
}
.project-competences-wrapper p {
	font-size: 14px;
}
.project-social-wrapper {
	height: auto;
	padding-bottom: 15%;
}
.project-contact-left,  .project-contact-right {
	width: 100%;
	margin: 0;
}
.project-contact-right {
	font-size: 35px;
}
.project-contact-left img {
	display: block;
	position: static;
	width: 160px;
	height: 160px;
	margin: 0 auto;
}
.project-contact-right > div {
	position: static;
	transform: unset;
	margin: 36px 0 15% 0;
}
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
.project-contact-wrapper {
	height: 402px;
	padding-bottom: 0;
}
.project-contact-right {
	font-size: 32px;
}
}

@media only screen and (min-width: 1440px) {
.project-contact-wrapper {
	height: 602px;
	padding-bottom: 0;
}
.divider-wrapper {
	height: 880px;
	padding-bottom: 0;
}
.project-contact-title,  .project-social-title,  .project-competences-title,  .impulse-download-title,  .faq-title {
	font-size: 21px;
}
.project-contact-left,  .project-contact-right {
	margin: 0 20px;
}
.project-contact-left {
	width: calc(41.67% - 40px);
}
.project-contact-right {
	width: calc(58.33% - 40px);
}
.project-references-wrapper,  .content-wrapper-row.module-divider.project-references-wrapper {
	height: 883px;
	padding-bottom: 0;
}
.project-references-title {
	font-size: 22px;
}
}

@media only screen and (min-width: 1664px) {
.project-contact-wrapper .grid-wrapper,  .project-social-wrapper .grid-wrapper {
	margin: 0 calc(50% - 832px);
}
}

@media only screen and (min-width: 1920px) {
.project-contact-right {
	font-size: 50px;
}
.project-contact-title,  .project-social-title,  .project-competences-title,  .impulse-download-title,  .faq-title {
	font-size: 22px;
}
}

@media only screen and (max-width: 768px) {
.project-references-wrapper,  .content-wrapper-row.module-divider.project-references-wrapper {
	height: 502px;
	padding-bottom: 0;
}
}

@media only screen and (max-width: 414px) {
.project-references-wrapper,  .content-wrapper-row.module-divider.project-references-wrapper {
	height: 0;
	padding-bottom: calc(123.4% + 120px);
}
.reference-item {
	padding: 0 8px;
}
}
.fp-slide.reference-item.fs_media > div:after {
	content: "";
	position: absolute;
	bottom: 0;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000', GradientType=0 );
	transform: translateZ(0);
	z-index: 1;
}
.fp-slide.reference-item.fs_media.hasHype > div:after {
	content: none;
}
.reference-item .left,  .reference-item .right {
	overflow: hidden;
}
.fp-slide.reference-item.hs_media_text .video-wrapper {
	width: 100%;
	height: 50% !important;
}
.fp-slide.reference-item .left {
	float: none;
	width: 100%;
	height: 50.6%;
	top: 0;
}
.fp-slide.reference-item .right {
	float: none;
	width: 100%;
	height: 50%;
	bottom: 0;
}
.fp-slide.reference-item.fs_media .right,  .fp-slide.reference-item.fs_media.hasVideo .right {
	top: 50%;
}
.fp-slide.reference-item .copy-wrapper {
	width: 100%;
	top: 20px;
	left: 0;
	text-align: center;
}
.fp-slide.reference-item .copy-wrapper .customer {
	font-size: 18px;
	height: 60px;
}
.fp-slide.reference-item .copy-wrapper .title {
	font-size: 30px;
	line-height: 1.17;
	letter-spacing: 0.8px;
	height: 120px;
}
.fp-slide.reference-item .button {
	margin: 0 auto;
}
.fp-slide.reference-item.fs_text .button {
	top: calc(50% + 200px);
	bottom: auto;
	margin-left: -100px;
}

@media only screen and (max-width: 1023px) {
.fp-slide.reference-item .copy-wrapper {
	top: 10px;
}
.fp-slide.reference-item .copy-wrapper .customer {
	font-size: 14px;
	height: 42px;
}
.fp-slide.reference-item .copy-wrapper .title {
	font-size: 22px;
	line-height: 1.17;
	letter-spacing: 0.8px;
	height: 88px;
}
.fp-slide.reference-item .button {
	font-size: 16px;
	width: 180px;
}
.fp-slide.reference-item .button a {
	padding: 8px 0;
}
.fp-slide.reference-item.fs_text .button {
	top: calc(50% + 140px);
	margin-left: -90px;
}
}

@media only screen and (max-width: 414px) {
.fp-slide.reference-item .copy-wrapper {
	top: 15px;
}
.fp-slide.reference-item .copy-wrapper .customer {
	font-size: 16px;
	height: 45px;
}
.fp-slide.reference-item .copy-wrapper .title {
	height: 90px;
}
}
/*** Kompetenzen ***/

.content-wrapper-row.page-intro {
	padding: 10vh 0;
}
.page-intro {
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 1px;
	color: #FFF;
	background-color: #000;
}
.page-intro p,  .project-lead p {
	margin-bottom: 40px;
}
.page-intro p:last-child,  .project-lead p:last-child {
	margin-bottom: 0;
}
/*** Impulse & Agentur > News ***/

.impulse-wrapper,  .news-wrapper {
	position: relative;
	padding: 40px 0 45px 0;
	border-bottom: 2px solid rgba(255, 255, 255, 0.45);
}
.news-wrapper {
	color: #FFF;
}
.news-wrapper > a,  .impulse-wrapper > a {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.impulse-spacer,  .news-spacer {
	height: 102px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.45);
}

@media (max-width: 736px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) {
.impulse-spacer,  .news-spacer {
	height: 57px;
}
}
.impulse-title p,  .news-category p {
	font-family: "Maison Neue Bold";
	margin-bottom: 25px;
}
html[lang="zh-hant"] .impulse-title p,  html[lang="zh-hant"] .news-category p,  html[lang="zh-hans"] .impulse-title p,  html[lang="zh-hans"] .news-category p {
	font-weight: 700;
}
.impulse-excerpt {
	margin-bottom: 34px;
}
.news-title {
	font-family: "Maison Neue Bold";
	margin-bottom: 25px;
}
html[lang="zh-hant"] .news-title,  html[lang="zh-hans"] .news-title {
	font-weight: 700;
}
.impulse-teaser-image,  .news-teaser-image {
	width: calc(66.66% + 30px);
	margin-left: calc(33.33% - 30px);
}
.impulse-teaser-image.compact,  .news-teaser-image.compact {
	width: calc(50% - 15px);
	margin-left: calc(50% + 15px);
}
.impulse-wrapper .button,  .impulse-download-wrapper .button {
	border: 0;
	width: 200px;
	text-align: center;
	font-size: 18px;
	border-radius: 2px;
}
.impulse-download-wrapper .button {
	margin: 0 auto;
}
.impulse-wrapper .button a,  .impulse-download-wrapper .button a {
	display: block;
	font-family: "Maison Neue Bold";
	text-decoration: none;
	padding: 11px 0;
}
html[lang="zh-hant"] .impulse-wrapper .button a,  html[lang="zh-hant"] .impulse-download-wrapper .button a,  html[lang="zh-hans"] .impulse-wrapper .button a,  html[lang="zh-hans"] .impulse-download-wrapper .button a {
	font-weight: 700;
}
.impulse-download-wrapper,  .impulse-list-wrapper {
	background: #FFF;
	padding-bottom: 8%;
}
.impulse-list-wrapper {
	border-top: 2px solid rgba(151, 151, 151, 0.5);
}
.faq-wrapper {
	color: #FFF;
	padding-bottom: 8%;
}
.impulse-download-wrapper .col-copy {
	padding: 2% 0;
}
.impulse-download-wrapper .legal {
	font-size: 15px;
	line-height: 1.33;
	letter-spacing: 1px;
	text-align: center;
	color: rgba(0, 0, 0, 0.5);
}
.impulse-list-wrapper ul {
	list-style-type: none;
}
.impulse-list-wrapper ul li {
	position: relative;
	padding-left: 44px;
}
.impulse-list-wrapper ul li svg {
	position: absolute;
	left: 0;
	width: 38px;
	height: 32px;
}
.impulse-list-wrapper ul li svg g g {
	stroke-width: 2px;
}
.impulse-btn {
	position: absolute;
	bottom: 10%;
	left: 50%;
	border: 0;
	width: 260px;
	margin-left: -130px;
	text-align: center;
	font-size: 18px;
	border-radius: 2px;
	z-index: 1;
}
.impulse-btn a {
	display: block;
	font-family: "Maison Neue Bold";
	text-decoration: none;
	padding: 11px 0;
}
html[lang="zh-hant"] .impulse-btn a,  html[lang="zh-hans"] .impulse-btn a {
	font-weight: 700;
}
.whitepaper-download {
	background: #FFF;
	padding-top: 140px;
	min-height: 50vw;
}
.whitepaper-download p {
	text-align: center;
}
.whitepaper-download .impulse-btn {
	position: relative;
	margin-bottom: 140px;
	background: #ffed00;
	transition: background 0.3s;
}
.whitepaper-download .impulse-btn:hover {
	background: #000;
}
.whitepaper-download .impulse-btn a {
	color: #000;
	border: 0;
	transition: color 0.3s;
}
.whitepaper-download .impulse-btn a:hover {
	color: #ffed00;
}

@media only screen and (max-width: 414px) {
.impulse-wrapper,  .news-wrapper {
	padding: 15px 0 45px 0;
}
.impulse-download-wrapper {
	padding-bottom: 15%;
}
.impulse-teaser-image,  .impulse-teaser-image.compact,  .news-teaser-image,  .news-teaser-image.compact {
	width: 100%;
	margin-left: 0;
	margin-bottom: 20px;
}
.impulse-title,  .news-title {
	font-size: 14px;
	margin: 25px 0 15px 0;
}
}
/*** Agentur > Team ***/

#loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	width: 100px;
	height: 100px;
}

@media (max-width: 736px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) {
#loader {
	margin-left: -30px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
}
}
.page-template-team #loader .path {
	stroke: #FFF;
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}
.page-template-team #fullpage {
	display: none;
}
.page-template-team .show-members #fullpage {
	display: block;
	height: 100vh !important;
}
.page-template-team #fullpage .section {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.team-wrapper {
	opacity: 0;
	padding-top: 100px;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.show-team .team-wrapper {
	opacity: 1;
}
.show-members .team-wrapper {
	display: none;
}
.team-fs-switch {
	position: fixed;
	width: 48px;
	height: 48px;
	top: 76px;
	left: 50%;
	margin-left: -24px;
	background-image: url(images/icon-team-fullscreen%402x.png);
	background-size: 48px 48px;
	z-index: 100;
	cursor: pointer;
}
.team-ov-switch {
	position: absolute;
	width: 48px;
	height: 48px;
	top: 76px;
	left: 0px;
	margin-left: -24px;
	background-image: url(images/icon-team-overview%402x.png);
	background-size: 48px 48px;
	z-index: 98;
	transform: translateZ(0);
	cursor: pointer;
}
.team-member {
	position: relative;
	float: left;
	width: 25%;
	height: 0;
	padding-bottom: 25%;
	cursor: pointer;
	overflow: hidden;
}
.team-member picture {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.team-member-gradient {
	position: absolute;
	width: 101%;
	height: 101%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.5) 100%);
	pointer-events: none;
}
.team-memeber-name {
	position: absolute;
	bottom: 16px;
	left: 20px;
	color: #FFF;
}

@media only screen and (min-width: 1px) and (max-width: 960px) {
.team-member {
	width: 33.33%;
	padding-bottom: 33.33%;
}
}

@media only screen and (min-width: 1px) and (max-width: 600px) {
.team-member {
	width: 50%;
	padding-bottom: 50%;
}
.team-memeber-name {
	bottom: 13px;
}
.show-menu .team-fs-switch {
	display: none;
}
}
.team-member a {
	position: absolute;
	width: 100%;
	height: 100%;
}
.team-description {
	position: absolute;
	top: 200px;
	left: 20px;
	width: calc(100% - 50px);
	max-width: 800px;
	line-height: 1.25;
	letter-spacing: 0.5px;
}
.team-email {
	position: absolute;
	bottom: 105px;
	left: 20px;
	font-size: 40px;
	line-height: 1;
}
.team-function {
	position: absolute;
	bottom: 0;
	left: 20px;
	height: 88px;
	font-size: 20px;
	line-height: 1.25;
	letter-spacing: 0.5px;
}

@media only screen and (orientation: portrait) {
.team-ov-switch {
	top: -24px;
	left: 50%;
}
.team-description {
	top: 100px;
}
}

@media (max-width: 736px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) {
.team-wrapper {
	padding-top: 55px;
}
.team-fs-switch,  .team-ov-switch {
	width: 32px;
	height: 32px;
	top: 38px;
	margin-left: -16px;
	background-size: 32px 32px;
}
.team-description {
	top: 110px;
	left: 15px;
	width: calc(100% - 40px);
	font-size: 16px;
}
.team-email {
	bottom: 45px;
	left: 15px;
	font-size: 26px;
}
.team-function {
	left: 15px;
	height: 38px;
	font-size: 16px;
}
}

@media (max-width: 736px) and (orientation: landscape) {
.team-description {
	top: 90px;
	font-size: 14px;
}
}

@media only screen and (max-width: 414px) {
.team-ov-switch {
	top: -14px;
}
.team-description {
	top: 50px;
}
}

@media only screen and (max-width: 320px) {
.team-description {
	font-size: 14px;
}
}
/*** Agentur > Jobs ***/

.page-content-wrapper.jobs {
	padding-top: 100px;
}
.single-job-entry .page-content-wrapper.jobs {
	background: #FFF;
}
.jobs .page-intro,  .job-wrapper {
	border-bottom: solid 2px rgba(255, 255, 255, 0.45);
}
.job-wrapper {
	position: relative;
	padding-top: 4%;
}
.job-wrapper a {
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
}
.job {
	color: #FFF;
	font-family: "Maison Neue Bold";
}
html[lang="zh-hant"] .job,  html[lang="zh-hans"] .job {
	font-weight: 700;
}
.job-location {
	font-size: 20px;
	line-height: 1.25;
	letter-spacing: 0.5px;
}
.job-title {
	font-family: "Maison Neue Bold";
	font-size: 40px;
	line-height: 1.13;
	letter-spacing: 0.2px;
	margin-top: 4%;
}
html[lang="zh-hant"] .job-title,  html[lang="zh-hans"] .job-title {
	font-weight: 700;
}
.job-excerpt {
	font-size: 20px;
	line-height: 1.25;
	letter-spacing: 0.5px;
	margin-top: 8%;
	margin-bottom: 16%;
}
.job-excerpt p {
	margin-bottom: 25px;
}

@media only screen and (max-width: 414px) {
.page-content-wrapper.jobs {
	padding-top: 55px;
}
.job-location {
	font-size: 14px;
	text-align: center;
	margin: 4% 0 6%;
}
.job-title {
	font-size: 35px;
	text-align: center;
}
.job-excerpt {
	margin-top: 16%;
}
}
/*** Standorte ***/

.location-name {
	position: absolute;
	width: 100%;
	font-family: "Maison Neue Bold";
	line-height: 1;
	letter-spacing: -0.4px;
	text-align: center;
	z-index: 3;
	transform: translateZ(10px);
}
html[lang="zh-hant"] .location-name,  html[lang="zh-hans"] .location-name {
	font-weight: 700;
}
.location-name-chinese {
	position: absolute;
	bottom: 100px;
	width: 100%;
	font-family: "Maison Neue Bold";
	line-height: 1;
	letter-spacing: -0.4px;
	text-align: center;
	z-index: 3;
	transform: translateZ(10px);
}
html[lang="zh-hant"] .location-name-chinese,  html[lang="zh-hans"] .location-name-chinese {
	font-weight: 700;
}
.standorte .button {
	position: absolute;
	bottom: 37px;
	left: 50%;
	margin-left: -100px;
	background-color: #000;
	border: 0;
	width: 200px;
	text-align: center;
	font-size: 18px;
	border-radius: 2px;
	z-index: 3;
	transform: translateZ(10px);
}
.standorte .button a {
	display: block;
	font-family: "Maison Neue Bold";
	text-decoration: none;
	padding: 11px 0;
}
html[lang="zh-hant"] .standorte .button a,  html[lang="zh-hans"] .standorte .button a {
	font-weight: 700;
}
.standorte-map {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
#map-canvas {
	position: absolute;
	width: 100%;
	height: 100%;
}
.images-gallery,  .content-wrapper-row.module-divider.images-gallery {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: calc(56.25% + 35px);
	overflow: hidden;
}
.images-gallery .image-gallery {
	width: calc(100% - 60px);
	height: 100%;
	max-width: 1280px;
	left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.images-gallery .c-slider__slide {
	padding: 0 10px;
}
.images-gallery .c-slider-nav {
	margin-top: -16px;
}
.images-gallery .c-slider-nav.c-slider-prev,  .images-gallery.nav-arrow-white .c-slider-nav.c-slider-prev {
	right: calc(100% - 20px);
}

@media only screen and (max-width: 414px) {
.images-gallery,  .content-wrapper-row.module-divider.images-gallery {
	padding-bottom: calc(56.25% + 5px);
}
.images-gallery .image-gallery {
	width: calc(100% - 30px);
	left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.images-gallery .c-slider__slide {
	padding: 0 8px;
}
}

@media only screen and (min-width: 1360px) {
.images-gallery,  .content-wrapper-row.module-divider.images-gallery {
	height: 790px;
	padding-bottom: 0;
}
.images-gallery .image-gallery {
	left: calc(50% - 640px);
}
.standorte-map {
	height: 839px;
	padding-bottom: 0;
}
}
/*** Contact Form 7 ***/

div.wpcf7-mail-sent-ok {
	border: 0 !important;
	margin: 0 auto 20px auto !important;
	text-align: center;
	background: #000;
	color: #FFF;
	padding: 20px 0;
}
/*** Overlay ***/

.overlay-wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}
.overlay-scroll-wrapper {
	position: absolute;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	padding: 5%;
	background: #FFF;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.overlay-wrapper h2,  .overlay-wrapper h3,  .overlay-wrapper p {
	margin-bottom: 3%;
}

@media only screen and (max-width: 414px) {
#close {
	top: 5%;
	right: 5%;
}
.overlay-scroll-wrapper {
	padding: 5% 10% 5% 5%;
}
}
/*** 404 ***/

.page404 {
	background: #FFF;
}
.page404 h1 {
	font-size: calc(15vh + 15vw);
	text-align: center;
	margin: 10vh 0;
}
/*** Footer ***/

footer {
	padding: 35px 15px 160px 15px;
	background: #000;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
}
footer .newsletter-title {
	font-family: "Maison Neue Bold";
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.2px;
}
html[lang="zh-hant"] footer .newsletter-title,  html[lang="zh-hans"] footer .newsletter-title {
	font-weight: 700;
}
footer .newsletter-input {
	position: relative;
	width: 50%;
	min-width: 256px;
	max-width: 512px;
	margin: 0 auto;
	margin-top: 58px;
}
.impulse-download-wrapper .col-copy-half {
	position: relative;
	margin: 20px 0;
}
.nl-confirmation {
	display: none;
	padding: 20px;
	background: #FFF;
	color: #000;
	margin: 20px 0 0 0;
}
footer .newsletter-input input[type="text"],  .impulse-download-wrapper input[type="text"],  .impulse-download-wrapper input[type="email"] {
	width: 100%;
	border: 0;
	border-radius: 0;
	background: none;
	height: 42px;
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
	letter-spacing: 0.2px;
	text-align: center;
	color: #FFF;
	border-bottom: 2px solid rgba(255, 255, 255, 0.45);
	-webkit-appearance: none;
}
 @-webkit-keyframes autofill {
 to {
 color: #FFF;
 background: transparent;
}
}
 footer .newsletter-input input[type="text"]:-webkit-autofill {
 -webkit-animation-name: autofill;
 -webkit-animation-fill-mode: both;
}
.impulse-download-wrapper input[type="text"] {
	border-color: rgba(145, 145, 145, 0.45);
	color: #000;
	text-align: left;
	padding-left: 4px;
}
footer label,  .impulse-download-wrapper label {
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	position: absolute;
	width: 100%;
	pointer-events: none;
	left: 0;
	top: 10px;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
}
.impulse-download-wrapper label {
	color: #919191;
	padding-left: 4px;
}
footer .bar,  .impulse-download-wrapper .bar {
	position: absolute;
	left: 0;
	top: 40px;
	width: 0%;
	height: 2px;
	background: #FFF;
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
}
.impulse-download-wrapper .bar {
	background: #000;
}
footer .error ~ .bar,  .impulse-download-wrapper .error ~ .bar {
	background: #DC002E;
	width: 100%;
}



/* active state */

footer input:focus ~ label, footer input:valid ~ label,  .impulse-download-wrapper input:focus ~ label, .impulse-download-wrapper input:valid ~ label {
 top: -20px;
 font-size: 14px;
}
footer input:focus ~ .bar,  .impulse-download-wrapper input:focus ~ .bar {
	width: 100%;
}
footer .newsletter-input input[type="submit"] {
	width: 200px;
	padding: 12px 0;
	margin-top: 45px;
	background: #000;
	color: rgba(255, 2555, 255, 0.4);
	border-radius: 1px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	font-family: "Maison Neue Bold";
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.2px;
	-webkit-appearance: none;
	cursor: pointer;
}
html[lang="zh-hant"] footer .newsletter-input input[type="submit"],  html[lang="zh-hans"] footer .newsletter-input input[type="submit"] {
	font-weight: 700;
}
footer .social-wrapper {
	max-width: 400px;
	height: 100px;
	margin: 0 auto;
	border: 0;
}
footer .social {
	top: 42px;
}
nav .social.wechat a,  footer .social.wechat a {
	position: relative;
}
nav .social.wechat a:hover:after,  footer .social.wechat a:hover:after {
	content: url('data:image/png;base64,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');
	position: absolute;
	width: 202px;
	height: 202px;
	bottom: 110%;
	left: -81px;
	border: 1px solid #202020;
	display: block;
}
footer .data-protection-wrapper {
	margin-top: 45px;
}
footer .data-protection-wrapper a {
	font-size: 15px;
	line-height: 1.33;
	letter-spacing: 1px;
}
footer .lsa-wrapper {
	margin-top: 100px;
}
footer .lsa-wrapper a {
	color: #FFF;
	opacity: 0.5;
	font-family: "Maison Neue Bold";
	font-size: 20px;
	line-height: 1.25;
	letter-spacing: 0.4px;
	text-align: center;
	text-decoration: none;
}
html[lang="zh-hant"] footer .lsa-wrapper a,  html[lang="zh-hans"] footer .lsa-wrapper a {
	font-weight: 700;
}
footer .locations-wrapper {
	color: #FFF;
}
footer .locations-wrapper > div {
	display: inline-block;
	margin: 0px 9px;
	padding: 6px 5px;
	font-family: "Maison Neue Bold";
	font-size: 15px;
	line-height: 1.33;
	letter-spacing: 1px;
	vertical-align: top;
}
html[lang="zh-hant"] footer .locations-wrapper > div,  html[lang="zh-hans"] footer .locations-wrapper > div {
	font-weight: 700;
}
footer .locations-wrapper > div br {
	display: none;
}
footer .locations-wrapper > div a {
	color: #FFF;
	opacity: 0.45;
	text-decoration: none;
}
.newsletter-input .hs_email > label {
	display: none;
}
.newsletter-input input[name='email'],  .newsletter-input input[name='EMAIL'] {
	width: 100%;
	border: 0;
	border-radius: 0;
	background: none;
	height: 42px;
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
	letter-spacing: 0.2px;
	text-align: center;
	color: #FFF;
	border-bottom: 2px solid rgba(255, 255, 255, 0.45);
	-webkit-appearance: none;
	transition: border-color 0.3s;
}
 .newsletter-input input[name='email']::-webkit-input-placeholder {
 color: #FFF;
}
 .newsletter-input input[name='email']::-moz-placeholder {
 color: #FFF;
}
 .newsletter-input input[name='email']:-ms-input-placeholder {
 color: #FFF;
}
 .newsletter-input input[name='email']:-moz-placeholder {
 color: #FFF;
}
 .newsletter-input input[name='EMAIL']::-webkit-input-placeholder {
 color: #FFF;
}
 .newsletter-input input[name='EMAIL']::-moz-placeholder {
 color: #FFF;
}
 .newsletter-input input[name='EMAIL']:-ms-input-placeholder {
 color: #FFF;
}
 .newsletter-input input[name='EMAIL']:-moz-placeholder {
 color: #FFF;
}
 @-webkit-keyframes autofill {
 to {
 color: #FFF;
 background: transparent;
}
}
 .newsletter-input input[name='email']:-webkit-autofill,  .newsletter-input input[name='EMAIL']:-webkit-autofill {
 -webkit-animation-name: autofill;
 -webkit-animation-fill-mode: both;
}
.newsletter-input input[name='email']:focus,  .newsletter-input input[name='EMAIL']:focus {
	border-color: #FFF;
}
.newsletter-input ul.hs-error-msgs {
	clear: both;
	display: block;
	list-style: none;
	margin: 0 auto;
}
.newsletter-input ul.hs-error-msgs label,  .mc4wp-alert {
	position: relative;
	font-size: 14px;
	color: #FF0000;
}
.mc4wp-response {
	margin-top: 20px;
}
.mc4wp-error p {
	font-size: 14px;
}
.newsletter-input .hs_error_rollup {
	display: none !important;
}
.newsletter-input .submitted-message {
	padding: 20px;
	background: #FFF;
	color: #333;
}
.newsletter-input .submitted-message p {
	font-size: 16px;
}

@media (max-width: 736px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) {
footer .newsletter-title {
	font-size: 18px;
	line-height: 1.39;
	letter-spacing: 0.4px;
}
}

@media only screen and (max-width: 414px) {
footer {
	padding: 35px 15px;
}
footer .locations-wrapper > div {
	margin: 0px 6px;
}
footer .locations-wrapper > div br {
	display: block;
}
}

@media only screen and (max-width: 374px) {
footer .locations-wrapper > div:first-child {
	display: block;
	margin: 6px;
}
}
/* =================== Helper =================== */

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.hidden,  .hp-message {
	display: none !important;
}
.logo-nav {
	padding-top: 20px;
	padding-left: 30px;
}
.logo-nav img {
	max-height: 55px;
}
.menu-bottom {
	margin-top: 50px;
}
.menu-bottom > li > a {
	font-size: 22px!important;
	padding-top:0px;
	padding-bottom: 5px;
	font-family:  Times, "Times New Roman", "serif"!important;
}
.fp-slide.start .copy-wrapper .title, .fp-slide .copy-wrapper .title {
	font-family: 'Philosopher', sans-serif!important;
	font-weight: 400!important;
	font-size: 72px!important;
	line-height: 72px!important;
}
.search-nav {
	padding-left: 100px;
	margin-top: 20px;
	display: flex;
	cursor: pointer;
}
.search-nav > i {
	font-size: 30px;
	font-weight: 300;
}
.search-nav .form-search {
	width: 60%;
	margin-left: 2%;
}
.portfolio-desc {
	padding-bottom: 0 0 70px 70px;
}
.portfolio-notitle .portfolio-desc h2 {
	font-family: 'Philosopher', sans-serif!important;
	color: #fff;
	font-weight: 400!important;
}
.menu-wrapper1 {
	padding-left: 100px;
}
.header-breadrumb {
	background: #f1f2f2;
}
.header-breadrumb h1 {
	color:#000;
	margin-bottom: 0;
	padding: 10px 0 15px 30px;
	font-family: 'Philosopher', sans-serif;
	font-weight: 400;
}
.gallery-fixed {
	position: fixed;
	top:0;
	left: 0;
	bottom:0;
	right: 0;
	background: rgba(0,0,0,0.7);
	z-index: 99999;
}
.closeGallery {
	position: absolute;
	top:30px;
	right:30px;
	z-index: 999999;
}
.closeGallery i {
	font-size: 40px;
	color: #fff;
	cursor: pointer
}
.relative {
	position: relative;
}
.share-box:hover{position:absolute;left:0;top:0;text-align:center;width:100%;height:100%;padding-top:30%;background:rgba(0,0,0,.5);}
.hover-icon {
width:50px; height:50px; background:url(images/icons.png) no-repeat -150px 0; font-size:0; position:absolute; top:20px; right:20px;
	z-index: 9999;
}
.share-icon {
	display: none;
	position: absolute;
	left:0;top:0;text-align:center;width:100%;height:100%;padding-top:30%;
	z-index: 999;
}

.share-box:hover .share-icon{display: block}

.share-icon a{width:50px;height:50px;margin:0 10px;background:url(images/icons.png) no-repeat;font-size:0;opacity:.7; display: inline-block}
.share-icon a:hover{opacity:1;}
.share-icon a.facebook{background-position:0 -50px;}
.share-icon a.twitter{background-position:-50px -50px;}
.bg-content {
	background: #f1f2f2;
	display: inline-block;
	width: 100%;
}
.bg-content #content {
	background: unset;
	padding-left: 30px;
}
.list-blog {
/*	margin-top: 30px;*/
	border-top:1px solid #dcddde
}
.ipost  {
	line-height: 129px;
	border-bottom: 1px solid #dcddde;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.entry-text-blog {
	margin-top: 0!important;
}
.time-news, .ipost .entry-title h3 a, .t400 {
	color: #000;
}
.infomation-project {
	position: fixed;
	bottom: 80px;
	left: 50px;
}
.name-project {
	color: #fff;
	font-family: 'Philosopher', sans-serif;
	font-size: 40px;
	margin-bottom: 15px;
}
.share-project a{width:35px;height:35px;margin:0;background:url(images/icons.png) no-repeat;font-size:0; display: inline-block}
.share-project a:hover{opacity:1;}
.share-project a.facebook{background-position:0 -50px;}
.share-project a.twitter{background-position:-50px -50px;}
.carousel-control.right, .carousel-control.left {
	background-image: unset!important;
}
.carousel img {
	margin: auto;
	display: block;
	max-height: 937px;
}
.lang {
	float: left!important
}
.lang  a {
	margin-right: 15px;
	color: #000;
	display: inline-block;
}
.lang a.active {
	border-bottom: 1px solid #000
}
.footerMain {
	background: #000;
	padding: 30px 0;
}
.main-menu > li {
	position: relative
}
.menu-top > li > a {
	font-weight: 900;
	font-size: 35px;
}
.share-project {
	margin-top: 40px;
}
.share-project a {
	background: unset;
    /* padding-right: 20px; */
    height: 35px;
    width: 35px;
    margin-right: 20px;
}
.portfolio-image > a {
	position: relative;
	overflow:hidden;
}
.portfolio-image > a > img {
	width:100%;
	transition: transform 1s ease-out!important;
	-moz-transition: transform 1s ease-out!important;
	-ms-transition: transform 1s ease-out!important;
	-o-transition: transform 1s ease-out!important;
	-webkit-transition: transform 1s ease-out!important;
}

.portfolio-image > a > img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}



/* sub work page */
.list_wrap{width:100%; padding-top:180px;}
.list_wrap li{overflow:hidden;position:relative;float:left;width:50%;}

/*.list_wrap li img{width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}*/
.list_wrap li img{width:100%;transition: transform 1s ease-out;  -moz-transition: transform 1s ease-out;  -ms-transition: transform 1s ease-out;  -o-transition: transform 1s ease-out;  -webkit-transition: transform  1s ease-out;}
/*
.list_wrap li:hover img{-webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
     -o-transform:scale(1.1);
     -ms-transform:scale(1.1);
     transform:scale(1.1);
     -webkit-transition-property: -webkit-transform, -moz-transform, -o-transform, -ms-transform, transform;
     -webkit-transition-duration:1s;
     -webkit-transition-timing-function: cubic-bezier(0,0,.2,1);
     transition-property: -webkit-transform, -moz-transform, -o-transform, -ms-transform, transform;
     transition-duration:1s;
     transition-timing-function: cubic-bezier(0,0,.2,1);}
*/
.list_wrap li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.list_wrap li a{display:block;width:100%;height:100%;}

.list_wrap li .title{position:absolute;left:50px;bottom:40px;font-size:22px;color:#fff;}
.list_wrap li .btn_share{position:absolute;right:20px;top:20px;width:50px;height:50px;background:url(../images/icons.png) no-repeat -150px 0; font-size:0;}
.list_wrap li .share_box .sns_list{display:none;}
.list_wrap li .share_box:hover{position:absolute;left:0;top:0;text-align:center;width:100%;height:100%;padding-top:30%;background:rgba(0,0,0,.5);}
.list_wrap li .share_box:hover .sns_list{display:block;}


@media(max-width:1366px){
	.menu-wrapper1, .social-wrapper {
		padding-left: 40px!important;
	}
	.nav-top {
		padding-left: 40px;		
	}
	.search-nav {
		padding-left: 40px;		
	}
}
@media(max-width:768px){
	.carousel {
	top: 30%;
}
}