/*  */

.loading-gif {
	width: 4vw;
	height: 4vw;
	margin: -2.05vw 0 0 -2vw
}

.loading-gif::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.21s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.21s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.21s cubic-bezier(0.52, 0.01, 0.16, 1);
	background: url("/img/svg/nurture-black.svg") no-repeat center center/100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}



ul {
	list-style: none;
	margin: 0;
	padding: 0
}

ul li {
	margin: 0;
	padding: 0
}

.perch-content {
	display: none
}

ul,
ol {
	list-style: none
}

a,
p,
h1,
h2,
h3,
h4,
h5,
body {
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "aktiv-grotesk";
	color: #fff;
	position: relative;
	font-variant-ligatures: discretionary-ligatures
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
body {
	margin: 0;
	font-size: 1em;
	line-height: 1.05em;
	font-weight: normal
}

h1 {
	font-size: 7.5vw;
	font-family: "abril-fatface";
	line-height: 0.95em;
	padding-top: 0.3em;
	padding-bottom: 0.35em
}

@media only screen and (max-width: 700px) {
	h1 {
		font-size: 55px
	}
}

h1.medium {
	font-size: 5.1vw
}

@media only screen and (max-width: 700px) {
	h1.medium {
		font-size: 40px
	}
}

h1.small {
	font-size: 4.2vw
}

@media only screen and (max-width: 700px) {
	h1.small {
		font-size: 2.5em
	}
}

h1.gigantic-type {
	font-size: 48vw;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: -0.03em
}

h2 {
	font-size: 3.5vw;
	font-family: "abril-fatface";
	line-height: 1.1em;
	padding-top: 0.1em;
	margin: 1.5em 0 0.6em
}

@media only screen and (max-width: 700px) {
	h2 {
		font-size: 24px
	}
}

h3 {
	font-size: 0.95em;
	font-family: "abril-display";
	line-height: 1.3em;
	padding-bottom: 0.3em
}

@media only screen and (min-width: 1500px) {
	h3 {
		font-size: 1.05em
	}
}

h4 {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 7px;
	letter-spacing: 0.26em;
	margin-bottom: 1em;
	line-height: 1.3em
}

@media only screen and (min-width: 1500px) {
	h4 {
		font-size: 8px
	}
}

h4::before {
	content: '';
	position: absolute;
	top: 0.6em;
	left: -12px;
	height: 1px;
	background-color: #27282e;
	width: 7px
}

h5 {
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 0.02em;
	line-height: 1.55em;
	margin-bottom: 2.2em
}

@media only screen and (max-width: 700px) {
	h5 {
		font-size: 0.6em
	}
}

@media only screen and (min-width: 1500px) {
	h5 {
		font-size: 20px
	}
}

h6 {
	font-weight: 700;
	font-size: 1.15vw;
	letter-spacing: 0.02em;
	padding-bottom: 1.25em;
	padding-top: 0.5em;
	line-height: 1.4em
}

@media only screen and (max-width: 700px) {
	h6 {
		font-size: 0.75em
	}
}

p {
	line-height: 1.5em;
	font-size: 0.8em;
	font-weight: 500;
	letter-spacing: 0.01em;
	margin-bottom: 0.9em;
	color: rgba(39, 40, 46, 0.92)
}

@media only screen and (min-width: 1600px) {
	p {
		font-size: 0.95em
	}
}

p strong {
	font-weight: 700;
	position: relative
}

p strong::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	background-color: rgba(39, 40, 46, 0.15);
	height: 1px
}

p.story-intro {
	font-size: 2.4vw;
	font-family: "abril-display";
	line-height: 1.3em;
	font-weight: normal;
	letter-spacing: -0.01em;
	padding-top: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1em
}

@media only screen and (max-width: 700px) {
	p.story-intro {
		font-size: 1.3em
	}
}

p.story-intro::before {
	content: '';
	position: absolute;
	top: 0;
	width: 10%;
	height: 1px;
	background-color: #c8c8c8;
	left: 0
}

p.story-intro strong {
	font-weight: normal
}

p.story-intro strong::after {
	bottom: 2px
}

p.intro {
	font-size: 1.6vw;
	margin-bottom: 1.2em;
	font-family: "abril-display";
	line-height: 1.3em;
	font-weight: normal;
	letter-spacing: -0.01em
}

@media only screen and (max-width: 1200px) {
	p.intro {
		font-size: 1.1em
	}
}

p.intro a {
	font-weight: normal
}

p a {
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	margin-bottom: 0;
	padding-bottom: 0
}

a {
	display: inline-block;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 0.4em;
	padding-bottom: 0.1em
}

.wrapper {
	background-color: #f2f2f2;
	-webkit-transition: 0.8s cubic-bezier(0.52, 0.01, 0.16, 1) 0.35s;
	-moz-transition: 0.8s cubic-bezier(0.52, 0.01, 0.16, 1) 0.35s;
	transition: 0.8s cubic-bezier(0.52, 0.01, 0.16, 1) 0.35s
}

.wrapper.inactive {
	-webkit-transform: translate3d(0, 25%, 0);
	-moz-transform: translate3d(0, 25%, 0);
	-ms-transform: translate3d(0, 25%, 0);
	-o-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0)
}

img {
	vertical-align: top
}

.preloader-wrap,
.page-sweeper {
	z-index: 999999
}

.logoContainer {
	z-index: 9999
}

.nav-menu {
	z-index: 9950
}

.social-nav,
.disclaimer {
	z-index: 999
}

.img-gallery {
	z-index: 200
}

.fixed-elements {
	z-index: 150
}

.case .content {
	z-index: 100
}


.grid {
	z-index: 2
}

.pos-a {
	position: absolute
}

.full-size {
	width: 100%;
	height: 100%
}

.full-width {
	width: 100%
}

.full-height {
	height: 100%
}

.half-width {
	width: 50%
}

.viewport-full-height {
	height: 100vh
}

.pos-a-center {
	position: absolute;
	left: 50%;
	top: 50%
}

.pos-a-t-l {
	position: absolute;
	top: 0;
	left: 0
}

.pos-a-b-l {
	position: absolute;
	bottom: 0;
	left: 0
}

.pos-a-t-r {
	position: absolute;
	top: 0;
	right: 0
}

.pos-a-b-r {
	position: absolute;
	bottom: 0;
	right: 0
}

.pos-f-t-l {
	position: fixed;
	top: 0;
	left: 0
}

.pos-f {
	position: fixed
}

.pos-f-bottom {
	position: fixed;
	bottom: 0;
	left: 0
}

.float-r-list>* {
	float: right;
	margin-left: 1.3vw;
	font-weight: 500;
	font-size: 0.65em
}

.float-l {
	float: right
}

.pc-b::before {
	content: ""
}

.pc-a::after {
	content: ""
}

.center-l-t {
	position: absolute;
	left: 50%;
	top: 50%
}

.overflow-h {
	overflow: hidden
}

.blend-screen {
	mix-blend-mode: screen
}

.blend-lighten {
	mix-blend-mode: lighten
}

.blend-multiply {
	mix-blend-mode: multiply
}

.blend-burn {
	mix-blend-mode: color-burn
}

.blend-darken {
	mix-blend-mode: darken
}

.hover-pointer:hover {
	cursor: pointer
}

.section {
	width: 100%
}

.mob-only {
	display: none
}

@media only screen and (max-width: 700px) {
	.mob-only {
		display: block
	}
}

.touchevents .mob-only {
	display: block
}

.desktop-only {
	display: block
}

@media only screen and (max-width: 700px) {
	.desktop-only {
		display: none
	}
}

.touchevents .desktop-only {
	display: none
}


.lkin {
	background: url("/assets/images/linked-in.svg") no-repeat center center/100%
}

.yt {
	background: url("/assets/images/youtube.svg") no-repeat center center/100%
}

.fb {
	background: url("/assets/images/facebook.svg") no-repeat center center/100%
}

.in {
	background: url("/assets/images/instagram.svg") no-repeat center center/100%
}



.color-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: screen;
	-webkit-transition: 0.75s cubic-bezier(0.5, 0.5, 0, 1) 0.1s;
	-moz-transition: 0.75s cubic-bezier(0.5, 0.5, 0, 1) 0.1s;
	transition: 0.75s cubic-bezier(0.5, 0.5, 0, 1) 0.1s
}

.grey-overlay {
	pointer-events: none;
	background-color: rgba(0, 0, 0, 0.05)
}

.cta {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 900;
	letter-spacing: 0.26em;
	line-height: 1.3em;
	padding: 20px;
	color: #fff;
	width: initial;
	white-space: nowrap;
	text-align: center
}

.cta[data-color="black"] {
	color: #27282e
}

.cta[data-color="black"] ::before,
.cta[data-color="black"] ::after {
	background-color: #27282e
}

.cta[data-color="black"] .expand-icon span::before,
.cta[data-color="black"] .expand-icon span::after {
	background-color: #27282e
}

.cta.cta-full {
	border: 3px solid #f2f2f2;
	padding-left: 25px;
	padding-right: 25px;
	overflow: hidden
}

.cta.cta-full::before,
.cta.cta-full::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 2px;
	margin-top: -1px;
	top: 50%;
	background-color: #f2f2f2;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	-webkit-backface-visibility: hidden
}

.cta.cta-full::before {
	right: 8px;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0)
}

.cta.cta-full::after {
	left: 0;
	-webkit-transition-delay: 0.18s;
	-moz-transition-delay: 0.18s;
	transition-delay: 0.18s
}

.cta.cta-full[data-color="black"] {
	border-color: #27282e
}

.cta.cta-full[data-color="black"]::before,
.cta.cta-full[data-color="black"]::after {
	background-color: #27282e
}

.cta.cta-full:hover::before {
	-webkit-transition-delay: 0.22s;
	-moz-transition-delay: 0.22s;
	transition-delay: 0.22s;
	-webkit-transition-duration: 0.48s;
	-moz-transition-duration: 0.48s;
	transition-duration: 0.48s;
	-webkit-transform: scaleX(2);
	-moz-transform: scaleX(2);
	-ms-transform: scaleX(2);
	-o-transform: scaleX(2);
	transform: scaleX(2);
	-webkit-transition-timing-function: cubic-bezier(0.62, 0.02, 0.34, 1);
	-moz-transition-timing-function: cubic-bezier(0.62, 0.02, 0.34, 1);
	transition-timing-function: cubic-bezier(0.62, 0.02, 0.34, 1)
}

.cta.cta-full:hover::after {
	-webkit-transform: scaleX(2);
	-moz-transform: scaleX(2);
	-ms-transform: scaleX(2);
	-o-transform: scaleX(2);
	transform: scaleX(2);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.38, -0.32, 0.89, 0.34);
	-moz-transition-timing-function: cubic-bezier(0.38, -0.32, 0.89, 0.34);
	transition-timing-function: cubic-bezier(0.38, -0.32, 0.89, 0.34)
}

.cta.white-cta {
	background-color: #f2f2f2;
	color: #27282e
}

.cta.white-cta::before {
	background-color: #27282e
}

.cta.cta-icon {
	padding: 22px 22px 22px 56px
}

.cta.cta-icon.cta-full::after {
	display: none
}

.cta .scroll-icon {
	left: 24px;
	height: 15px;
	margin-top: -10px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8)
}

.cta .scroll-icon .line {
	background-color: #FFF
}

.cta .scroll-icon .arrow::before,
.cta .scroll-icon .arrow::after {
	background-color: #FFF
}

.cta .expand-icon {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 24px;
	top: 50%;
	margin-top: -8px
}

.cta .part-1,
.cta .part-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.cta .part-1::before,
.cta .part-2::before {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFF;
	-webkit-transform: scaleX(0.08);
	-moz-transform: scaleX(0.08);
	-ms-transform: scaleX(0.08);
	-o-transform: scaleX(0.08);
	transform: scaleX(0.08);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.cta .part-1::after,
.cta .part-2::after {
	content: '';
	width: 2px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFF;
	-webkit-transform: scaleY(0.2);
	-moz-transform: scaleY(0.2);
	-ms-transform: scaleY(0.2);
	-o-transform: scaleY(0.2);
	transform: scaleY(0.2);
	-webkit-transform-origin: 0 0%;
	-moz-transform-origin: 0 0%;
	-ms-transform-origin: 0 0%;
	-o-transform-origin: 0 0%;
	transform-origin: 0 0%;
	-webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.cta .part-2 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.cta[data-parts-state="two"] .part-1::before,
.cta[data-parts-state="two"] .part-2::before {
	-webkit-transform: translateX(92%) scaleX(0.08);
	-moz-transform: translateX(92%) scaleX(0.08);
	-ms-transform: translateX(92%) scaleX(0.08);
	-o-transform: translateX(92%) scaleX(0.08);
	transform: translateX(92%) scaleX(0.08)
}

.cta[data-parts-state="two"] .part-1::after,
.cta[data-parts-state="two"] .part-2::after {
	-webkit-transform: translateY(80%) scaleY(0.2);
	-moz-transform: translateY(80%) scaleY(0.2);
	-ms-transform: translateY(80%) scaleY(0.2);
	-o-transform: translateY(80%) scaleY(0.2);
	transform: translateY(80%) scaleY(0.2)
}

.cta:hover .expand-icon span::before {
	-webkit-transform: translate3d(-3px, -3px, 0) scaleY(3);
	-moz-transform: translate3d(-3px, -3px, 0) scaleY(3);
	-ms-transform: translate3d(-3px, -3px, 0) scaleY(3);
	-o-transform: translate3d(-3px, -3px, 0) scaleY(3);
	transform: translate3d(-3px, -3px, 0) scaleY(3)
}

.cta:hover .expand-icon span::after {
	-webkit-transform: translate3d(-3px, -3px, 0) scaleX(3);
	-moz-transform: translate3d(-3px, -3px, 0) scaleX(3);
	-ms-transform: translate3d(-3px, -3px, 0) scaleX(3);
	-o-transform: translate3d(-3px, -3px, 0) scaleX(3);
	transform: translate3d(-3px, -3px, 0) scaleX(3)
}

.listing {
	margin-bottom: 2em
}

.listing li {
	position: relative
}

.listing li a {
	display: block;
	font-family: "abril-fatface";
	font-weight: normal;
	font-size: 2.2vw;
	padding: 1.4em 0 0.9em;
	margin: 0
}

.listing li a h5 {
	margin-top: 0.6em
}

.listing li a::before,
.listing li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(39, 40, 46, 0.14);
	height: 1px
}

.listing li a::after {
	background-color: rgba(39, 40, 46, 0.7);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: 0.67s cubic-bezier(0.7, 0.3, 0, 1);
	-moz-transition: 0.67s cubic-bezier(0.7, 0.3, 0, 1);
	transition: 0.67s cubic-bezier(0.7, 0.3, 0, 1)
}

.listing li a:hover::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.listing.double-column {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.listing.double-column li {
	width: 45%;
	margin: 0 4% 0 0
}

.widow-killer {
	display: inline-block
}

.viewport-full-size {
	width: 100vw;
	height: 100vh
}

.close {
	width: 5vw;
	height: 5vw;
	margin-top: -3vw;
	-webkit-transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1);
	-moz-transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1);
	transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1)
}

@media only screen and (max-width: 700px) {
	.close {
		width: 26px;
		height: 26px
	}
}

.close span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0
}

.close span::before,
.close span::after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transition: 0.34s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.34s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.34s cubic-bezier(0.52, 0.01, 0.16, 1);
	-webkit-backface-visibility: hidden
}

@media only screen and (min-width: 1200px) {

	.close span::before,
	.close span::after {
		height: 3px
	}
}

.close span:nth-child(1)::before {
	-webkit-transform: rotate(45deg) translateX(0) scaleX(1);
	-moz-transform: rotate(45deg) translateX(0) scaleX(1);
	-ms-transform: rotate(45deg) translateX(0) scaleX(1);
	-o-transform: rotate(45deg) translateX(0) scaleX(1);
	transform: rotate(45deg) translateX(0) scaleX(1);
	-webkit-transition-delay: 0.12s;
	-moz-transition-delay: 0.12s;
	transition-delay: 0.12s
}

.close span:nth-child(1)::after {
	-webkit-transform: rotate(-45deg) translateX(0) scaleX(1);
	-moz-transform: rotate(-45deg) translateX(0) scaleX(1);
	-ms-transform: rotate(-45deg) translateX(0) scaleX(1);
	-o-transform: rotate(-45deg) translateX(0) scaleX(1);
	transform: rotate(-45deg) translateX(0) scaleX(1);
	-webkit-transition-delay: 0.22s;
	-moz-transition-delay: 0.22s;
	transition-delay: 0.22s
}

.close span:nth-child(2)::before {
	-webkit-transform: rotate(45deg) translateX(-70%) scaleX(0);
	-moz-transform: rotate(45deg) translateX(-70%) scaleX(0);
	-ms-transform: rotate(45deg) translateX(-70%) scaleX(0);
	-o-transform: rotate(45deg) translateX(-70%) scaleX(0);
	transform: rotate(45deg) translateX(-70%) scaleX(0)
}

.close span:nth-child(2)::after {
	-webkit-transform: rotate(-45deg) translateX(-70%) scaleX(0);
	-moz-transform: rotate(-45deg) translateX(-70%) scaleX(0);
	-ms-transform: rotate(-45deg) translateX(-70%) scaleX(0);
	-o-transform: rotate(-45deg) translateX(-70%) scaleX(0);
	transform: rotate(-45deg) translateX(-70%) scaleX(0)
}

.close:hover span:nth-child(1)::before,
.close:hover span:nth-child(1)::after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s
}

.close:hover span:nth-child(1)::before {
	-webkit-transform: rotate(45deg) translateX(70%) scaleX(0);
	-moz-transform: rotate(45deg) translateX(70%) scaleX(0);
	-ms-transform: rotate(45deg) translateX(70%) scaleX(0);
	-o-transform: rotate(45deg) translateX(70%) scaleX(0);
	transform: rotate(45deg) translateX(70%) scaleX(0)
}

.close:hover span:nth-child(1)::after {
	-webkit-transform: rotate(-45deg) translateX(70%) scaleX(0);
	-moz-transform: rotate(-45deg) translateX(70%) scaleX(0);
	-ms-transform: rotate(-45deg) translateX(70%) scaleX(0);
	-o-transform: rotate(-45deg) translateX(70%) scaleX(0);
	transform: rotate(-45deg) translateX(70%) scaleX(0)
}

.close:hover span:nth-child(2)::before {
	-webkit-transform: rotate(45deg) translateX(0) scaleX(1);
	-moz-transform: rotate(45deg) translateX(0) scaleX(1);
	-ms-transform: rotate(45deg) translateX(0) scaleX(1);
	-o-transform: rotate(45deg) translateX(0) scaleX(1);
	transform: rotate(45deg) translateX(0) scaleX(1);
	-webkit-transition-delay: 0.22s;
	-moz-transition-delay: 0.22s;
	transition-delay: 0.22s
}

.close:hover span:nth-child(2)::after {
	-webkit-transform: rotate(-45deg) translateX(0) scaleX(1);
	-moz-transform: rotate(-45deg) translateX(0) scaleX(1);
	-ms-transform: rotate(-45deg) translateX(0) scaleX(1);
	-o-transform: rotate(-45deg) translateX(0) scaleX(1);
	transform: rotate(-45deg) translateX(0) scaleX(1);
	-webkit-transition-delay: 0.32s;
	-moz-transition-delay: 0.32s;
	transition-delay: 0.32s
}

.page-sweeper {
	display: none
}

.page-sweeper div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(-100vw);
	-moz-transform: translateX(-100vw);
	-ms-transform: translateX(-100vw);
	-o-transform: translateX(-100vw);
	transform: translateX(-100vw);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0;
	background-color: #f2f2f2;
	-webkit-transition: -webkit-transform .55s cubic-bezier(0.7, 0.3, 0, 1) .25s;
	-moz-transition: -moz-transform .55s cubic-bezier(0.7, 0.3, 0, 1) .25s;
	transition: transform .55s cubic-bezier(0.7, 0.3, 0, 1) .25s
}

.page-sweeper.page-sweeper-under div {
	background-color: #27282e;
	-webkit-transition: -webkit-transform .65s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: -moz-transform .65s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: transform .65s cubic-bezier(0.52, 0.01, 0.16, 1)
}

body.cases .page-sweeper.page-sweeper-under,
body.case .page-sweeper.page-sweeper-under {
	mix-blend-mode: multiply
}

.page-sweeper[data-active="on"] div {
	-webkit-transform: translateX(0vw);
	-moz-transform: translateX(0vw);
	-ms-transform: translateX(0vw);
	-o-transform: translateX(0vw);
	transform: translateX(0vw)
}

.cursor-follower {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
	z-index: 9999;
	pointer-events: none;
	-webkit-transform: translate3d(-200%, -200%, 0);
	-moz-transform: translate3d(-200%, -200%, 0);
	-ms-transform: translate3d(-200%, -200%, 0);
	-o-transform: translate3d(-200%, -200%, 0);
	transform: translate3d(-200%, -200%, 0)
}

.cursor-follower div {
	position: absolute;
	top: 0;
	left: 0
}

.cursor-follower .letter-hover {
	width: 18vw;
	height: 18vw;
	position: absolute;
	top: 0;
	left: 0;
	margin: -9vw 0 0 -9vw;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	z-index: 99
}

.cursor-follower .letter-hover::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	border-radius: 20vw;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.47s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.47s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.47s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.cursor-follower .letter-hover[data-active="on"]::before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.45s cubic-bezier(0.1, 0.55, 0.29, 1.44);
	-moz-transition: 0.45s cubic-bezier(0.1, 0.55, 0.29, 1.44);
	transition: 0.45s cubic-bezier(0.1, 0.55, 0.29, 1.44)
}

.cursor-follower .cursor-back {
	width: 50px;
	height: 20px
}

.cursor-follower .cursor-back span {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: 0.41s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.41s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.41s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.cursor-follower .cursor-back span:nth-child(1) {
	background-color: #FFF;
	top: 50%;
	width: 100%;
	height: 3px;
	margin-top: -1px;
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: scaleX(0) translateX(40%);
	-moz-transform: scaleX(0) translateX(40%);
	-ms-transform: scaleX(0) translateX(40%);
	-o-transform: scaleX(0) translateX(40%);
	transform: scaleX(0) translateX(40%)
}

.cursor-follower .cursor-back span:nth-child(2) {
	width: 20px;
	height: 20px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-timing-function: cubic-bezier(0.62, 0.02, 0.34, 1);
	-moz-transition-timing-function: cubic-bezier(0.62, 0.02, 0.34, 1);
	transition-timing-function: cubic-bezier(0.62, 0.02, 0.34, 1)
}

.cursor-follower .cursor-back span:nth-child(2)::before,
.cursor-follower .cursor-back span:nth-child(2)::after {
	content: '';
	position: absolute;
	background-color: #FFF;
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%;
	width: 100%;
	height: 3px;
	top: 50%;
	left: 0
}

.cursor-follower .cursor-back span:nth-child(2)::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.cursor-follower .cursor-back span:nth-child(2)::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -2px
}

.cursor-follower .cursor-back[data-active="on"] span:nth-child(1) {
	-webkit-transform: scaleX(1) translateX(0%);
	-moz-transform: scaleX(1) translateX(0%);
	-ms-transform: scaleX(1) translateX(0%);
	-o-transform: scaleX(1) translateX(0%);
	transform: scaleX(1) translateX(0%);
	-webkit-transition-delay: 0.12s;
	-moz-transition-delay: 0.12s;
	transition-delay: 0.12s
}

.cursor-follower .cursor-back[data-active="on"] span:nth-child(2) {
	-webkit-transition-delay: 0.32s;
	-moz-transition-delay: 0.32s;
	transition-delay: 0.32s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.play-icon {
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	-o-transform: scale(0.3);
	transform: scale(0.3)
}

.play-icon::before {
	background: url("/img/svg/play-icon.svg") no-repeat center center/100%
}

.expand-icon {
	width: 20px;
	height: 20px;
	-webkit-transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1);
	-moz-transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1);
	transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1)
}

.expand-icon span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.expand-icon span::before,
.expand-icon span::after {
	content: '';
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	-webkit-backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.expand-icon span::before {
	width: 6px;
	height: 2px
}

.expand-icon span::after {
	width: 2px;
	height: 6px
}

.expand-icon span:nth-child(2) {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.expand-icon span:nth-child(3) {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.expand-icon span:nth-child(4) {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.expand-icon:hover span::before {
	-webkit-transform: translate3d(-3px, -3px, 0) scaleY(3);
	-moz-transform: translate3d(-3px, -3px, 0) scaleY(3);
	-ms-transform: translate3d(-3px, -3px, 0) scaleY(3);
	-o-transform: translate3d(-3px, -3px, 0) scaleY(3);
	transform: translate3d(-3px, -3px, 0) scaleY(3)
}

.expand-icon:hover span::after {
	-webkit-transform: translate3d(-3px, -3px, 0) scaleX(3);
	-moz-transform: translate3d(-3px, -3px, 0) scaleX(3);
	-ms-transform: translate3d(-3px, -3px, 0) scaleX(3);
	-o-transform: translate3d(-3px, -3px, 0) scaleX(3);
	transform: translate3d(-3px, -3px, 0) scaleX(3)
}

.flex-vert-center {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-ms-flex-direction: column;
	height: 100%;
	margin-top: -0.5%
}

.flex-float {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	-ms-flex-direction: row
}

.flex-float>* {
	width: 100%
}

.stat {
	font-size: 8vw;
	font-family: "abril-fatface";
	text-align: center;
	line-height: 1.2em;
	width: 100%;
	display: block;
	position: relative
}

.stat i,
.stat em {
	font-size: 4vw;
	color: #27282e;
	transform: translateY(-30%);
	display: inline-block;
	font-style: normal
}

@media only screen and (max-width: 700px) {
	.stat {
		font-size: 4em
	}

	.stat i {
		font-size: 0.5em
	}
}


.scroll-icon-container {
	padding-top: 0.5em;
	position: relative
}

.scroll-icon-container>span {
	top: 50%;
	display: inline-block;
	-webkit-transform: translateY(-50%) translateX(20%);
	-moz-transform: translateY(-50%) translateX(20%);
	-ms-transform: translateY(-50%) translateX(20%);
	-o-transform: translateY(-50%) translateX(20%);
	transform: translateY(-50%) translateX(20%)
}

.scroll-icon {
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px
}

.scroll-icon .line {
	top: 0;
	height: 90%;
	background-color: #27282e;
	width: 2px;
	position: absolute;
	left: 50%;
	margin-left: -1px
}

.scroll-icon .arrow {
	position: absolute;
	bottom: 3px;
	left: 25%;
	width: 100%;
	height: 100%
}

.scroll-icon .arrow::before,
.scroll-icon .arrow::after {
	content: '';
	width: 50%;
	height: 2px;
	position: absolute;
	bottom: 0;
	background-color: #27282e
}

.scroll-icon .arrow::before {
	-webkit-transform: rotate(45deg) translateX(-2px) translateY(2px);
	-moz-transform: rotate(45deg) translateX(-2px) translateY(2px);
	-ms-transform: rotate(45deg) translateX(-2px) translateY(2px);
	-o-transform: rotate(45deg) translateX(-2px) translateY(2px);
	transform: rotate(45deg) translateX(-2px) translateY(2px)
}

.scroll-icon .arrow::after {
	-webkit-transform: rotate(-45deg) translateX(2px) translateY(2px);
	-moz-transform: rotate(-45deg) translateX(2px) translateY(2px);
	-ms-transform: rotate(-45deg) translateX(2px) translateY(2px);
	-o-transform: rotate(-45deg) translateX(2px) translateY(2px);
	transform: rotate(-45deg) translateX(2px) translateY(2px)
}

.project-trail {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	-ms-flex-direction: row;
	position: relative;
	margin-bottom: 1.25em;
	margin-top: 2em
}

.case .project-trail {
	width: 49.5%
}

.project-trail>li {
	width: 100%;
	margin-right: 6%;
	position: relative
}
.line-crumb {
	padding-right: 70px;
}

.line-crumb::after,
.line-crumb::before {
	content: '';
	position: absolute;
	width: 60px;
	right: 0;
	top: 50%;
	margin-top: 0px;
	height: 2px;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.line-crumb::before {
	background-color: #27282e
}

.line-crumb::after {
	background-color: #f2f2f2
}

.line-crumb[data-color="white"]::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.line-crumb[data-color="black"]::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.float-trail {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	-ms-flex-direction: row
}

.float-trail li {
	width: 100%
}

.float-trail li:nth-child(1) {
	margin: 0 5% 0 0
}

.float-trail li img {
	width: 50%;
	margin: 5% 0
}

.float-trail:not(.overflow-animate-wrap) {
	margin-bottom: 0.5em
}

.line-before {
	position: relative
}

.line-before::before {
	content: '';
	position: absolute;
	top: 8px;
	right: 105%;
	width: 20px;
	height: 1px;
	background-color: #c8c8c8
}

.next-prev-arrows {
	    top: 50%;
    right: 3%;
    margin-top: -5.8vw;
    width: 6vw;
    z-index: 11;
}

.next-prev-arrows li {
	width: 6vw;
	height: 6vw;
	position: relative
}

.next-prev-arrows li a,
.next-prev-arrows li a span,
.next-prev-arrows li a span::before,
.next-prev-arrows li a span::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.next-prev-arrows li a {
	-webkit-transition: 0.32s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.32s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.32s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.next-prev-arrows li a span {
	overflow: hidden;
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	-ms-transform: scale(0.4);
	-o-transform: scale(0.4);
	transform: scale(0.4)
}

.next-prev-arrows li a span::before,
.next-prev-arrows li a span::after {
	content: '';
	-webkit-backface-visibility: hidden;
	background: url("/assets/images/arrow-01.svg") no-repeat center center/100%
}
       
.next-prev-arrows li a span::before {
	-webkit-transition: 0.32s cubic-bezier(0.7, 0.3, 0, 1) 0.2s;
	-moz-transition: 0.32s cubic-bezier(0.7, 0.3, 0, 1) 0.2s;
	transition: 0.32s cubic-bezier(0.7, 0.3, 0, 1) 0.2s
}

.next-prev-arrows li a span::after {
	-webkit-transition: 0.21s cubic-bezier(0.62, 0.02, 0.34, 1);
	-moz-transition: 0.21s cubic-bezier(0.62, 0.02, 0.34, 1);
	transition: 0.21s cubic-bezier(0.62, 0.02, 0.34, 1);
	-webkit-transform: translateY(-105%);
	-moz-transform: translateY(-105%);
	-ms-transform: translateY(-105%);
	-o-transform: translateY(-105%);
	transform: translateY(-105%)
}

.next-prev-arrows li a:hover span::before {
	-webkit-transform: translateY(105%);
	-moz-transform: translateY(105%);
	-ms-transform: translateY(105%);
	-o-transform: translateY(105%);
	transform: translateY(105%);
	-webkit-transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1);
	-moz-transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1);
	transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1)
}

.next-prev-arrows li a:hover span::after {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1) 0.14s;
	-moz-transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1) 0.14s;
	transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1) 0.14s
}

.next-prev-arrows li:nth-child(1) {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.next-prev-arrows li:nth-child(1)::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	-webkit-transform: scaleX(0.5);
	-moz-transform: scaleX(0.5);
	-ms-transform: scaleX(0.5);
	-o-transform: scaleX(0.5);
	transform: scaleX(0.5)
}

.logoContainer {
	top: 0px;
	left: 0px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

@media only screen and (min-width: 1200px) {
	.logoContainer {
		        top: 11px;
        left: 21px;
	}
}

@media only screen and (min-width: 1400px) {
	.logoContainer {
		-webkit-transform: scale(1.12);
		-moz-transform: scale(1.12);
		-ms-transform: scale(1.12);
		-o-transform: scale(1.12);
		transform: scale(1.12);
		top: 44px;
		left: 44px
	}
}

@media only screen and (min-width: 1600px) {
	.logoContainer {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		transform: scale(1.3);
		top: 0px;
		left: 0px
	}
}

.logoContainer>* {
	float: left;
	margin-right: 36px;
	margin-bottom: 0
}


.navBarSlider{
	margin-top: 0% !important; 
    display: flex;
	gap:4rem;
}

ul.logImg,
ul.logImg-hover {
	width: 177px;
    height: 36px;
}


.list-nav {
	top: 80%;
	width: 30px;
	height: 23px;
	margin: -12px 0 0 -13px;
	overflow: hidden;
	display: inline-block;
	position: absolute
}

.list-nav li {
	margin-left: -5%;
	width: 100%;
	height: 4px;
	margin-top: -1px;
	position: absolute;
	left: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scaleX(0.85);
	-moz-transform: scaleX(0.85);
	-ms-transform: scaleX(0.85);
	-o-transform: scaleX(0.85);
	transform: scaleX(0.85);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.list-nav li::before,
.list-nav li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.list-nav li::after {
	background-color: #fff;
}

.list-nav li::before {
	background-color: #f2f2f2
}

.list-nav li:nth-child(1) {
	-webkit-transition-delay: .01s;
	-moz-transition-delay: .01s;
	transition-delay: .01s
}

.list-nav li:nth-child(1)::before,
.list-nav li:nth-child(1)::after {
	-webkit-transition-delay: .01s;
	-moz-transition-delay: .01s;
	transition-delay: .01s
}

.list-nav li:nth-child(2) {
	-webkit-transition-delay: .13s;
	-moz-transition-delay: .13s;
	transition-delay: .13s
}

.list-nav li:nth-child(2)::before,
.list-nav li:nth-child(2)::after {
	-webkit-transition-delay: .13s;
	-moz-transition-delay: .13s;
	transition-delay: .13s
}

.list-nav li:nth-child(3) {
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	transition-delay: .25s
}

.list-nav li:nth-child(3)::before,
.list-nav li:nth-child(3)::after {
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	transition-delay: .25s
}

.list-nav li:nth-child(4) {
	-webkit-transition-delay: .37s;
	-moz-transition-delay: .37s;
	transition-delay: .37s
}

.list-nav li:nth-child(4)::before,
.list-nav li:nth-child(4)::after {
	-webkit-transition-delay: .37s;
	-moz-transition-delay: .37s;
	transition-delay: .37s
}

.list-nav li:nth-child(5) {
	-webkit-transition-delay: .49s;
	-moz-transition-delay: .49s;
	transition-delay: .49s
}

.list-nav li:nth-child(5)::before,
.list-nav li:nth-child(5)::after {
	-webkit-transition-delay: .49s;
	-moz-transition-delay: .49s;
	transition-delay: .49s
}

.list-nav li:nth-child(1) {
	top: 6%
}

.list-nav li:nth-child(2) {
	top: 48%
}

.list-nav li:nth-child(3) {
	bottom: 0;
	-webkit-transform: skew(-45deg) scaleX(0.7);
	-moz-transform: skew(-45deg) scaleX(0.7);
	-ms-transform: skew(-45deg) scaleX(0.7);
	-o-transform: skew(-45deg) scaleX(0.7);
	transform: skew(-45deg) scaleX(0.7)
}

.list-nav:hover li {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.menu-indicator {
	position: absolute;
	left: 100%;
	height: 100%;
	margin-left: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-ms-flex-direction: column
}

body:not(.home) .menu-indicator {
	display: none
}

.menu-indicator h4 {
	font-size: 11px;
	margin-bottom: 0;
	color: #f2f2f2
}

.menu-indicator h4::before {
	display: none
}

.nav-menu .menu-list ul li a::after,
.small-link-before::after {
	content: '';
	width: 30%;
	height: 2px;
	background-color: #27282e;
	position: absolute;
	bottom: 0;
	-webkit-transition: 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}




.nav-menu a.close span::before,
.nav-menu a.close span::after{
	background-color: #27282e
}

.nav-menu a.close {
	top: 50%;
	right: 3vw
}

@media only screen and (max-width: 700px) {
	.nav-menu a.close {
		right: 8%
	}
}

.nav-menu {
	width: 45%;
	height: 100vh !important;
	margin-top: 0;
	overflow: hidden;
	-webkit-transform: translateX(-100vw);
	-moz-transform: translateX(-100vw);
	-ms-transform: translateX(-100vw);
	-o-transform: translateX(-100vw);
	transform: translateX(-100vw);
	-webkit-transition: 0.93s cubic-bezier(0.5, 0.5, 0, 1);
	-moz-transition: 0.93s cubic-bezier(0.5, 0.5, 0, 1);
	transition: 0.93s cubic-bezier(0.5, 0.5, 0, 1);
	background-color: #f6dca3;
	pointer-events: none
}

.nav-menu>div {
	margin-top: 2.2em
}

/*.nav-menu .menu-list ul:nth-child(1) li:nth-child(1)::before {*/
/*	content: '01'*/
/*}*/

/*.nav-menu .menu-list ul:nth-child(1) li:nth-child(2)::before {*/
/*	content: '02'*/
/*}*/

/*.nav-menu .menu-list ul:nth-child(2) li:nth-child(1)::before {*/
/*	content: '03'*/
/*}*/

/*.nav-menu .menu-list ul:nth-child(2) li:nth-child(2)::before {*/
/*	content: '04'*/
/*}*/

/*.nav-menu .menu-list ul:nth-child(2) li:nth-child(3)::before {*/
/*	content: '05'*/
/*}*/

.nav-menu .menu-list ul li {
	position: relative
}

.nav-menu .menu-list ul li::before {
	color: #27282e;
	position: absolute;
	top: 5px;
	left: -20px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 7px;
	font-weight: 800;
	text-align: right;
	font-family: "aktiv-grotesk";
	-webkit-backface-visibility: hidden
}



/* end letter s */

.nav-menu .menu-list ul li a {
    position: relative; /* important */
    font-size: 4vw;
    font-family: "abril-fatface";
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 2.3vw;
    padding-bottom: 0.2vw; /* reduce so underline is closer */
    text-decoration: none; /* in case default underline */
}

.nav-menu .menu-list ul li a::after {
    content: '';
    width: 100%; /* full underline under word */
    height: 2px;
    background-color: #27282e;
    position: absolute;
    left: 0;
    bottom: 0; /* sits right under text */
    transition: 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
    transform: scaleX(0);
    transform-origin: left center;
}

.nav-menu .menu-list ul li a:hover::after {
    transform: scaleX(1);
}


/* .nav-menu .menu-list ul li a {
	 position: relative !important; 
	font-size: 4vw;
	font-family: "abril-fatface";
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 2.3vw;
	padding-bottom: 0.8vw
}

.nav-menu .menu-list ul li a::after {
	content: '';
	width: 30%;
	height: 2px;
	background-color: #27282e;
	position: absolute;
	bottom: 0;
	-webkit-transition: 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
} 

.nav-menu .menu-list ul li a:hover::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
} */

.nav-menu .menu-list {
	width: 80%;
	margin: 0 0 0 15%
}

.nav-menu .menu-list li {
	margin: 0;
}

.nav-menu .latest {
	width: 75%;
	margin: 3% 0 0 15%
}

.nav-menu .latest li {
	margin: 0 6% 0 0
}

.nav-menu .latest li a {
	display: block
}

.nav-menu .latest li:last-child {
	width: 70%;
	margin-right: 0;
	margin-left: 5%
}

.nav-menu>* {
	-webkit-transition: 0.93s cubic-bezier(0.5, 0.5, 0, 1);
	-moz-transition: 0.93s cubic-bezier(0.5, 0.5, 0, 1);
	transition: 0.93s cubic-bezier(0.5, 0.5, 0, 1);
	-webkit-transform: translateX(80vw);
	-moz-transform: translateX(80vw);
	-ms-transform: translateX(80vw);
	-o-transform: translateX(80vw);
	transform: translateX(80vw)
}

.nav-menu[data-active="on"] {
	pointer-events: auto;
	-webkit-transform: translateX(0vw);
	-moz-transform: translateX(0vw);
	-ms-transform: translateX(0vw);
	-o-transform: translateX(0vw);
	transform: translateX(0vw)
}

.nav-menu[data-active="on"]>* {
	-webkit-transform: translateX(0vw);
	-moz-transform: translateX(0vw);
	-ms-transform: translateX(0vw);
	-o-transform: translateX(0vw);
	transform: translateX(0vw)
}

@media only screen and (max-width: 900px) {
	.nav-menu {
		width: 100%
	}

	.nav-menu .latest {
		margin-top: 10%
	}

	.nav-menu .latest li:not(:nth-child(3)) {
		display: none
	}

	.nav-menu .latest li:nth-child(3) {
		margin-left: 0
	}

	.nav-menu .latest li:nth-child(3) h4 {
		font-size: 0.75em
	}

	.nav-menu .menu-list ul li a {
		font-size: 1.8em
	}

	.nav-menu .menu-list ul li a h4 {
		display: none
	}
}



.peripherals {
	pointer-events: none
}

.peripherals li {
	-webkit-transition: 0.55s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.55s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.55s cubic-bezier(0.52, 0.01, 0.16, 1);
	position: absolute
}

.peripherals li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
	background-color: #000;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.peripherals li:nth-child(1)::before {
	-webkit-transition-delay: .12s;
	-moz-transition-delay: .12s;
	transition-delay: .12s
}

.peripherals li:nth-child(2)::before {
	-webkit-transition-delay: .47s;
	-moz-transition-delay: .47s;
	transition-delay: .47s
}

.peripherals li:nth-child(3)::before {
	-webkit-transition-delay: .82s;
	-moz-transition-delay: .82s;
	transition-delay: .82s
}

.peripherals li:nth-child(4)::before {
	-webkit-transition-delay: 1.17s;
	-moz-transition-delay: 1.17s;
	transition-delay: 1.17s
}

.peripherals li:nth-child(5)::before {
	-webkit-transition-delay: 1.52s;
	-moz-transition-delay: 1.52s;
	transition-delay: 1.52s
}

.peripherals li:nth-child(6)::before {
	-webkit-transition-delay: 1.87s;
	-moz-transition-delay: 1.87s;
	transition-delay: 1.87s
}

.peripherals li:nth-child(7)::before {
	-webkit-transition-delay: 2.22s;
	-moz-transition-delay: 2.22s;
	transition-delay: 2.22s
}

.peripherals li:nth-child(8)::before {
	-webkit-transition-delay: 2.57s;
	-moz-transition-delay: 2.57s;
	transition-delay: 2.57s
}

.peripherals li:nth-child(9)::before {
	-webkit-transition-delay: 2.92s;
	-moz-transition-delay: 2.92s;
	transition-delay: 2.92s
}

.peripherals li:nth-child(10)::before {
	-webkit-transition-delay: 3.27s;
	-moz-transition-delay: 3.27s;
	transition-delay: 3.27s
}

.line-hover {
	position: relative;
	display: table
}

.line-hover[data-color="white"] {
	color: #f2f2f2
}

.line-hover::after,
.line-hover::before {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -1px;
	left: 0;
	-webkit-transition: 0.28s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.28s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.28s cubic-bezier(0.52, 0.01, 0.16, 1);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 99
}

.line-hover::before {
	background-color: #f2f2f2
}

.line-hover::after {
	background-color: #27282e
}

.line-hover:hover::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.line-hover:hover[data-color="white"]::after {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0)
}

.line-hover:hover[data-color="white"]::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.a-icon span {
	width: 8px;
	height: 8px;
	margin-right: -16px;
	margin-top: -4px;
	right: 0;
	top: 50%;
	content: '';
	position: absolute
}

.a-icon span::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}

.a-icon.icon-l span {
	margin-left: -16px;
	left: 0;
	right: auto;
	margin-right: 0
}

.a-icon.icon-all-cases span::before {
	background-image: url("/img/svg/icon-all-cases.svg")
}

.a-icon.icon-play span::before {
	background-image: url("/img/svg/icon-play.svg")
}

.a-icon.icon-plus span {
	width: 10px;
	height: 10px;
	margin-right: -20px;
	margin-top: -5px;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	transition: .35s
}

.a-icon.icon-plus span::before {
	background-image: url("/img/svg/icon-plus.svg")
}

.a-icon.icon-plus:hover span {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.a-icon.icon-arrow span {
	-webkit-animation: arrowdown 1s infinite alternate cubic-bezier(0.5, 0.5, 0, 1);
	-moz-animation: arrowdown 1s infinite alternate cubic-bezier(0.5, 0.5, 0, 1);
	animation: arrowdown 1s infinite alternate cubic-bezier(0.5, 0.5, 0, 1)
}

.a-icon.icon-arrow span::before {
	background-image: url("/img/svg/arrow-white-thick.svg");
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)
}

.a-icon.icon-arrow[data-color="black"] span::before {
	background-image: url("/img/svg/arrow-black-thick.svg");
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)
}

.social-nav {
	right: 2.8vw;
	top: 2.4vw
}
.social-nav[data-active="off"] .hire-us {
	width: 0
}

.social-nav h5,
.social-nav ul,
.social-nav>a {
	float: left
}

.social-nav li a,
.social-nav>a {
	width: 2vw;
	height: 2vw;
	max-width: 24px;
	max-height: 24px
}


.social-nav .hire-us {
	margin-top: 4px;
	max-width: none;
	width: 90px;
	height: 19px;
	font-size: 9px;
	font-weight: bold;
	margin-left: 20px;
	display: inline-block;
	white-space: nowrap;
	text-transform: uppercase;
	overflow: hidden;
	position: relative;
	-webkit-transition: width 0.28s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: width 0.28s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: width 0.28s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.social-nav .hire-us,
.social-nav .hire-us * {
	box-sizing: border-box
}

.social-nav .hire-us>.content {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.social-nav .hire-us>.content>span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 65px;
	height: 19px
}

.social-nav .hire-us>.content>span>.content {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 19px;
	line-height: 0;
	padding-top: 8.5px;
	text-align: center;
	border: 1px solid #fff;
}

.social-nav .hire-us>.content>span.dark {
	overflow: hidden;
	left: -65px
}

.social-nav .hire-us>.content>span.dark>.content {
	background: #ffffff;
	color: #000;
	left: 65px
}

.social-nav .hire-us>.content>span.dark,
.social-nav .hire-us>.content>span.dark>.content {
	-webkit-transition: left 0.28s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: left 0.28s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: left 0.28s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.social-nav .hire-us:hover>.content>span.dark,
.social-nav .hire-us:hover>.content>span.dark>.content {
	left: 0;
	width: 90px;
}

body.hire-us .social-nav .hire-us {
	display: none
}

.disclaimer {
	right: 2.8vw;
	bottom: 0vw
}

.type-wrap {
	left: 59%;
	width: 30%;
	height: 100%;
	z-index: 10
}

.type-wrap .flex-vert-center>*:not(.clickable) {
	pointer-events: none
}

.type-wrap[data-home-state="video-full"],
.type-wrap[data-active="off"] {
	pointer-events: none
}

.type-wrap[data-home-state="video-full"] .overflow-animate-wrap>*,
.type-wrap[data-active="off"] .overflow-animate-wrap>* {
	-webkit-transform: translate3d(0, 150%, 0);
	-moz-transform: translate3d(0, 150%, 0);
	-ms-transform: translate3d(0, 150%, 0);
	-o-transform: translate3d(0, 150%, 0);
	transform: translate3d(0, 150%, 0)
}






.open-case {
	margin-top: 20px
}

.full-screen-transition {
	-webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
	background-color: #000;
	z-index: 100;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0)
}

.full-screen-transition[data-active="on"] {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.full-screen-transition[data-active="on"]:hover {
	cursor: none
}



.yt-player {
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15)
}

.js-yt-player {
	opacity: 1;
	pointer-events: none;
	-webkit-transition: 0.15s linear;
	-moz-transition: 0.15s linear;
	transition: 0.15s linear
}

.js-yt-player[data-active="off"] {
	opacity: 0;
	-webkit-transition: 0.15s linear;
	-moz-transition: 0.15s linear;
	transition: 0.15s linear
}


.fixed-elements>* {
	position: fixed;
	-webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1)
}

.fixed-elements .video-takeover {
	left: 31%;
	top: 4vw
}

.fixed-elements .close {
	top: 50%;
	right: 3.5vw;
	z-index: 20;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.fixed-elements .head-scroll,
.fixed-elements .skip-start,
.fixed-elements .timeline-skip-pause {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.fixed-elements[data-case-vid-state="full"] .case-scroll-full,
.fixed-elements[data-case-vid-state="left"] .case-scroll-full {
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	-ms-transform: translateX(300px);
	-o-transform: translateX(300px);
	transform: translateX(300px)
}

.fixed-elements[data-case-vid-state="full"] .head-scroll,
.fixed-elements[data-case-vid-state="full"] .skip-start,
.fixed-elements[data-case-vid-state="full"] .timeline-skip-pause {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.fixed-elements[data-case-vid-state="full"] .timeline-skipper {
	display: block
}

.fixed-elements[data-screen-state="video-full"] .close,
.fixed-elements[data-screen-state="video-full"] .full-screen-transition,
.fixed-elements[data-screen-state="video-full"] .skip-start,
.fixed-elements[data-screen-state="video-full"] .timeline-skip-pause {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.fixed-elements[data-screen-state="video-full"] .timeline-skipper {
	display: block
}

.fixed-elements[data-screen-state="video-full"] .case-scroll,
.fixed-elements[data-screen-state="video-full"] .next-prev-arrows {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.fixed-elements[data-screen-state="video-full"] .case-scroll-full {
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	-ms-transform: translateX(300px);
	-o-transform: translateX(300px);
	transform: translateX(300px)
}

.fixed-elements[data-screen-state="video-full"] .footer>* {
	-webkit-transform: translateY(130%);
	-moz-transform: translateY(130%);
	-ms-transform: translateY(130%);
	-o-transform: translateY(130%);
	transform: translateY(130%)
}

.fixed-elements[data-screen-state="gallery"] .close,
.fixed-elements[data-screen-state="gallery"] .case-scroll,
.fixed-elements[data-screen-state="gallery"] .video-takeover-panel,
.fixed-elements[data-case-vid-state="right"] .close,
.fixed-elements[data-case-vid-state="right"] .case-scroll,
.fixed-elements[data-case-vid-state="right"] .video-takeover-panel,
.fixed-elements[data-case-vid-state="full"] .close,
.fixed-elements[data-case-vid-state="full"] .case-scroll,
.fixed-elements[data-case-vid-state="full"] .video-takeover-panel {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.fixed-elements .footer {
	bottom: 2.5vw;
	left: 4vw
}

.fixed-elements .footer>* {
	float: left;
	margin-right: 10px
}

.fixed-elements .footer>*:nth-child(1) {
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .13s;
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .13s;
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .13s
}

.fixed-elements .footer>*:nth-child(2) {
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .26s;
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .26s;
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .26s
}

.fixed-elements .footer>*:nth-child(3) {
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .39s;
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .39s;
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .39s
}

.fixed-elements .footer>*:nth-child(4) {
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .52s;
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .52s;
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .52s
}

.fixed-elements .footer>*:nth-child(5) {
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .65s;
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .65s;
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .65s
}

.fixed-elements .footer>*:nth-child(6) {
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .78s;
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .78s;
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .78s
}

.fixed-elements .footer>*:nth-child(7) {
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .91s;
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .91s;
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) .91s
}

.fixed-elements .footer>*:nth-child(8) {
	-webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) 1.04s;
	-moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) 1.04s;
	transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1) 1.04s
}

.black-bg {
	background-color: #27282e
}

.black-bg a,
.black-bg p,
.black-bg h1,
.black-bg h2,
.black-bg h3,
.black-bg h4,
.black-bg h5,
.black-bg h6,
.black-bg li {
	color: #f2f2f2
}

.black-bg h4::before {
	background-color: #f2f2f2
}

.white-text a,
.white-text p,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text li {
	color: #f2f2f2
}

.white-text h4::before {
	background-color: #f2f2f2
}


.overflow-animate-wrap {
	overflow: hidden;
	padding-left: 10%;
	margin-left: -40%
}

.overflow-animate-wrap p {
	margin-bottom: 0;
	padding-bottom: 1.8em
}

.overflow-animate-wrap>* {
	-webkit-transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1);
	-moz-transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1);
	transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	display: block
}

.overflow-animate-wrap>*.line-hover {
	display: table
}

.overflow-animate-wrap:nth-child(1)>* {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s
}

.overflow-animate-wrap:nth-child(2)>* {
	-webkit-transition-delay: .12s;
	-moz-transition-delay: .12s;
	transition-delay: .12s
}

.overflow-animate-wrap:nth-child(3)>* {
	-webkit-transition-delay: .24s;
	-moz-transition-delay: .24s;
	transition-delay: .24s
}

.overflow-animate-wrap:nth-child(4)>* {
	-webkit-transition-delay: .36s;
	-moz-transition-delay: .36s;
	transition-delay: .36s
}

.overflow-animate-wrap:nth-child(5)>* {
	-webkit-transition-delay: .48s;
	-moz-transition-delay: .48s;
	transition-delay: .48s
}

.overflow-animate-wrap:nth-child(6)>* {
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	transition-delay: .6s
}

.overflow-animate-wrap:nth-child(7)>* {
	-webkit-transition-delay: .72s;
	-moz-transition-delay: .72s;
	transition-delay: .72s
}

.overflow-animate-wrap:nth-child(8)>* {
	-webkit-transition-delay: .84s;
	-moz-transition-delay: .84s;
	transition-delay: .84s
}

.overflow-animate-wrap:nth-child(9)>* {
	-webkit-transition-delay: .96s;
	-moz-transition-delay: .96s;
	transition-delay: .96s
}

.overflow-animate-wrap:nth-child(10)>* {
	-webkit-transition-delay: 1.08s;
	-moz-transition-delay: 1.08s;
	transition-delay: 1.08s
}

[data-overflow-state="inactive"]>* {
	-webkit-transform: translate3d(0, 140%, 0);
	-moz-transform: translate3d(0, 140%, 0);
	-ms-transform: translate3d(0, 140%, 0);
	-o-transform: translate3d(0, 140%, 0);
	transform: translate3d(0, 140%, 0)
}


@media only screen and (max-width: 700px) {
	.project-trail {
		width: 90%
	}

	.fixed-elements>* {
		display: none
	}
}

@-webkit-keyframes galleryhover {
	0% {
		background-color: rgba(255, 255, 255, 0)
	}

	25% {
		background-color: rgba(255, 255, 255, 0.05)
	}

	100% {
		background-color: rgba(255, 255, 255, 0)
	}
}

@-moz-keyframes galleryhover {
	0% {
		background-color: rgba(255, 255, 255, 0)
	}

	25% {
		background-color: rgba(255, 255, 255, 0.05)
	}

	100% {
		background-color: rgba(255, 255, 255, 0)
	}
}

@keyframes galleryhover {
	0% {
		background-color: rgba(255, 255, 255, 0)
	}

	25% {
		background-color: rgba(255, 255, 255, 0.05)
	}

	100% {
		background-color: rgba(255, 255, 255, 0)
	}
}

@-webkit-keyframes arrowdown {
	0% {
		-webkit-transform: translateY(-30%)
	}

	100% {
		-webkit-transform: translateY(30%)
	}
}

@-moz-keyframes arrowdown {
	0% {
		-moz-transform: translateY(-30%)
	}

	100% {
		-moz-transform: translateY(30%)
	}
}

@keyframes arrowdown {
	0% {
		-webkit-transform: translateY(-30%);
		-moz-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		-o-transform: translateY(-30%);
		transform: translateY(-30%)
	}

	100% {
		-webkit-transform: translateY(30%);
		-moz-transform: translateY(30%);
		-ms-transform: translateY(30%);
		-o-transform: translateY(30%);
		transform: translateY(30%)
	}
}

@-webkit-keyframes rotateforever {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotateforever {
	0% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@keyframes rotateforever {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

::selection {
	background: #181818;
	color: #fff
}

::-moz-selection {
	background: #181818;
	color: #fff
}

#ouibounce-modal {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2147483647;
	background: rgba(0, 0, 0, 0.3);
	visibility: hidden
}

#ouibounce-modal.show {
	visibility: inherit
}

#ouibounce-modal .content {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 412px;
	margin-left: -206px;
	min-height: 570px;
	margin-top: -285px;
	background: white;
	padding: 30px 50px 0px;
	box-sizing: border-box
}

#ouibounce-modal .content .close {
	position: absolute;
	right: 16px;
	top: 37px;
	width: 35px
}

#ouibounce-modal .content .close span::before,
#ouibounce-modal .content .close span::after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: black
}

#ouibounce-modal .content .close span:nth-child(1)::before,
#ouibounce-modal .content .close span:nth-child(1)::after {
	background-color: black
}

#ouibounce-modal .content h1 {
	font-size: 4.3em
}

#ouibounce-modal .content p {
	font-size: 1.15em;
	font-family: "abril-display";
	line-height: 1.3em;
	font-weight: normal;
	letter-spacing: -0.01em;
	margin-bottom: 30px;
	width: 90%
}

#ouibounce-modal .content p strong {
	text-decoration: none
}

#ouibounce-modal .content p.bottom-text {
	font-size: .95em;
	width: 100%
}

#ouibounce-modal .content .form {
	margin-bottom: 40px
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form {
	padding: 0;
	text-align: right
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .email {
	display: block;
	width: 100%;
	padding: 1.5em;
	box-sizing: border-box;
	background: transparent;
	border: 3px solid #27282e;
	border-radius: 0;
	outline: none;
	font-family: "aktiv-grotesk";
	font-size: .8em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group {
	text-align: left;
	width: 100%;
	margin-bottom: 1em
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group label {
	display: none
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group input {
	margin-top: 0
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group .mce_inline_error {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: transparent;
	outline: none;
	font-family: "aktiv-grotesk";
	font-size: .8em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #991111;
	margin-top: 10px;
	margin-bottom: 0
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .cta {
	background-color: #27282e
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .cta-full::before,
#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .cta-full::after {
	background-color: black
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .submit-button {
	display: inline-block;
	width: auto;
	cursor: pointer;
	padding: 0;
	font-size: 1em;
	border-color: #27282e
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .submit-button input {
	display: block;
	margin: -3px;
	width: auto;
	cursor: pointer;
	color: #27282e;
	padding: 1em 1.8em 3.6em;
	box-sizing: border-box;
	border: 3px solid #27282e;
	border-radius: 0;
	outline: none;
	font-family: "aktiv-grotesk";
	font-size: .8em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll .button {
	background: white
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll #mce-responses {
	margin: 0;
	text-align: left;
	top: 10px;
	padding: 0;
	width: 95%
}

#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll #mce-responses #mce-success-response,
#ouibounce-modal .content #mc_embed_signup #mc-embedded-subscribe-form #mc_embed_signup_scroll #mce-responses #mce-error-response {
	width: 100%;
	margin-bottom: 0;
	font-family: "aktiv-grotesk";
	font-size: .7em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.25em
}

@media (max-width: 767px) {
	ul.logImg, ul.logImg-hover {
    width: 150px;
    height: 36px;
}
}