.accordion,

.icon-list,

.side-nav ul,

.tabs,

ol.decimal,

ol.plain,

ul.plain {

	margin-left: 0;

	padding-left: 0;

	list-style: none;

	color: #898989

}



.button,

.case-study-menu button,

.case-study-menu-2 button,

.contact-button,

.livestream-controls button,

.section-featured-work .nav-mobile button,

.section-process .nav-mobile button,

.section-project-navigation button,

.testimonials-video-close {

	display: inline-block;

	padding: 0;

	background: 0 0;

	border: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	cursor: pointer;

	font: inherit;

	color: currentColor;

	transition: .15s

}



[type=reset],

[type=submit],

button,

html [type=button] {

	-webkit-appearance: button

}



[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner,

button::-moz-focus-inner {

	border-style: none;

	padding: 0

}



[type=button]:-moz-focusring,

[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring,

button:-moz-focusring {

	outline: 1px dotted ButtonText

}



legend {

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal

}



progress {

	display: inline-block;

	vertical-align: baseline

}



textarea {

	overflow: auto

}



[type=checkbox],

[type=radio] {

	box-sizing: border-box;

	padding: 0

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

	height: auto

}



[type=search] {

	-webkit-appearance: textfield;

	outline-offset: -2px

}



[type=search]::-webkit-search-cancel-button,

[type=search]::-webkit-search-decoration {

	-webkit-appearance: none

}



::-webkit-file-upload-button {

	-webkit-appearance: button;

	font: inherit

}



details,

menu {

	display: block

}



summary {

	display: list-item

}



canvas {

	display: inline-block

}



template {

	display: none

}



[hidden] {

	display: none

}



@font-face {

	font-family: Futura PT wf;

	src: url(../fonts/FuturaPT-Light.html) format("woff2"), url(../fonts/FuturaPT-Light-2.html) format("woff"), url(../fonts/FuturaPT-Light-3.html) format("truetype");

	font-weight: 300;

	font-style: normal

}



@font-face {

	font-family: Futura PT wf;

	src: url(../fonts/FuturaPT-Book.html) format("woff2"), url(../fonts/FuturaPT-Book-2.html) format("woff"), url(../fonts/FuturaPT-Book-3.html) format("truetype");

	font-weight: 400;

	font-style: normal

}



@font-face {

	font-family: Futura PT wf;

	src: url(../fonts/FuturaPT-Medium.html) format("woff2"), url(../fonts/FuturaPT-Medium-2.html) format("woff"), url(../fonts/FuturaPT-Medium-3.html) format("truetype");

	font-weight: 500;

	font-style: normal

}



.icon-angularjs {

	width: 93px;

	height: 24px

}



.icon-heroku {

	width: 82px;

	height: 25px

}



.icon-android,

.icon-backend,

.icon-cms,

.icon-consulting,

.icon-ios,

.icon-web {

	display: inline-block;

	height: 36px;

	position: relative;

	border: 1px solid

}



.icon-android span:after,

.icon-android span:before,

.icon-android:after,

.icon-android:before,

.icon-backend span:after,

.icon-backend span:before,

.icon-backend:after,

.icon-backend:before,

.icon-cms span:after,

.icon-cms span:before,

.icon-cms:after,

.icon-cms:before,

.icon-consulting span:after,

.icon-consulting span:before,

.icon-consulting:after,

.icon-consulting:before,

.icon-ios span:after,

.icon-ios span:before,

.icon-ios:after,

.icon-ios:before,

.icon-web span:after,

.icon-web span:before,

.icon-web:after,

.icon-web:before {

	content: "";

	position: absolute;

	-webkit-transform: rotate(120deg);

	transform: rotate(120deg);

	-webkit-transform-origin: 0 100%;

	transform-origin: 0 100%;

	background: currentColor

}



.icon-ios {

	width: 22px

}



.icon-ios:before {

	width: 24px;

	height: 1px;

	top: -8px;

	left: 23px

}



.icon-android {

	width: 26px

}



.icon-android:before {

	width: 24px;

	height: 1px;

	top: 20px;

	left: 17px

}



.icon-backend {

	width: 44px

}



.icon-backend:before {

	width: 33px;

	height: 1px;

	top: -7px;

	left: 37px

}



.icon-backend:after {

	width: 10px;

	height: 1px;

	top: 13px;

	left: 19px

}



.icon-web {

	width: 37px;

	height: 31px;

	top: -5px

}



.icon-web:before {

	width: 24px;

	height: 1px;

	top: -7px;

	left: 27px

}



.icon-web:after {

	width: 5px;

	height: 1px;

	left: 18px;

	top: 29px;

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg)

}



.icon-consulting {

	width: 44px

}



.icon-consulting:before {

	width: 10px;

	height: 1px;

	top: 13px;

	left: 26px

}



.icon-consulting:after {

	width: 10px;

	height: 1px;

	top: 13px;

	left: 19px

}



.icon-cms {

	width: 44px

}



.icon-cms span:first-child:before,

.icon-cms span:first-of-type:after,

.icon-cms span:last-of-type:before,

.icon-cms:after,

.icon-cms:before {

	width: 10px;

	height: 1px;

	top: 6px

}



.icon-cms span:first-child:before {

	left: 20px

}



.icon-cms span:first-of-type:after {

	left: 27px

}



.icon-cms span:last-of-type:before {

	left: 34px

}



.icon-cms:before {

	width: 24px;

	left: 6px

}



.icon-cms:after {

	left: 13px

}



.owl-carousel {

	display: none;

	width: 100%;

	-webkit-tap-highlight-color: transparent;

	position: relative;

	z-index: 1

}



.owl-carousel .owl-stage {

	position: relative;

	-ms-touch-action: pan-Y

}



.owl-carousel .owl-stage:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0

}



.owl-carousel .owl-stage-outer {

	position: relative;

	overflow: hidden;

	-webkit-transform: translate3d(0, 0, 0)

}



.owl-carousel .owl-item {

	position: relative;

	min-height: 1px;

	float: left;

	-webkit-backface-visibility: hidden;

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none

}



.owl-carousel .owl-item img {

	display: block;

	width: 100%;

	-webkit-transform-style: preserve-3d

}



.owl-carousel .owl-dots.disabled,

.owl-carousel .owl-nav.disabled {

	display: none

}



.owl-carousel .owl-dot,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-nav .owl-prev {

	cursor: pointer;

	cursor: hand;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



.owl-carousel.owl-loaded {

	display: block

}



.owl-carousel.owl-loading {

	opacity: 0;

	display: block

}



.owl-carousel.owl-hidden {

	opacity: 0

}



.owl-carousel.owl-refresh .owl-item {

	visibility: hidden

}



.owl-carousel.owl-drag .owl-item {

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



.owl-carousel.owl-grab {

	cursor: move;

	cursor: -webkit-grab;

	cursor: grab

}



.owl-carousel.owl-rtl {

	direction: rtl

}



.owl-carousel.owl-rtl .owl-item {

	float: right

}



.no-js .owl-carousel {

	display: block

}



.owl-carousel .animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}



.owl-carousel .owl-animated-in {

	z-index: 0

}



.owl-carousel .owl-animated-out {

	z-index: 1

}



.owl-carousel .fadeOut {

	-webkit-animation-name: fadeOut;

	animation-name: fadeOut

}



@-webkit-keyframes fadeOut {

	0% {

		opacity: 1

	}

	100% {

		opacity: 0

	}

}



@keyframes fadeOut {

	0% {

		opacity: 1

	}

	100% {

		opacity: 0

	}

}



.owl-height {

	transition: height .5s ease-in-out

}



.owl-carousel .owl-item .owl-lazy {

	opacity: 0;

	transition: opacity .4s ease

}



.owl-carousel .owl-item img.owl-lazy {

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d

}



.owl-carousel .owl-video-wrapper {

	position: relative;

	height: 100%;

	background: #000

}



.owl-carousel .owl-video-play-icon {

	position: absolute;

	height: 80px;

	width: 80px;

	left: 50%;

	top: 50%;

	margin-left: -40px;

	margin-top: -40px;

	background: url(owl.video.play.html) no-repeat;

	cursor: pointer;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	transition: -webkit-transform .1s ease;

	transition: transform .1s ease;

	transition: transform .1s ease, -webkit-transform .1s ease

}



.owl-carousel .owl-video-play-icon:hover {

	-webkit-transform: scale(1.3, 1.3);

	transform: scale(1.3, 1.3)

}



.owl-carousel .owl-video-playing .owl-video-play-icon,

.owl-carousel .owl-video-playing .owl-video-tn {

	display: none

}



.owl-carousel .owl-video-tn {

	opacity: 0;

	height: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: contain;

	transition: opacity .4s ease

}



.owl-carousel .owl-video-frame {

	position: relative;

	z-index: 1;

	height: 100%;

	width: 100%

}



@-webkit-keyframes plyr-progress {

	to {

		background-position: 25px 0

	}

}



@keyframes plyr-progress {

	to {

		background-position: 25px 0

	}

}



@-webkit-keyframes plyr-popup {

	0% {

		opacity: .5;

		-webkit-transform: translateY(10px);

		transform: translateY(10px)

	}

	to {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}

}



@keyframes plyr-popup {

	0% {

		opacity: .5;

		-webkit-transform: translateY(10px);

		transform: translateY(10px)

	}

	to {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}

}



@-webkit-keyframes plyr-fade-in {

	from {

		opacity: 0

	}

	to {

		opacity: 1

	}

}



@keyframes plyr-fade-in {

	from {

		opacity: 0

	}

	to {

		opacity: 1

	}

}



.plyr {

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-smoothing: antialiased;

	direction: ltr;

	font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;

	font-variant-numeric: tabular-nums;

	font-weight: 500;

	line-height: 1.7;

	max-width: 100%;

	min-width: 200px;

	position: relative;

	text-shadow: none;

	transition: box-shadow .3s ease

}



.plyr audio,

.plyr video {

	border-radius: inherit;

	height: auto;

	vertical-align: middle;

	width: 100%

}



.plyr:focus {

	outline: 0

}



.plyr--full-ui {

	box-sizing: border-box

}



.plyr--full-ui *,

.plyr--full-ui ::after,

.plyr--full-ui ::before {

	box-sizing: inherit

}



.plyr--full-ui a,

.plyr--full-ui button,

.plyr--full-ui input,

.plyr--full-ui label {

	-ms-touch-action: manipulation;

	touch-action: manipulation

}



.plyr__badge {

	background: #4f5b5f;

	border-radius: 2px;

	color: #fff;

	font-size: 9px;

	line-height: 1;

	padding: 3px 4px

}



.plyr--full-ui ::-webkit-media-text-track-container {

	display: none

}



.plyr__captions {

	-webkit-animation: plyr-fade-in .3s ease;

	animation: plyr-fade-in .3s ease;

	bottom: 0;

	color: #fff;

	display: none;

	font-size: 14px;

	left: 0;

	padding: 10px;

	position: absolute;

	text-align: center;

	-webkit-transform: translateY(-40px);

	transform: translateY(-40px);

	transition: -webkit-transform .4s ease-in-out;

	transition: transform .4s ease-in-out;

	transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;

	width: 100%

}



.plyr__captions span {

	background: rgba(0, 0, 0, .8);

	border-radius: 2px;

	-webkit-box-decoration-break: clone;

	box-decoration-break: clone;

	line-height: 185%;

	padding: .2em .5em;

	white-space: pre-wrap

}



.plyr__captions span div {

	display: inline

}



.plyr__captions span:empty {

	display: none

}



@media (min-width:480px) {

	.plyr__captions {

		font-size: 16px;

		padding: 20px

	}

}



@media (min-width:768px) {

	.plyr__captions {

		font-size: 18px

	}

}



.plyr--captions-active .plyr__captions {

	display: block

}



.plyr--hide-controls .plyr__captions {

	-webkit-transform: translateY(-15px);

	transform: translateY(-15px)

}



.plyr__control {

	background: 0 0;

	border: 0;

	border-radius: 3px;

	color: inherit;

	cursor: pointer;

	-webkit-flex-shrink: 0;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	overflow: visible;

	padding: 7px;

	position: relative;

	transition: all .3s ease

}



.plyr__control svg {

	display: block;

	fill: currentColor;

	height: 18px;

	pointer-events: none;

	width: 18px

}



.plyr__control:focus {

	outline: 0

}



.plyr__control.plyr__tab-focus {

	box-shadow: 0 0 0 3px rgba(26, 175, 255, .35);

	outline: 0

}



.plyr__control[aria-pressed=false] .icon--pressed,

.plyr__control[aria-pressed=false] .label--pressed,

.plyr__control[aria-pressed=true] .icon--not-pressed,

.plyr__control[aria-pressed=true] .label--not-pressed {

	display: none

}



.plyr--audio .plyr__control.plyr__tab-focus,

.plyr--audio .plyr__control:hover,

.plyr--audio .plyr__control[aria-expanded=true] {

	background: #1aafff;

	color: #fff

}



.plyr__control--overlaid {

	background: rgba(26, 175, 255, .8);

	border: 0;

	border-radius: 100%;

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15);

	color: #fff;

	display: none;

	left: 50%;

	padding: 15px;

	position: absolute;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	z-index: 2

}



.plyr__control--overlaid svg {

	height: 20px;

	left: 2px;

	position: relative;

	width: 20px

}



.plyr__control--overlaid:focus,

.plyr__control--overlaid:hover {

	background: #1aafff

}



.plyr--playing .plyr__control--overlaid {

	opacity: 0;

	visibility: hidden

}



.plyr--full-ui.plyr--video .plyr__control--overlaid {

	display: block

}



.plyr--full-ui ::-webkit-media-controls {

	display: none

}



.plyr__controls {

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	text-align: center

}



.plyr__controls .plyr__menu,

.plyr__controls .plyr__progress,

.plyr__controls .plyr__time,

.plyr__controls>.plyr__control {

	margin-left: 5px

}



.plyr__controls .plyr__menu:first-child,

.plyr__controls .plyr__menu:first-child+[data-plyr=pause],

.plyr__controls .plyr__progress:first-child,

.plyr__controls .plyr__progress:first-child+[data-plyr=pause],

.plyr__controls .plyr__time:first-child,

.plyr__controls .plyr__time:first-child+[data-plyr=pause],

.plyr__controls>.plyr__control:first-child,

.plyr__controls>.plyr__control:first-child+[data-plyr=pause] {

	margin-left: 0

}



.plyr__controls .plyr__volume {

	margin-left: 5px

}



@media (min-width:480px) {

	.plyr__controls .plyr__menu,

	.plyr__controls .plyr__progress,

	.plyr__controls .plyr__time,

	.plyr__controls>.plyr__control {

		margin-left: 10px

	}

	.plyr__controls .plyr__menu+.plyr__control,

	.plyr__controls>.plyr__control+.plyr__control,

	.plyr__controls>.plyr__control+.plyr__menu {

		margin-left: 5px

	}

}



.plyr--video .plyr__controls {

	background: linear-gradient(transparent, rgba(0, 0, 0, .7));

	border-bottom-left-radius: inherit;

	border-bottom-right-radius: inherit;

	bottom: 0;

	color: #fff;

	left: 0;

	padding: 35px 10px 10px;

	position: absolute;

	right: 0;

	transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;

	transition: opacity .4s ease-in-out, transform .4s ease-in-out;

	transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;

	z-index: 2

}



.plyr--video .plyr__controls .plyr__control svg {

	-webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15));

	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15))

}



.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,

.plyr--video .plyr__controls .plyr__control:hover,

.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {

	background: #1aafff;

	color: #fff

}



.plyr--audio .plyr__controls {

	background: #fff;

	border-radius: inherit;

	color: #4f5b5f;

	padding: 10px

}



.plyr--video.plyr--hide-controls .plyr__controls {

	opacity: 0;

	pointer-events: none;

	-webkit-transform: translateY(100%);

	transform: translateY(100%)

}



.plyr [data-plyr=airplay],

.plyr [data-plyr=captions],

.plyr [data-plyr=fullscreen],

.plyr [data-plyr=pip] {

	display: none

}



.plyr--airplay-supported [data-plyr=airplay],

.plyr--captions-enabled [data-plyr=captions],

.plyr--fullscreen-enabled [data-plyr=fullscreen],

.plyr--pip-supported [data-plyr=pip] {

	display: inline-block

}



.plyr__video-embed {

	height: 0;

	padding-bottom: 56.25%;

	position: relative

}



.plyr__video-embed iframe {

	border: 0;

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	width: 100%

}



.plyr__video-embed>div {

	padding-bottom: 200%;

	position: relative;

	-webkit-transform: translateY(-35.9375%);

	transform: translateY(-35.9375%)

}



.plyr--full-ui .plyr__video-embed iframe {

	pointer-events: none

}



.plyr__menu {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	position: relative

}



.plyr__menu .plyr__control svg {

	transition: -webkit-transform .3s ease;

	transition: transform .3s ease;

	transition: transform .3s ease, -webkit-transform .3s ease

}



.plyr__menu .plyr__control[aria-expanded=true] svg {

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg)

}



.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {

	display: none

}



.plyr__menu__container {

	-webkit-animation: plyr-popup .2s ease;

	animation: plyr-popup .2s ease;

	background: rgba(255, 255, 255, .9);

	border-radius: 4px;

	bottom: 100%;

	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);

	color: #4f5b5f;

	font-size: 16px;

	margin-bottom: 10px;

	position: absolute;

	right: -3px;

	text-align: left;

	white-space: nowrap;

	z-index: 1

}



.plyr__menu__container>div {

	overflow: hidden;

	transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)

}



.plyr__menu__container::after {

	border: 4px solid transparent;

	border-top-color: rgba(255, 255, 255, .9);

	content: '';

	height: 0;

	position: absolute;

	right: 15px;

	top: 100%;

	width: 0

}



.plyr__menu__container ul {

	list-style: none;

	margin: 0;

	overflow: hidden;

	padding: 7px

}



.plyr__menu__container ul li {

	margin-top: 2px

}



.plyr__menu__container ul li:first-child {

	margin-top: 0

}



.plyr__menu__container .plyr__control {

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	color: #4f5b5f;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	padding: 4px 14px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	width: 100%

}



.plyr__menu__container .plyr__control::after {

	border: 4px solid transparent;

	content: '';

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	transition: border-color .2s ease

}



.plyr__menu__container .plyr__control--forward {

	padding-right: 28px

}



.plyr__menu__container .plyr__control--forward::after {

	border-left-color: rgba(79, 91, 95, .8);

	right: 5px

}



.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,

.plyr__menu__container .plyr__control--forward:hover::after {

	border-left-color: currentColor

}



.plyr__menu__container .plyr__control--back {

	font-weight: 500;

	margin: 7px;

	margin-bottom: 3px;

	padding-left: 28px;

	position: relative;

	width: calc(100% - 14px)

}



.plyr__menu__container .plyr__control--back::after {

	border-right-color: rgba(79, 91, 95, .8);

	left: 7px

}



.plyr__menu__container .plyr__control--back::before {

	background: #b7c5cd;

	box-shadow: 0 1px 0 #fff;

	content: '';

	height: 1px;

	left: 0;

	margin-top: 4px;

	overflow: hidden;

	position: absolute;

	right: 0;

	top: 100%

}



.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,

.plyr__menu__container .plyr__control--back:hover::after {

	border-right-color: currentColor

}



.plyr__menu__container label.plyr__control {

	padding-left: 7px

}



.plyr__menu__container label.plyr__control input[type=radio]+span {

	background: rgba(0, 0, 0, .1);

	border-radius: 100%;

	display: block;

	-webkit-flex-shrink: 0;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	height: 16px;

	margin-right: 10px;

	position: relative;

	transition: all .3s ease;

	width: 16px

}



.plyr__menu__container label.plyr__control input[type=radio]+span::after {

	background: #fff;

	border-radius: 100%;

	content: '';

	height: 6px;

	left: 5px;

	opacity: 0;

	position: absolute;

	top: 5px;

	-webkit-transform: scale(0);

	transform: scale(0);

	transition: opacity .3s ease, -webkit-transform .3s ease;

	transition: transform .3s ease, opacity .3s ease;

	transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;

	width: 6px

}



.plyr__menu__container label.plyr__control input[type=radio]:checked+span {

	background: #1aafff

}



.plyr__menu__container label.plyr__control input[type=radio]:checked+span::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1)

}



.plyr__menu__container label.plyr__control input[type=radio]:focus+span {

	box-shadow: 0 0 0 3px rgba(26, 175, 255, .35);

	outline: 0

}



.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio]+span,

.plyr__menu__container label.plyr__control:hover input[type=radio]+span {

	background: rgba(0, 0, 0, .1)

}



.plyr__menu__container .plyr__menu__value {

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	margin-left: auto;

	margin-right: -7px;

	overflow: hidden;

	padding-left: 25px;

	pointer-events: none

}



.plyr__progress {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	position: relative

}



.plyr__progress input[type=range] {

	position: relative;

	z-index: 2

}



.plyr__progress .plyr__tooltip {

	font-size: 14px;

	left: 0

}



.plyr__progress--buffer {

	-webkit-appearance: none;

	background: 0 0;

	border: 0;

	border-radius: 100px;

	height: 6px;

	left: 0;

	margin: -3px 0 0;

	padding: 0;

	position: absolute;

	top: 50%;

	width: 100%

}



.plyr__progress--buffer::-webkit-progress-bar {

	background: 0 0;

	transition: width .2s ease

}



.plyr__progress--buffer::-webkit-progress-value {

	background: currentColor;

	border-radius: 100px;

	min-width: 6px

}



.plyr__progress--buffer::-moz-progress-bar {

	background: currentColor;

	border-radius: 100px;

	min-width: 6px;

	transition: width .2s ease

}



.plyr__progress--buffer::-ms-fill {

	border-radius: 100px;

	transition: width .2s ease

}



.plyr--video .plyr__progress--buffer {

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15);

	color: rgba(255, 255, 255, .25)

}



.plyr--audio .plyr__progress--buffer {

	color: rgba(183, 197, 205, .66)

}



.plyr--loading .plyr__progress--buffer {

	-webkit-animation: plyr-progress 1s linear infinite;

	animation: plyr-progress 1s linear infinite;

	background-image: linear-gradient(-45deg, rgba(47, 52, 61, .6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, .6) 50%, rgba(47, 52, 61, .6) 75%, transparent 75%, transparent);

	background-repeat: repeat-x;

	background-size: 25px 25px;

	color: transparent

}



.plyr--video.plyr--loading .plyr__progress--buffer {

	background-color: rgba(255, 255, 255, .25)

}



.plyr--audio.plyr--loading .plyr__progress--buffer {

	background-color: rgba(183, 197, 205, .66)

}



.plyr--full-ui input[type=range] {

	-webkit-appearance: none;

	background: 0 0;

	border: 0;

	border-radius: 28px;

	color: #1aafff;

	display: block;

	height: 20px;

	margin: 0;

	padding: 0;

	transition: box-shadow .3s ease;

	width: 100%

}



.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {

	background: 0 0;

	border: 0;

	border-radius: 3px;

	height: 6px;

	transition: all .3s ease;

	-webkit-user-select: none;

	user-select: none;

	background-image: linear-gradient(to right, currentColor var(--value), transparent var(--value))

}



.plyr--full-ui input[type=range]::-webkit-slider-thumb {

	background: #fff;

	border: 0;

	border-radius: 100%;

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);

	box-sizing: border-box;

	height: 14px;

	position: relative;

	transition: all .2s ease;

	width: 14px;

	-webkit-appearance: none;

	margin-top: -4px

}



.plyr--full-ui input[type=range]::-moz-range-track {

	background: 0 0;

	border: 0;

	border-radius: 3px;

	height: 6px;

	transition: all .3s ease;

	-moz-user-select: none;

	user-select: none

}



.plyr--full-ui input[type=range]::-moz-range-thumb {

	background: #fff;

	border: 0;

	border-radius: 100%;

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);

	box-sizing: border-box;

	height: 14px;

	position: relative;

	transition: all .2s ease;

	width: 14px

}



.plyr--full-ui input[type=range]::-moz-range-progress {

	background: currentColor;

	border-radius: 3px;

	height: 6px

}



.plyr--full-ui input[type=range]::-ms-track {

	background: 0 0;

	border: 0;

	border-radius: 3px;

	height: 6px;

	transition: all .3s ease;

	-ms-user-select: none;

	user-select: none;

	color: transparent

}



.plyr--full-ui input[type=range]::-ms-fill-upper {

	background: 0 0;

	border: 0;

	border-radius: 3px;

	height: 6px;

	transition: all .3s ease;

	-ms-user-select: none;

	user-select: none

}



.plyr--full-ui input[type=range]::-ms-fill-lower {

	background: 0 0;

	border: 0;

	border-radius: 3px;

	height: 6px;

	transition: all .3s ease;

	-ms-user-select: none;

	user-select: none;

	background: currentColor

}



.plyr--full-ui input[type=range]::-ms-thumb {

	background: #fff;

	border: 0;

	border-radius: 100%;

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);

	box-sizing: border-box;

	height: 14px;

	position: relative;

	transition: all .2s ease;

	width: 14px;

	margin-top: 0

}



.plyr--full-ui input[type=range]::-ms-tooltip {

	display: none

}



.plyr--full-ui input[type=range]:focus {

	outline: 0

}



.plyr--full-ui input[type=range]::-moz-focus-outer {

	border: 0

}



.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {

	box-shadow: 0 0 0 3px rgba(26, 175, 255, .35);

	outline: 0

}



.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {

	box-shadow: 0 0 0 3px rgba(26, 175, 255, .35);

	outline: 0

}



.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {

	box-shadow: 0 0 0 3px rgba(26, 175, 255, .35);

	outline: 0

}



.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {

	background-color: rgba(255, 255, 255, .25)

}



.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {

	background-color: rgba(255, 255, 255, .25)

}



.plyr--full-ui.plyr--video input[type=range]::-ms-track {

	background-color: rgba(255, 255, 255, .25)

}



.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)

}



.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)

}



.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)

}



.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {

	background-color: rgba(183, 197, 205, .66)

}



.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {

	background-color: rgba(183, 197, 205, .66)

}



.plyr--full-ui.plyr--audio input[type=range]::-ms-track {

	background-color: rgba(183, 197, 205, .66)

}



.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)

}



.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)

}



.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {

	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)

}



.plyr__time {

	font-size: 14px

}



.plyr__time+.plyr__time::before {

	content: '\2044';

	margin-right: 10px

}



@media (max-width:767px) {

	.plyr__time+.plyr__time {

		display: none

	}

}



.plyr--video .plyr__time {

	text-shadow: 0 1px 1px rgba(0, 0, 0, .15)

}



.plyr__tooltip {

	background: rgba(255, 255, 255, .9);

	border-radius: 3px;

	bottom: 100%;

	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);

	color: #4f5b5f;

	font-size: 14px;

	font-weight: 500;

	line-height: 1.3;

	margin-bottom: 10px;

	opacity: 0;

	padding: 5px 7.5px;

	pointer-events: none;

	position: absolute;

	-webkit-transform: translate(-50%, 10px) scale(.8);

	transform: translate(-50%, 10px) scale(.8);

	-webkit-transform-origin: 50% 100%;

	transform-origin: 50% 100%;

	transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;

	transition: transform .2s .1s ease, opacity .2s .1s ease;

	transition: transform .2s .1s ease, opacity .2s .1s ease, -webkit-transform .2s .1s ease;

	z-index: 2

}



.plyr__tooltip::before {

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	border-top: 4px solid rgba(255, 255, 255, .9);

	bottom: -4px;

	content: '';

	height: 0;

	left: 50%;

	position: absolute;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 0;

	z-index: 2

}



.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,

.plyr .plyr__control:hover .plyr__tooltip,

.plyr__tooltip--visible {

	opacity: 1;

	-webkit-transform: translate(-50%, 0) scale(1);

	transform: translate(-50%, 0) scale(1)

}



.plyr .plyr__control:hover .plyr__tooltip {

	z-index: 3

}



.plyr__controls>.plyr__control:first-child .plyr__tooltip,

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {

	left: 0;

	-webkit-transform: translate(0, 10px) scale(.8);

	transform: translate(0, 10px) scale(.8);

	-webkit-transform-origin: 0 100%;

	transform-origin: 0 100%

}



.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {

	left: 16px

}



.plyr__controls>.plyr__control:last-child .plyr__tooltip {

	right: 0;

	-webkit-transform: translate(0, 10px) scale(.8);

	transform: translate(0, 10px) scale(.8);

	-webkit-transform-origin: 100% 100%;

	transform-origin: 100% 100%

}



.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {

	left: auto;

	right: 16px;

	-webkit-transform: translateX(50%);

	transform: translateX(50%)

}



.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,

.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,

.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,

.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,

.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,

.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,

.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,

.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {

	-webkit-transform: translate(0, 0) scale(1);

	transform: translate(0, 0) scale(1)

}



.plyr--video {

	overflow: hidden

}



.plyr--video.plyr--menu-open {

	overflow: visible

}



.plyr__video-wrapper {

	background: #000;

	border-radius: inherit;

	overflow: hidden;

	position: relative;

	z-index: 0

}



.plyr__volume {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	position: relative

}



.plyr__volume input[type=range] {

	position: relative;

	z-index: 2

}



@media (min-width:480px) {

	.plyr__volume {

		max-width: 50px

	}

}



@media (min-width:768px) {

	.plyr__volume {

		max-width: 80px

	}

}



.plyr--is-ios .plyr__volume,

.plyr--is-ios [data-plyr=mute] {

	display: none!important

}



.plyr--has-error {

	pointer-events: none

}



.plyr--has-error::after {

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	background: #000;

	color: #fff;

	content: attr(data-plyr-error);

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	font-size: 16px;

	height: 100%;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	left: 0;

	position: absolute;

	text-align: center;

	text-shadow: 0 1px 1px #000;

	top: 0;

	width: 100%;

	z-index: 10

}



.plyr:-webkit-full-screen {

	background: #000;

	border-radius: 0!important;

	height: 100%;

	margin: 0;

	width: 100%

}



.plyr:-moz-full-screen {

	background: #000;

	border-radius: 0!important;

	height: 100%;

	margin: 0;

	width: 100%

}



.plyr:-ms-fullscreen {

	background: #000;

	border-radius: 0!important;

	height: 100%;

	margin: 0;

	width: 100%

}



.plyr:fullscreen {

	background: #000;

	border-radius: 0!important;

	height: 100%;

	margin: 0;

	width: 100%

}



.plyr:-webkit-full-screen video {

	height: 100%

}



.plyr:-moz-full-screen video {

	height: 100%

}



.plyr:-ms-fullscreen video {

	height: 100%

}



.plyr:fullscreen video {

	height: 100%

}



.plyr:-webkit-full-screen .plyr__video-wrapper {

	height: 100%;

	width: 100%

}



.plyr:-moz-full-screen .plyr__video-wrapper {

	height: 100%;

	width: 100%

}



.plyr:-ms-fullscreen .plyr__video-wrapper {

	height: 100%;

	width: 100%

}



.plyr:fullscreen .plyr__video-wrapper {

	height: 100%;

	width: 100%

}



.plyr:-webkit-full-screen .plyr__video-embed {

	overflow: visible

}



.plyr:-moz-full-screen .plyr__video-embed {

	overflow: visible

}



.plyr:-ms-fullscreen .plyr__video-embed {

	overflow: visible

}



.plyr:fullscreen .plyr__video-embed {

	overflow: visible

}



.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {

	height: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}



.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {

	height: 0;

	top: 50%;

	transform: translateY(-50%)

}



.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {

	height: 0;

	top: 50%;

	transform: translateY(-50%)

}



.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {

	height: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}



.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {

	display: block

}



.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {

	display: block

}



.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {

	display: block

}



.plyr:fullscreen .plyr__control .icon--exit-fullscreen {

	display: block

}



.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {

	display: none

}



.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {

	display: none

}



.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {

	display: none

}



.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {

	display: none

}



.plyr:-webkit-full-screen.plyr--hide-controls {

	cursor: none

}



.plyr:-moz-full-screen.plyr--hide-controls {

	cursor: none

}



.plyr:-ms-fullscreen.plyr--hide-controls {

	cursor: none

}



.plyr:fullscreen.plyr--hide-controls {

	cursor: none

}



@media (min-width:1024px) {

	.plyr:-webkit-full-screen .plyr__captions {

		font-size: 21px

	}

	.plyr:-moz-full-screen .plyr__captions {

		font-size: 21px

	}

	.plyr:-ms-fullscreen .plyr__captions {

		font-size: 21px

	}

	.plyr:fullscreen .plyr__captions {

		font-size: 21px

	}

}



.plyr:-webkit-full-screen {

	background: #000;

	border-radius: 0!important;

	height: 100%;

	margin: 0;

	width: 100%

}



.plyr:-webkit-full-screen video {

	height: 100%

}



.plyr:-webkit-full-screen .plyr__video-wrapper {

	height: 100%;

	width: 100%

}



.plyr:-webkit-full-screen .plyr__video-embed {

	overflow: visible

}



.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {

	height: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}



.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {

	display: block

}



.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {

	display: none

}



.plyr:-webkit-full-screen.plyr--hide-controls {

	cursor: none

}



@media (min-width:1024px) {

	.plyr:-webkit-full-screen .plyr__captions {

		font-size: 21px

	}

}



.plyr:-moz-full-screen {

	background: #000;

	border-radius: 0!important;

	height: 100%;

	margin: 0;

	width: 100%

}



.plyr:-moz-full-screen video {

	height: 100%

}



.plyr:-moz-full-screen .plyr__video-wrapper {

	height: 100%;

	width: 100%

}



.plyr:-moz-full-screen .plyr__video-embed {

	overflow: visible

}



.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {

	height: 0;

	top: 50%;

	transform: translateY(-50%)

}



.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {

	display: block

}



.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {

	display: none

}



.plyr:-moz-full-screen.plyr--hide-controls {

	cursor: none

}



@media (min-width:1024px) {

	.plyr:-moz-full-screen .plyr__captions {

		font-size: 21px

	}

}



.plyr:-ms-fullscreen {

	background: #000;

	border-radius: 0!important;

	height: 100%;

	margin: 0;

	width: 100%

}



.plyr:-ms-fullscreen video {

	height: 100%

}



.plyr:-ms-fullscreen .plyr__video-wrapper {

	height: 100%;

	width: 100%

}



.plyr:-ms-fullscreen .plyr__video-embed {

	overflow: visible

}



.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {

	height: 0;

	top: 50%;

	transform: translateY(-50%)

}



.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {

	display: block

}



.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {

	display: none

}



.plyr:-ms-fullscreen.plyr--hide-controls {

	cursor: none

}



@media (min-width:1024px) {

	.plyr:-ms-fullscreen .plyr__captions {

		font-size: 21px

	}

}



.plyr--fullscreen-fallback {

	background: #000;

	border-radius: 0!important;

	height: 100%;

	margin: 0;

	width: 100%;

	bottom: 0;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 10000000

}



.plyr--fullscreen-fallback video {

	height: 100%

}



.plyr--fullscreen-fallback .plyr__video-wrapper {

	height: 100%;

	width: 100%

}



.plyr--fullscreen-fallback .plyr__video-embed {

	overflow: visible

}



.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {

	height: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}



.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {

	display: block

}



.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {

	display: none

}



.plyr--fullscreen-fallback.plyr--hide-controls {

	cursor: none

}



@media (min-width:1024px) {

	.plyr--fullscreen-fallback .plyr__captions {

		font-size: 21px

	}

}



.plyr__ads {

	border-radius: inherit;

	bottom: 0;

	cursor: pointer;

	left: 0;

	overflow: hidden;

	position: absolute;

	right: 0;

	top: 0;

	z-index: -1

}



.plyr__ads>div,

.plyr__ads>div iframe {

	height: 100%;

	position: absolute;

	width: 100%

}



.plyr__ads::after {

	background: rgba(47, 52, 61, .8);

	border-radius: 2px;

	bottom: 10px;

	color: #fff;

	content: attr(data-badge-text);

	font-size: 11px;

	padding: 2px 6px;

	pointer-events: none;

	position: absolute;

	right: 10px;

	z-index: 3

}



.plyr__ads::after:empty {

	display: none

}



.plyr__cues {

	background: currentColor;

	display: block;

	height: 6px;

	left: 0;

	margin: -3px 0 0;

	opacity: .8;

	position: absolute;

	top: 50%;

	width: 3px;

	z-index: 3

}



.plyr--no-transition {

	transition: none!important

}



.plyr--full-ui [hidden] {

	display: none

}



.plyr--full-ui [aria-hidden=true] {

	display: none

}



.plyr__sr-only {

	clip: rect(1px, 1px, 1px, 1px);

	overflow: hidden;

	border: 0!important;

	height: 1px!important;

	padding: 0!important;

	position: absolute!important;

	width: 1px!important

}



.awards-badge {

	z-index: 1;

	transition: .25s;

	opacity: 0;

	pointer-events: none;

	position: fixed;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	top: 50%;

	left: 0;

	width: 40px

}



.awards-badge svg {

	width: 40px

}



@media (max-width:1023px) {

	.awards-badge {

		width: 56px

	}

	.awards-badge svg {

		width: 56px

	}

}



.awards-badge.-active {

	opacity: 1;

	pointer-events: auto

}



html {

	box-sizing: border-box

}



body {

	margin: 0;

	-webkit-tap-highlight-color: transparent

}



body.no-events,

body.no-events * {

	pointer-events: none!important

}



@media (min-width:768px) {

	body.no-scroll {

		overflow: hidden

	}

}



*,

:after,

:before {

	box-sizing: inherit

}



.page-wrap {

	min-height: 100vh;

	margin-top: 100vh;

	padding-right: 40px;

	padding-left: 40px;

	position: relative;

	background: #fff

}



@media (max-width:1023px) {

	.page-wrap {

		padding-right: 30px;

		padding-left: 91px

	}

}



@media (max-width:767px) {

	.page-wrap {

		margin-top: 0;

		padding-right: 30px

	}

}



.case-study:before,

.page-wrap:before,

.x-case-study:before {

	content: "";

	width: calc((100vw - 200px)/ 4 * .75);

	max-width: 220px;

	top: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	background: #f7f7f7

}



@media (max-width:1023px) {

	.case-study:before,

	.page-wrap:before,

	.x-case-study:before {

		width: 56px

	}

}



@media (max-width:768px) {

	.v-stretch {

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		-ms-flex-direction: column;

		flex-direction: column;

		-webkit-box-pack: justify;

		-webkit-justify-content: space-between;

		-ms-flex-pack: justify;

		justify-content: space-between;

		height: 100%

	}

}



.section-title,

.showcase-subsection p {

	color: #c6a869;

	font-weight: 400;

	font-size: 20px

}



@media (max-width:767px) {

	.section-title,

	.showcase-subsection p {

		margin-bottom: 15px;

		font-size: 18px

	}

}



.section-subtitle,

.showcase-subsection h2 {

	font-weight: 300;

	color: #a0a0a0;

	font-size: 36px;

	line-height: 1.4;

	letter-spacing: .03em

}



.section-subtitle strong,

.showcase-subsection h2 strong {

	font-weight: inherit;

	color: #0f0e10

}



@media (max-width:1023px) {

	.section-subtitle,

	.showcase-subsection h2 {

		font-size: 30px

	}

}



@media (max-width:767px) {

	.section-subtitle,

	.showcase-subsection h2 {

		font-size: 24px

	}

}



.text-gray {

	color: #898989

}



.video-thumbnail-link {

	display: block;

	position: relative

}



.video-thumbnail-link .icon {

	width: 8px;

	height: 8px;

	bottom: 16px;

	left: 16px;

	position: absolute;

	color: #c6a869

}



.video-thumbnail-link:before {

	content: "";

	width: 40px;

	height: 40px;

	bottom: 0;

	left: 0;

	position: absolute;

	background: #fff

}



a.button,

button.button {

	cursor: pointer

}



.button {

	height: 40px;

	padding: 0 40px;

	position: relative;

	background: #222127;

	cursor: default;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	color: #fff;

	font-weight: 500;

	text-align: center;

	text-transform: uppercase;

	font-size: 12px;

	line-height: 40px

}



.button .icon {

	width: 16px;

	height: 16px;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 15px;

	color: #c6a869

}



.button .icon-play {

	width: 8px;

	height: 8px

}



.button .icon-arrow-right {

	width: 9px;

	height: 9px

}



.button .icon-apple {

	width: 19px;

	height: 16px

}



.button .icon-google-play {

	width: 16px;

	height: 17px

}



.button.-transparent {

	background: 0 0;

	color: #c6a869

}



.button.-transparent:hover {

	color: #a0a0a0

}



.button.-gold {

	background: #c6a869

}



.button.-gold .icon {

	color: inherit

}



.button.-medium {

	width: 200px

}



.button.-small {

	width: 160px;

	padding: 0 20px

}



.button.-extra-height {

	height: 80px;

	line-height: 80px

}



.button.-letters {

	padding-right: 0;

	padding-left: 0;

	background: 0 0;

	transition: none

}



.button.-letters .text {

	padding-right: 40px;

	padding-left: 40px;

	display: block;

	position: relative;

	z-index: 1;

	background: #222127;

	left: 50%;

	transform: translate(-50%);

}



.button.-letters .letters {

	height: 40px;

	position: absolute;

	top: 0;

	left: 50%;

	margin-right: -50%;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	font-size: 0;

	white-space: nowrap;

	transition: .25s;

	transition-property: visibility, opacity

}



.button.-letters .letters>span {

	display: inline-block;

	width: 40px;

	height: 40px;

	position: relative;

	vertical-align: top;

	background: #222127;

	font-size: 12px;

	transition: margin .25s

}



.button.-letters .letters>span span {

	opacity: 0;

	display: block;

	width: 100%;

	height: 100%

}



.button.-letters .letters .icon {

	right: auto;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%)

}



.button.-letters .letters .icon-apple,

.button.-letters .letters .icon-google-play {

	color: inherit

}



.button.-letters .letters .icon-google-play {

	margin-left: 2px

}



.button.-letters.-gold .text {

	background: #c6a869

}



.button.-letters.-gold .letters>span {

	background: #c6a869

}



.button.-letters.-w-icon-hidden .text .icon {

	display: none

}



.button.-letters.-extra-height {

	width: 120px

}



.button.-letters.-extra-height .text {

	height: 80px;

	padding: 0

}



.button.-letters.-extra-height .letters {

	width: 100%;

	height: 100%

}



.button.-letters.-extra-height .letters>span {

	position: absolute;

	line-height: 40px;

	transition: -webkit-transform .25s;

	transition: transform .25s;

	transition: transform .25s, -webkit-transform .25s

}



.button.-letters.-extra-height .letters>span+span {

	margin-left: 0

}



.button.-letters.-extra-height.letters-8 {

	width: 160px

}



.button.-letters.-extra-height.letters-10 {

	width: 200px;

	float: left;

}



.button.-letters.-extra-height.letters-12 {

	width: 240px

}



.button.-letters.-extra-height.letters-6 .letters>span:nth-child(1) {

	top: 0;

	left: 0

}



.button.-letters.-extra-height.letters-6 .letters>span:nth-child(2) {

	top: 0;

	left: 40px

}



.button.-letters.-extra-height.letters-6 .letters>span:nth-child(3) {

	top: 0;

	left: 80px

}



.button.-letters.-extra-height.letters-6 .letters>span:nth-child(4) {

	top: 40px;

	left: 0

}



.button.-letters.-extra-height.letters-6 .letters>span:nth-child(5) {

	top: 40px;

	left: 40px

}



.button.-letters.-extra-height.letters-6 .letters>span:nth-child(6) {

	top: 40px;

	left: 80px

}



.button.-letters.-extra-height.letters-8 .letters>span:nth-child(1) {

	top: 0;

	left: 0

}



.button.-letters.-extra-height.letters-8 .letters>span:nth-child(2) {

	top: 0;

	left: 40px

}



.button.-letters.-extra-height.letters-8 .letters>span:nth-child(3) {

	top: 0;

	left: 80px

}



.button.-letters.-extra-height.letters-8 .letters>span:nth-child(4) {

	top: 0;

	left: 120px

}



.button.-letters.-extra-height.letters-8 .letters>span:nth-child(5) {

	top: 40px;

	left: 0

}



.button.-letters.-extra-height.letters-8 .letters>span:nth-child(6) {

	top: 40px;

	left: 40px

}



.button.-letters.-extra-height.letters-8 .letters>span:nth-child(7) {

	top: 40px;

	left: 80px

}



.button.-letters.-extra-height.letters-8 .letters>span:nth-child(8) {

	top: 40px;

	left: 120px

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(1) {

	top: 0;

	left: 0

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(2) {

	top: 0;

	left: 40px

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(3) {

	top: 0;

	left: 80px

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(4) {

	top: 0;

	left: 120px

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(5) {

	top: 0;

	left: 160px

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(6) {

	top: 40px;

	left: 0

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(7) {

	top: 40px;

	left: 40px

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(8) {

	top: 40px;

	left: 80px

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(9) {

	top: 40px;

	left: 120px

}



.button.-letters.-extra-height.letters-10 .letters>span:nth-child(10) {

	top: 40px;

	left: 160px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(1) {

	top: 0;

	left: 0

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(2) {

	top: 0;

	left: 40px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(3) {

	top: 0;

	left: 80px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(4) {

	top: 0;

	left: 120px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(5) {

	top: 0;

	left: 160px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(6) {

	top: 0;

	left: 200px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(7) {

	top: 40px;

	left: 0

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(8) {

	top: 40px;

	left: 40px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(9) {

	top: 40px;

	left: 80px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(10) {

	top: 40px;

	left: 120px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(11) {

	top: 40px;

	left: 160px

}



.button.-letters.-extra-height.letters-12 .letters>span:nth-child(12) {

	top: 40px;

	left: 200px

}



@media (min-width:1025px) {

	.button.-letters:hover .text {

		opacity: 0

	}

	.button.-letters:hover .letters span+span {

		margin-left: 2px

	}

	.button.-letters:hover.-extra-height .letters>span+span {

		margin-left: 0

	}

	.button.-letters:hover.-extra-height.letters-6 .letters>span:nth-child(1) {

		-webkit-transform: translate(-2px, -1px);

		transform: translate(-2px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-6 .letters>span:nth-child(2) {

		-webkit-transform: translate(0, -1px);

		transform: translate(0, -1px)

	}

	.button.-letters:hover.-extra-height.letters-6 .letters>span:nth-child(3) {

		-webkit-transform: translate(2px, -1px);

		transform: translate(2px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-6 .letters>span:nth-child(4) {

		-webkit-transform: translate(-2px, 1px);

		transform: translate(-2px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-6 .letters>span:nth-child(5) {

		-webkit-transform: translate(0, 1px);

		transform: translate(0, 1px)

	}

	.button.-letters:hover.-extra-height.letters-6 .letters>span:nth-child(6) {

		-webkit-transform: translate(2px, 1px);

		transform: translate(2px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-8 .letters>span:nth-child(1) {

		-webkit-transform: translate(-3px, -1px);

		transform: translate(-3px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-8 .letters>span:nth-child(2) {

		-webkit-transform: translate(-1px, -1px);

		transform: translate(-1px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-8 .letters>span:nth-child(3) {

		-webkit-transform: translate(1px, -1px);

		transform: translate(1px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-8 .letters>span:nth-child(4) {

		-webkit-transform: translate(3px, -1px);

		transform: translate(3px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-8 .letters>span:nth-child(5) {

		-webkit-transform: translate(-3px, 1px);

		transform: translate(-3px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-8 .letters>span:nth-child(6) {

		-webkit-transform: translate(-1px, 1px);

		transform: translate(-1px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-8 .letters>span:nth-child(7) {

		-webkit-transform: translate(1px, 1px);

		transform: translate(1px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-8 .letters>span:nth-child(8) {

		-webkit-transform: translate(3px, 1px);

		transform: translate(3px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(1) {

		-webkit-transform: translate(-4px, -1px);

		transform: translate(-4px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(2) {

		-webkit-transform: translate(-2px, -1px);

		transform: translate(-2px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(3) {

		-webkit-transform: translate(0, -1px);

		transform: translate(0, -1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(4) {

		-webkit-transform: translate(2px, -1px);

		transform: translate(2px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(5) {

		-webkit-transform: translate(4px, -1px);

		transform: translate(4px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(6) {

		-webkit-transform: translate(-4px, 1px);

		transform: translate(-4px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(7) {

		-webkit-transform: translate(-2px, 1px);

		transform: translate(-2px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(8) {

		-webkit-transform: translate(0, 1px);

		transform: translate(0, 1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(9) {

		-webkit-transform: translate(2px, 1px);

		transform: translate(2px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-10 .letters>span:nth-child(10) {

		-webkit-transform: translate(4px, 1px);

		transform: translate(4px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(1) {

		-webkit-transform: translate(-5px, -1px);

		transform: translate(-5px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(2) {

		-webkit-transform: translate(-3px, -1px);

		transform: translate(-3px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(3) {

		-webkit-transform: translate(-1px, -1px);

		transform: translate(-1px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(4) {

		-webkit-transform: translate(1px, -1px);

		transform: translate(1px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(5) {

		-webkit-transform: translate(3px, -1px);

		transform: translate(3px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(6) {

		-webkit-transform: translate(5px, -1px);

		transform: translate(5px, -1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(7) {

		-webkit-transform: translate(-5px, 1px);

		transform: translate(-5px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(8) {

		-webkit-transform: translate(-3px, 1px);

		transform: translate(-3px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(9) {

		-webkit-transform: translate(-1px, 1px);

		transform: translate(-1px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(10) {

		-webkit-transform: translate(1px, 1px);

		transform: translate(1px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(11) {

		-webkit-transform: translate(3px, 1px);

		transform: translate(3px, 1px)

	}

	.button.-letters:hover.-extra-height.letters-12 .letters>span:nth-child(12) {

		-webkit-transform: translate(5px, 1px);

		transform: translate(5px, 1px)

	}

}



.contact-button {

	min-width: 65px;

	height: 30px;

	margin-right: 10px;

	margin-bottom: 10px;

	padding: 0 10px;

	background: #c7a969;

	color: #fff;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 12px;

	line-height: 30px;

	text-align: left

}



.contact-button:hover {

	background: #d2ba87

}



.contact-button:last-of-type {

	margin-right: 0

}



@media (max-width:767px) {

	.contact-button {

		min-width: 0;

		height: auto;

		min-height: 30px

	}

}



.icon-list {

	margin-left: -25px;

	font-size: 0

}



.icon-list li {

	display: inline-block;

	text-align: center;

	color: #222127;

	font-weight: 500;

	text-transform: uppercase;

	font-size: 13px;

	margin-right: 25px;

	margin-bottom: 15px;

	margin-left: 25px;

	line-height: 1

}



.icon-list span {

	display: block;

	margin-right: auto;

	margin-bottom: 14px;

	margin-left: auto

}



p+.icon-list {

	margin-top: 30px

}



.icon-list.-items-6 {

	margin-left: -18px

}



.icon-list.-items-6 li {

	margin-right: 18px;

	margin-left: 18px

}



@media(max-width:1350px) {

	.icon-list {

		margin-left: -20px

	}

	.icon-list li {

		margin-right: 20px;

		margin-left: 20px

	}

	.icon-list.-items-6 {

		margin-left: -10px

	}

	.icon-list.-items-6 li {

		margin-right: 10px;

		margin-left: 10px

	}

}



@media (max-width:1280px) {

	.icon-list {

		margin-left: -15px

	}

	.icon-list li {

		margin-right: 15px;

		margin-left: 15px

	}

	.icon-list.-items-6 {

		margin-left: -7px

	}

	.icon-list.-items-6 li {

		margin-right: 7px;

		margin-left: 7px

	}

}



@media(max-width:1225px) {

	.icon-list {

		margin-left: -7px

	}

	.icon-list li {

		margin-right: 7px;

		margin-left: 7px

	}

	.icon-list.-items-6 {

		margin-left: -3px

	}

	.icon-list.-items-6 li {

		margin-right: 3px;

		margin-left: 2px

	}

}



@media (max-width:1023px) {

	.icon-list {

		margin-left: -12.5px

	}

	.icon-list li {

		margin-right: 12.5px;

		margin-left: 12.5px

	}

}



@media (max-width:767px) {

	.icon-list {

		margin-left: 0

	}

	.icon-list li {

		display: block;

		text-align: left;

		margin-left: 0;

		margin-right: 0

	}

	.icon-list li+li {

		margin-top: 10px

	}

	.icon-list span {

		display: inline-block;

		margin-right: 20px;

		vertical-align: middle

	}

}



ol.decimal {

	counter-reset: li

}



@media (min-width:769px) {

	ol.decimal li {

		position: relative

	}

	ol.decimal li:nth-child(-n+9) a:before {

		content: "0" counter(li)

	}

	ol.decimal a {

		display: inline-block;

		padding-left: 55px

	}

	ol.decimal a:before {

		content: counter(li);

		counter-increment: li;

		top: 4px;

		left: 0;

		position: absolute;

		font-size: 13px

	}

	ol.decimal a:hover {

		color: #222127

	}

}



@media (max-width:1023px) {

	ol.decimal a {

		padding-left: 35px

	}

}



dl:after {

	content: '';

	display: block;

	clear: both

}



dl {

	margin-bottom: 30px

}



dl.numbers dt {

	font-size: 20px

}



@media (max-width:767px) {

	dl.numbers dd,

	dl.numbers dt {

		border: none

	}

	dl.numbers dt {

		width: auto;

		float: none

	}

	dl.numbers dt~dt {

		margin-top: 15px

	}

	dl.numbers dd {

		margin-left: 0

	}

}



dd,

dt {

	padding: 26px 0;

	border: solid rgba(0, 0, 0, .05);

	border-width: 1px 0 0

}



dd:first-of-type,

dt:first-of-type {

	padding-top: 0;

	border-width: 0

}



@media (max-width:767px) {

	dd,

	dt {

		padding-top: 0;

		padding-bottom: 0

	}

}



dt {

	width: 300px;

	float: left;

	clear: both;

	border-width: 0;

	color: #c6a869

}



@media (max-width:1400px) {

	dt {

		width: calc((100vw - 200px)/ 4)

	}

}



@media (max-width:767px) {

	dt {

		width: 110px

	}

	dt+dd {

		margin-left: 110px;

		margin-right: -10px

	}

}



dd {

	margin: 0;

	color: #898989;

	line-height: 35px

}



.form-row {

	margin-bottom: 38px

}



.form-label {

	display: block;

	font-weight: 500;

	text-transform: uppercase;

	font-size: 13px

}



.form-control {

	width: 100%;

	padding: 7px 0 2px;

	border: none

}



textarea {

	resize: vertical

}



.checkbox-control {

	display: inline-block;

	height: 30px;

	padding-right: 15px;

	padding-left: 15px;

	padding-left: 35px;

	position: relative;

	border: 1px solid #c6a869;

	color: #c6a869;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 12px;

	line-height: 30px;

	cursor: pointer

}



.checkbox-control input {

	display: none

}



.checkbox-control input:checked~.control {

	background: #fff;

	border-color: #fff

}



.checkbox-control input:checked~.bg {

	background: #c6a869

}



.checkbox-control input:checked~.text-label {

	color: #fff

}



.checkbox-control .bg {

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute

}



.checkbox-control .control {

	width: 14px;

	height: 14px;

	top: 7px;

	left: 7px;

	position: absolute;

	border: 1px solid #c6a869

}



.checkbox-control .text-label {

	position: relative

}



.checkbox-control .bg,

.checkbox-control .control,

.checkbox-control .text-label {

	transition: .1s

}



.checkbox-control:hover {

	color: #fff

}



.checkbox-control:hover .bg {

	background: #c6a869

}



.checkbox-control:hover .control {

	border-color: #fff

}



.checkbox-control:hover .text-label {

	color: #fff

}



@media (max-width:767px) {

	.checkbox-control {

		padding-right: 6px;

		padding-left: 6px;

		padding-left: 26px

	}

	.checkbox-control .text-label {

		letter-spacing: -.25px

	}

}



.main-logo {

	width: 26px;

	height: 22px;

	top: 101px;

	left: 85px;

	position: absolute;

	left: 96px;

	z-index: 13;

	transition: none

}



.main-logo .icon {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}



.-logo-white .main-logo {

	color: #fff

}



.main-logo:before {

	content: "";

	top: -10px;

	right: -10px;

	bottom: -10px;

	left: -10px;

	position: absolute

}



.main-logo.-fixed {

	position: fixed

}



@media (max-width:1400px) {

	.main-logo {

		left: calc((((100vw - 200px)/ 4 * .75) - 27px)/ 2)

	}

}



@media (max-width:1100px) {

	.main-logo {

		top: 73px

	}

}



@media (max-width:1023px) {

	.main-logo {

		width: 20px;

		height: 17px;

		top: 35px;

		left: 18px

	}

}



.side-nav {

	width: 161px;

	padding: 85px 0 0;

	top: 0;

	right: 0;

	position: absolute

}



.side-nav ul {

	margin: 0;

	font-weight: 500;

	font-size: 0;

	line-height: 1.7

}



.side-nav li {

	font-size: 14px;

	pointer-events: all

}



.side-nav li.active a,

.side-nav li.hover a {

	color: #c6a869

}



.side-nav li.active:nth-child(2) a,

.side-nav li.hover:nth-child(2) a {

	padding-left: 13.25px

}



.side-nav li.active:nth-child(3) a,

.side-nav li.hover:nth-child(3) a {

	padding-left: 26.5px

}



.side-nav li.active:nth-child(4) a,

.side-nav li.hover:nth-child(4) a {

	padding-left: 39.75px

}



.side-nav li.active:nth-child(5) a,

.side-nav li.hover:nth-child(5) a {

	-webkit-transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 4));

	transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 4))

}



.side-nav li.active:nth-child(6) a,

.side-nav li.hover:nth-child(6) a {

	-webkit-transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 5));

	transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 5))

}



.side-nav li.active:nth-child(7) a,

.side-nav li.hover:nth-child(7) a {

	-webkit-transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 6));

	transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 6))

}



.side-nav li.active:nth-child(8) a,

.side-nav li.hover:nth-child(8) a {

	-webkit-transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 7));

	transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 7))

}



.side-nav li.active:nth-child(5) a,

.side-nav li.hover:nth-child(5) a {

	-webkit-transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 4));

	transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 4))

}



.side-nav li.active:nth-child(6) a,

.side-nav li.hover:nth-child(6) a {

	-webkit-transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 5));

	transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 5))

}



.side-nav li.active:nth-child(7) a,

.side-nav li.hover:nth-child(7) a {

	-webkit-transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 6));

	transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 6))

}



.side-nav li.active:nth-child(8) a,

.side-nav li.hover:nth-child(8) a {

	-webkit-transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 7));

	transform: translateX(calc(-100% - 26.5px + 26.5px / 2 * 7))

}



.side-nav li.lang {

	text-transform: uppercase

}



.side-nav a {

	display: inline-block;

	color: #222127;

	transition: .25s ease-in-out

}



.side-nav .break {

	margin-top: 23px

}



.side-nav .rail {

	width: 117px;

	height: 1px;

	top: -1px;

	left: -70px;

	position: absolute;

	background: #c6a869;

	-webkit-transform: rotate(60deg);

	transform: rotate(60deg);

	-webkit-transform-origin: 0 100%;

	transform-origin: 0 100%;

	pointer-events: none

}



.side-nav .rail-container {

	top: 0;

	left: -70px;

	position: absolute;

	overflow: hidden;

	height: 0;

	width: 200px;

	pointer-events: none

}



.main-nav-wrap {

	width: 260px;

	top: 0;

	right: 0;

	position: fixed;

	z-index: 11;

	pointer-events: none

}



.main-nav-wrap,

.main-nav-wrap-2 {

	overflow: hidden

}



.main-nav-wrap-2 {

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute

}



@media (max-width:1024px) {

	.main-nav-wrap {

		display: none

	}

}



.main-nav {

	height: 338px;

	top: auto;

	bottom: 0

}



.case-study-nav {

	visibility: hidden;

	opacity: 0;

	position: fixed;

	z-index: 13

}



.case-study-nav li {

	font-size: 14px;

	opacity: 0

}



.case-study-nav li.active:nth-child(5) a,

.case-study-nav li.hover:nth-child(5) a {

	margin-left: -3px

}



.case-study-nav li.active:nth-child(6) a,

.case-study-nav li.hover:nth-child(6) a {

	margin-left: 0

}



.case-study-nav li.active:nth-child(7) a,

.case-study-nav li.hover:nth-child(7) a {

	margin-left: 0

}



.case-study-nav li.active:nth-child(8) a,

.case-study-nav li.hover:nth-child(8) a {

	margin-left: 0

}



.case-study-nav li.-outside-hero {

	-webkit-filter: invert(.8667);

	filter: invert(.8667);

	opacity: 1

}



.case-study-nav li.-outside-hero.active,

.case-study-nav li.-outside-hero.hover {

	-webkit-filter: invert(1);

	filter: invert(1)

}



.case-study-nav li.-outside-hero.active a,

.case-study-nav li.-outside-hero.hover a {

	color: #395796

}



.case-study-nav a {

	color: #fff

}



.case-study-nav .rail {

	left: 0

}



@media (max-width:1024px) {

	.case-study-nav {

		display: none

	}

}



.intro {

	width: 100%;

	height: 100%;

	overflow: hidden;

	top: 0;

	left: 0;

	position: fixed;

	background: #222127;

	color: #fff;

	cursor: default;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



.intro .text-wrap h2,

.intro .text-wrap h2 span,

.intro .text-wrap h3,

.intro h1 {

	opacity: 0

}



.intro .wrap {

	width: 950px;

	bottom: 135px;

	left: 300px;

	position: absolute;

	pointer-events: none

}



.intro .text-wrap h3 {

	height: 17px;

	position: relative

}



.intro .text-wrap h3 span {

	opacity: 0;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	transition: opacity 1s ease-in-out

}



.intro .text-wrap h3 span.visible {

	opacity: 1

}



.intro h1 {

	margin-bottom: 49px;

	font-weight: 500;

	font-size: 20px;

	line-height: 1

}



.intro h2 {

	margin-bottom: 15px;

	margin-left: -19px;

	font-weight: 500;

	text-transform: uppercase;

	font-size: 30px;

	line-height: 60px

}



.intro h2 span {

	display: inline-block;

	vertical-align: middle;

	width: 60px;

	height: 60px;

	text-align: center

}



.intro h2+h3 {

	margin-top: 50px

}



.intro h3 {

	margin: 0 0 0 -3px;

	color: #c6a869;

	font-weight: 400;

	font-size: 17px;

	line-height: 1

}



.intro .hello {

	position: absolute;

	z-index: 1;

	bottom: 2px;

	left: 0

}



.intro .hello h2,

.intro .hello h2 span,

.intro .hello h3 {

	opacity: 0

}



.intro .hello h3 {

	margin-top: 127px

}



.intro .rail {

	width: 130px;

	height: 3px;

	overflow: hidden;

	position: absolute;

	z-index: 1

}



.intro .rail span {

	top: 1px;

	bottom: 1px;

	position: absolute;

	background: #c6a869

}



.intro .rail:before {

	content: "";

	top: 1px;

	right: 0;

	bottom: 1px;

	left: 0;

	position: absolute;

	background: rgba(255, 255, 255, .1)

}



.intro .rail-1,

.intro .rail-2 {

	-webkit-transform: rotate(120deg);

	transform: rotate(120deg);

	-webkit-transform-origin: 0 center;

	transform-origin: 0 center

}



.intro .rail-1 {

	bottom: 275px;

	left: 670px

}



.intro .rail-1 span {

	width: 100%;

	left: -130px

}



.intro .rail-1:before {

	display: none

}



.intro .rail-2 {

	width: 0;

	bottom: 105px;

	left: 310px

}



.intro .rail-2 span {

	left: 0

}



.intro .rail-2 i {

	opacity: 0;

	width: 238px;

	top: 1px;

	bottom: 1px;

	left: 0;

	position: absolute;

	left: -108px;

	background: #c6a869

}



.intro .rail-2 i:after,

.intro .rail-2 i:before {

	content: "";

	top: 0;

	bottom: 0;

	position: absolute

}



.intro .rail-2 i:before {

	width: 291px;

	left: -291px;

	background: #38373d

}



.intro .rail-2 i:after {

	width: 130px;

	left: -421px;

	background: #c6a869

}



.intro .rail-3 {

	display: none;

	width: 612px;

	left: -302px;

	bottom: 105px;

	z-index: 9

}



.intro .rail-3 span {

	width: 100%;

	left: auto;

	right: 0

}



.intro .rail-3:before {

	display: none

}



.intro .wiper {

	width: 4000px;

	height: 4000px;

	max-width: none;

	bottom: -1758px;

	left: -1390px;

	position: absolute;

	pointer-events: none

}



.intro .wiper path {

	fill: #222127

}



[lang=fr] .intro .wrap {

	width: 1005px

}



[lang=fr] .intro h2 span {

	width: 56.5px

}



[lang=fr] .intro .rail-1 {

	left: 910px

}



.intro.-start-wiping .rail-2,

.intro.-start-wiping .rail-2 span {

	min-width: 2200px

}



.intro.-finished-wiping .rail-2 {

	display: none

}



.intro.-finished-wiping .rail-3 {

	display: block

}



@media (max-width:1280px) {

	.intro .wrap {

		left: 100px

	}

	.intro .wiper {

		left: -1590px

	}

	.intro .intro-video.-opaque .plyr__controls {

		opacity: 0

	}

}



@media (max-width:1100px) {

	.intro .wrap {

		left: 45px

	}

	.intro .text-wrap h3 span {

		max-width: 130px;

		margin-top: -3px;

		line-height: 1.35

	}

	.intro h2 {

		margin-left: -14px;

		line-height: 44px

	}

	.intro h2 span {

		width: 44px;

		height: 44px

	}

	.intro .rail-1 {

		bottom: 273px;

		left: 516px

	}

	.intro .rail-2 {

		bottom: 98px;

		left: 231px

	}

	html[lang=fr] .intro .rail-2 {

		left: 300px

	}

	.intro .rail-3 {

		width: 533px;

		bottom: 98px

	}

	.intro .wiper {

		bottom: -1765px;

		left: -1734px

	}

	.intro .hello {

		bottom: -14px

	}

	.intro .hello h3 {

		position: relative;

		top: -14px

	}

}



@media (max-width:810px) {

	[lang=fr] .intro h2 {

		margin-left: -14px;

		line-height: 41px;

		font-size: 24px

	}

	[lang=fr] .intro h2 span {

		width: 41px;

		height: 41px

	}

	[lang=fr] .intro .rail-2.rail-2 {

		left: 220px

	}

}



@media (max-width:767px) {

	.intro {

		position: relative;

		z-index: 1

	}

	.intro .wrap {

		height: 180vh;

		padding-top: calc(100vh - 300px);

		padding-left: 25px;

		position: static

	}

	.intro .rail {

		display: none

	}

	.intro h2 {

		margin-left: -5px;

		font-size: 18px;

		line-height: 21px

	}

	.intro h2 span {

		width: 21px;

		height: 21px

	}

	.intro h3 {

		display: none

	}

	.intro .wiper {

		display: none

	}

	.intro .hello h2 {

		position: relative;

		top: 63px

	}

	[lang=fr] .intro h2 {

		margin-left: -5px;

		font-size: 18px;

		line-height: 21px

	}

	[lang=fr] .intro h2 span {

		width: 21px;

		height: 21px

	}

}



@media (max-width:390px) {

	[lang=fr] .intro h2 {

		margin-left: -5px;

		font-size: 16px;

		line-height: 18px

	}

	[lang=fr] .intro h2 span {

		width: 18px;

		height: 18px

	}

}



@media (max-width:350px) {

	.intro h2 {

		margin-left: -5px;

		font-size: 16px;

		line-height: 18px

	}

	.intro h2 span {

		width: 18px;

		height: 18px

	}

}



@media (max-width:340px) {

	[lang=fr] .intro h2 {

		margin-left: -5px;

		font-size: 16px;

		line-height: 16px

	}

	[lang=fr] .intro h2 span {

		width: 16.5px;

		height: 16.5px

	}

}



.intro-video {

	opacity: 0;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute

}



.intro-video .plyr,

.intro-video .plyr__video-wrapper {

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute

}



.intro-video video {

	display: block;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	-o-object-fit: cover;

	object-fit: cover

}



.intro-video .plyr__video-wrapper .plyr__controls {

	display: none

}



.intro-video .plyr__controls {

	opacity: 0

}



.intro-video .plyr__play-large {

	background: 0 0;

	box-shadow: none;

	border: none;

	cursor: pointer

}



.intro-video .plyr__play-large svg {

	width: 40px;

	height: 40px

}



.intro-video.-opaque .plyr__controls {

	opacity: 1

}



@media (max-width:767px) {

	.intro-video {

		overflow: hidden;

		position: fixed;

		pointer-events: none

	}

	.intro-video .plyr {

		height: 100%;

		position: relative

	}

}



.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,

.plyr--video .plyr__controls .plyr__control:hover,

.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {

	background: 0 0!important

}



.plyr--full-ui input[type=range] {

	color: #c6a869!important

}



.tabs-wrap {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex

}



.tabs {

	min-width: 300px;

	padding-right: 20px

}



.tabs li {

	position: relative

}



.tabs li.-active a+.line:before {

	width: 100%

}



.tabs a {

	display: inline-block;

	color: #898989

}



.tabs a:hover+.line:before {

	width: 60px

}



.tabs a:hover,

.tabs li.-active a {

	color: #222127

}



.tabs .line {

	width: 150px;

	height: 1px;

	top: 16px;

	right: 0;

	position: absolute;

	pointer-events: none

}



.tabs .line:before {

	width: 0%;

	max-width: 100%;

	content: "";

	top: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	background: #e8e8e9;

	transition: width .5s

}



.tabs .dimm {

	color: #898989

}



@media (max-width:1400px) {

	.tabs {

		min-width: calc((100vw - 200px)/ 4)

	}

}



@media (max-width:1023px) {

	.tabs {

		width: 300px

	}

}



.tabs-panes {

	width: 100%;

	position: relative

}



.tabs-pane {

	visibility: hidden;

	opacity: 0;

	overflow: hidden;

	top: 0;

	right: 0;

	left: 0;

	position: absolute

}



.tabs-pane .overlay {

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	background: #fff;

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

	pointer-events: none

}



.tabs-pane-inner {

	background: #fff;

	min-height: 250px

}



.tabs-pane.-active {

	visibility: visible;

	opacity: 1

}



.accordion-item>a {

	color: #898989;

	display: inline-block

}



.accordion-item>a span {

	color: #898989

}



.accordion-item>a:hover {

	color: #222127

}



.accordion-item>a:hover span {

	color: #898989

}



.accordion-item-content {

	height: 0;

	overflow: hidden;

	position: relative

}



.accordion-item-content h2 {

	font-weight: 300;

	font-size: 30px;

	line-height: 1.33;

	letter-spacing: .03em

}



.accordion-item-content h2 strong {

	font-weight: inherit;

	color: #222127

}



.accordion-item-content h2+.icon-list {

	margin-top: 30px;

	margin-bottom: 0

}



.accordion-item-content p {

	margin: 0

}



.accordion-item-content p+p {

	margin-top: 10px

}



.accordion-item-content:before {

	content: "";

	width: 1px;

	top: 5px;

	bottom: 10px;

	left: 6px;

	position: absolute;

	background: rgba(34, 33, 39, .1)

}



.accordion-item-content-inner {

	padding-top: 24px;

	padding-bottom: 62px;

	padding-left: 50px

}



.accordion-item-content-inner>img {

	display: block;

	width: 100%;

	margin-top: 30px

}



.accordion-item:last-child .accordion-item-content-inner {

	padding-bottom: 4px

}



.accordion-item.-active>a {

	color: #222127

}



.accordion-item.-active>a span {

	color: #898989

}



@media (max-width:1023px) {

	.accordion-item-content h2 {

		font-size: 24px

	}

	.accordion-item-content-inner {

		padding-left: 35px

	}

}



@media (max-width:767px) {

	.accordion-item>a {

		padding-top: 5px;

		padding-bottom: 5px;

		padding-left: 25px;

		position: relative;

		line-height: 1.333

	}

	.accordion-item>a:after,

	.accordion-item>a:before {

		content: "";

		width: 11px;

		height: 1px;

		top: 11px;

		left: 0;

		position: absolute;

		background: #b2b2b4

	}

	.accordion-item>a:after {

		-webkit-transform: rotate(90deg);

		transform: rotate(90deg)

	}

	.accordion-item .icon {

		margin-bottom: 10px

	}

	.accordion-item-content h2 {

		font-weight: 400;

		font-size: 15px;

		line-height: 1.333;

		letter-spacing: 0

	}

	.accordion-item-content h2 strong {

		color: inherit

	}

	.accordion-item-content:before {

		top: 10px;

		left: 5px;

		bottom: 28px;

		background: #d3d3d4

	}

	.accordion-item-content-inner {

		padding-top: 7px;

		padding-bottom: 25px;

		padding-left: 25px

	}

	.accordion-item-content:last-child .accordion-item-content-inner {

		padding-bottom: 25px

	}

	.accordion-item.-active>a:after,

	.accordion-item.-active>a:before {

		background: #d3d3d4

	}

	.accordion-item.-active>a:before {

		width: 1px;

		height: 50px;

		top: 17px;

		left: 5px

	}

}



.logo-grid {

	color: #3a3a3a;

	margin-left: -50px

}



.logo-grid .icon {

	height: 120px

}



.logo-grid .icon-google {

	width: 115px

}



.logo-grid .icon-asics {

	width: 116px

}



.logo-grid .icon-lvmh {

	width: 116px

}



.logo-grid .icon-virgin-media {

	width: 107px

}



.logo-grid .icon-coach {

	width: 135px

}



.logo-grid .icon-sainsburys {

	width: 147px

}



.logo-grid .icon-chevrolet {

	width: 120px

}



.logo-grid-row {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex

}



.logo-grid-item {

	width: 25%;

	text-align: center;

	height: 120px;

	line-height: 120px

}



.logo-grid-item img {

	width: 120px;

	height: auto

}



@media (max-width:1400px) {

	.logo-grid {

		margin-left: calc(((100vw - 200px)/ 4 - 40px)/ -6)

	}

}



@media (max-width:1023px) {

	.logo-grid {

		margin-left: -40px

	}

	.logo-grid .icon {

		max-width: 50%

	}

	.logo-grid-item {

		width: 25%

	}

}



@media (max-width:767px) {

	.logo-grid {

		margin-left: -10px

	}

	.logo-grid .icon {

		max-width: 70%;

		height: 60px

	}

	.logo-grid-row {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap

	}

	.logo-grid-item {

		width: 50%

	}

	.logo-grid-item,

	.logo-grid-item:first-child {

		text-align: center

	}

}



.quote {

	margin: 0;

	font-weight: 300;

	font-size: 30px;

	line-height: 1.33;

	letter-spacing: .03em

}



.quote p {

	margin: 0

}



.quote strong {

	font-weight: inherit;

	color: #222127

}



@media (max-width:1023px) {

	.quote {

		font-size: 24px

	}

}



@media (max-width:767px) {

	.quote {

		font-weight: 400;

		font-size: 15px;

		line-height: 1.333;

		letter-spacing: 0

	}

	.quote strong {

		color: inherit

	}

}



.quote-img {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex

}



.quote-img .section-subtitle {

	margin-bottom: 25px

}



.quote-img .icon-quote-mark {

	width: 17px;

	height: 14px;

	top: 24px;

	left: 14px;

	position: absolute;

	z-index: 2

}



.quote-img-text {

	margin-right: 40px

}



.quote-img-img {

	position: relative

}



.quote-img-img .img {

	width: 182px;

	height: 160px;

	overflow: hidden;

	position: relative

}



.quote-img-img .img:after,

.quote-img-img .img:before {

	content: "";

	width: 50%;

	height: 115%;

	top: 0;

	position: absolute;

	background: #fff

}



.quote-img-img .img:before {

	left: 100%;

	-webkit-transform: rotate(30deg);

	transform: rotate(30deg);

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0

}



.quote-img-img .img:after {

	left: -50%;

	-webkit-transform: rotate(-30deg);

	transform: rotate(-30deg);

	-webkit-transform-origin: 100% 0;

	transform-origin: 100% 0

}



.quote-img-img:after,

.quote-img-img:before {

	content: "";

	position: absolute;

	z-index: 1;

	border: solid transparent

}



.quote-img-img:before {

	top: 10px;

	left: -10px;

	border-width: 60px 34.61605px;

	border-top-color: rgba(198, 168, 105, .2)

}



.quote-img-img:after {

	top: 10px;

	left: 5px;

	border-width: 46px 26.53897px;

	border-top-color: rgba(185, 139, 39, .7)

}



@media (max-width:767px) {

	.quote-img {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap

	}

	.quote-img-img,

	.quote-img-text {

		width: 100%;

		margin: 0

	}

	.quote-img-img {

		-webkit-box-ordinal-group: 0;

		-webkit-order: -1;

		-ms-flex-order: -1;

		order: -1;

		margin-bottom: 20px

	}

}



.content-section {

	padding-top: 70px;

	padding-bottom: 70px;

	padding-left: 260px;

	padding-right: 30px;

	position: relative

}



.content-section header {

	margin-bottom: 75px

}



.content-section.-top-layer {

	z-index: 11

}



@media (max-width:1400px) {

	.content-section {

		padding-left: calc((100vw - 200px)/ 4 - 40px)

	}

}



@media (max-width:1023px) {

	.content-section {

		padding-right: 0;

		padding-left: 0

	}

}



@media (max-width:767px) {

	.content-section {

		padding-top: 38px;

		padding-bottom: 29px

	}

	.content-section header {

		margin-bottom: 55px

	}

	.case-study .content-section header:only-child {

		margin-bottom: 0

	}

}



.section-hello .container {

	height: 100%

}



.section-hello header {

	position: relative

}



.section-hello .columns-wrap {

	position: relative

}



.section-hello .button.-extra-height {

	margin-bottom: 0;

}



.section-hello .carpet {

	width: 0;

	height: 80px;

	top: 0;

	left: -10px;

	position: absolute;

	background: #222127

}



.section-hello .rail {

	width: 0;

	height: 1px;

	top: -25px;

	left: 0;

	position: absolute;

	-webkit-transform: rotate(60deg);

	transform: rotate(60deg);

	-webkit-transform-origin: 0 100%;

	transform-origin: 0 100%;

	pointer-events: none

}



.section-hello .rail span {

	width: 100%;

	top: 0;

	right: 0;

	bottom: 0;

	position: absolute;

	background: #c6a869

}



.section-hello ul.plain {

	transition: color .25s;

	margin-top: 0px;

}



.section-hello .button:hover+ul.plain {

	color: #222127

}



@media(min-width:768px) {

	.section-hello header {

		margin-bottom: 225px

	}

}



@media (width:768px) {

	[lang=fr] .section-hello .button.-extra-height.letters-12 {

		width: 198px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(1) {

		top: 0;

		left: 0

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(2) {

		top: 0;

		left: 33px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(3) {

		top: 0;

		left: 66px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(4) {

		top: 0;

		left: 99px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(5) {

		top: 0;

		left: 132px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(6) {

		top: 0;

		left: 165px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(7) {

		top: 40px;

		left: 0

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(8) {

		top: 40px;

		left: 33px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(9) {

		top: 40px;

		left: 66px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(10) {

		top: 40px;

		left: 99px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(11) {

		top: 40px;

		left: 132px

	}

	[lang=fr] .section-hello .button.-extra-height.letters-12 .letters>span:nth-child(12) {

		top: 40px;

		left: 165px

	}

}



.section-process .graph-process-wrap {

	position: relative

}



.section-process header {

	margin-bottom: 0

}



.section-process .section-subtitles {

	position: relative;

	min-height: 120px;

	margin-bottom: 115px

}



.section-process .section-subtitles>div {

	visibility: hidden;

	opacity: 0;

	overflow: hidden;

	top: 0;

	right: 0;

	left: 0;

	position: absolute

}



.section-process .section-subtitles>div.-visible {

	visibility: visible;

	opacity: 1

}



.section-process .section-subtitles .icon {

	color: #222127;

	width: 110px;

	height: 38px;

	margin-right: 50px;

	margin-bottom: 30px

}



.section-process .section-subtitles .overlay {

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	background: #fff;

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

	pointer-events: none

}



.section-process .nav-mobile {

	display: none;

	margin-top: -34px;

	margin-bottom: -15px;

	text-align: right;

	font-size: 0

}



.section-process .nav-mobile button {

	width: 46px;

	height: 46px;

	position: relative

}



.section-process .nav-mobile .icon {

	opacity: 1;

	width: 13px;

	height: 13px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	bottom: auto;

	color: #c6a869

}



@media(min-width:1024px) {

	.section-process .section-subtitles {

		min-height: 150px

	}

}



@media (max-width:1023px) {

	.section-process {

		margin-bottom: 60px

	}

	.section-process .nav-mobile {

		display: block

	}

	.section-process .section-subtitles {

		margin-top: 20px

	}

	.section-process .section-subtitles .icon {

		width: 55px;

		height: 19px;

		margin-right: 25px;

		margin-bottom: 15px

	}

}



@media (max-width:767px) {

	html[lang=fr] .section-process .section-subtitles {

		min-height: 180px

	}

}



@media (max-width:370px) {

	.section-process .section-subtitles {

		min-height: 170px

	}

	html[lang=fr] .section-process .section-subtitles {

		min-height: 340px

	}

}



@media (max-width:1023px) and (min-width:768px) {

	.section-process {

		padding-bottom: 0

	}

}



.graph-process {

	width: 900px;

	min-height: 280px;

	margin-bottom: 80px;

	position: relative;

	border-bottom: 1px solid #ececec

}



.graph-process .items {

	height: 100%;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute

}



.graph-process .item {

	bottom: 0;

	left: 0;

	position: absolute;

	color: #898989;

	white-space: nowrap;

	transition: color .5s

}



.graph-process .item-1 {

	left: 1px;

	color: #c6a869

}



.graph-process .item-1 .triangle-wrap {

	width: 33px;

	height: 33px

}



.graph-process .item-1 .triangle-wrap:before {

	opacity: 1;

	transition: width .33s linear

}



.graph-process .item-1 .triangle {

	transition: background .33s .66s linear

}



.graph-process .item-1 .line-bottom {

	display: none

}



.graph-process .item-1 .line-side-1 {

	top: 3px;

	left: 16px;

	-webkit-transform: scale(.5) rotate(120deg);

	transform: scale(.5) rotate(120deg);

	transition: width .33s .66s linear

}



.graph-process .item-1 .line-side-2 {

	top: 100%;

	left: 33px;

	-webkit-transform: scale(.5) rotate(-120deg);

	transform: scale(.5) rotate(-120deg);

	transition: width .33s .33s linear

}



.graph-process .item-2 {

	left: 77px

}



.graph-process .item-2 .triangle-wrap {

	width: 60px;

	height: 60px

}



.graph-process .item-3 {

	left: 105px

}



.graph-process .item-3 .triangle-wrap {

	width: 99px;

	height: 99px

}



.graph-process .item-4 {

	left: 242px

}



.graph-process .item-4 .triangle-wrap {

	width: 166px;

	height: 166px

}



.graph-process .item-4 .icon {

	left: 20%;

	bottom: 180px

}



.graph-process .item-5 {

	left: 311px

}



.graph-process .item-5 .triangle-wrap {

	width: 141px;

	height: 141px

}



.graph-process .item-5 .icon {

	left: 30%;

	bottom: 160px

}



.graph-process .item-6 {

	left: 407px

}



.graph-process .item-6 .triangle-wrap {

	width: 262px;

	height: 262px

}



.graph-process .item-6 .icon {

	bottom: 210px

}



.graph-process .item-7 {

	left: 595px

}



.graph-process .item-7 .triangle-wrap {

	width: 100px;

	height: 100px

}



.graph-process .item-7 .icon {

	left: 30%

}



.graph-process .item-8 {

	left: 695px

}



.graph-process .item-8 .triangle-wrap {

	width: 44px;

	height: 44px

}



.graph-process .item-9 {

	left: 816px

}



.graph-process .item-9 .triangle-wrap {

	width: 83px;

	height: 83px

}



.graph-process .item-9 .icon {

	left: -10%

}



.graph-process p {

	margin: 0;

	bottom: -43px;

	left: 0;

	position: absolute;

	cursor: pointer

}



.graph-process .triangle-wrap {

	overflow: hidden

}



.graph-process .triangle-wrap:before {

	content: "";

	opacity: 0;

	width: 100%;

	height: 1px;

	top: 100%;

	left: 0;

	position: absolute;

	background: #c6a869;

	transition: opacity .15s

}



.graph-process .triangle {

	width: 100%;

	height: 100%;

	top: 53%;

	position: relative;

	border: 1px solid #e8e8e9;

	-webkit-transform: rotate(45deg) skew(15deg, 15deg);

	transform: rotate(45deg) skew(15deg, 15deg);

	pointer-events: all;

	transition: .5s

}



.graph-process .line-bottom {

	width: 0%;

	height: 1px;

	top: 100%;

	left: 0;

	position: absolute;

	background: #c6a869;

	transition: opacity .15s

}



.graph-process .line-side-1 {

	width: 0%;

	height: 1px;

	top: 100%;

	left: 0;

	position: absolute;

	background: #c6a869;

	-webkit-transform: rotate(-60deg) scale(.5);

	transform: rotate(-60deg) scale(.5);

	-webkit-transform-origin: 0 100%;

	transform-origin: 0 100%;

	transition: opacity .15s

}



.graph-process .line-side-2 {

	width: 0%;

	height: 1px;

	top: 13.5%;

	left: 50%;

	position: absolute;

	background: #c6a869;

	-webkit-transform: rotate(60deg) scale(.5);

	transform: rotate(60deg) scale(.5);

	-webkit-transform-origin: 0 100%;

	transform-origin: 0 100%;

	transition: opacity .15s

}



.graph-process .line {

	width: 605px;

	height: 1px;

	bottom: -1px;

	left: 1px;

	position: absolute;

	-webkit-transform: rotate(-120deg);

	transform: rotate(-120deg);

	-webkit-transform-origin: 0 100%;

	transform-origin: 0 100%

}



.graph-process .line span {

	width: 0%;

	top: 0;

	right: 0;

	bottom: 0;

	position: absolute;

	background: #c6a869

}



.graph-process .line-helper,

.graph-process .line-helper-2 {

	width: 0;

	height: 1px;

	bottom: -1px;

	left: 0;

	position: absolute;

	background: #c6a869

}



.graph-process .item.-hover,

.graph-process .item.-hover-prev {

	color: #c6a869

}



.graph-process .item.-hover .triangle {

	background: rgba(198, 168, 105, .1)

}



@media(min-width:1024px) {

	.graph-process .item-1 .triangle-wrap:before {

		width: 0%

	}

}



.graph-process.-line-init .item-1 .triangle-wrap:before {

	width: 100%

}



.graph-process.-line-init .item-1 .triangle {

	background: rgba(198, 168, 105, .1)

}



.graph-process.-line-init .item-1 .line-side-1,

.graph-process.-line-init .item-1 .line-side-2 {

	width: 200%

}



@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

	.graph-process.-line-init .line {

		-webkit-transform: rotate(-120deg) scaleY(.5);

		transform: rotate(-120deg) scaleY(.5)

	}

}



@media (max-width:1400px) {

	.graph-process {

		width: 810px

	}

	.graph-process .item-2 {

		left: 57px

	}

	.graph-process .item-3 {

		left: 85px

	}

	.graph-process .item-4 {

		left: 212px

	}

	.graph-process .item-5 {

		left: 271px

	}

	.graph-process .item-6 {

		left: 377px

	}

	.graph-process .item-7 {

		left: 565px

	}

	.graph-process .item-8 {

		left: 665px

	}

	.graph-process .item-9 {

		left: 726px

	}

}



@media (max-width:1275px) {

	.graph-process {

		width: 790px;

		margin-left: -30px

	}

	.graph-process .item-2 {

		left: 47px

	}

	.graph-process .item-3 {

		left: 75px

	}

	.graph-process .item-4 {

		left: 192px

	}

	.graph-process .item-5 {

		left: 251px

	}

	.graph-process .item-6 {

		left: 357px

	}

	.graph-process .item-7 {

		left: 545px

	}

	.graph-process .item-8 {

		left: 645px

	}

	.graph-process .item-9 {

		left: 706px

	}

}



@media (max-width:1023px) {

	.graph-process {

		width: auto;

		height: 300px;

		overflow: hidden;

		margin: 0 -30px 0 -35px;

		border: none

	}

	.graph-process .line,

	.graph-process .line-helper,

	.graph-process .line-helper-2 {

		display: none

	}

	.graph-process .items {

		width: calc((100vw - 56px) * 8);

		height: 260px;

		height: auto;

		top: 0;

		bottom: 40px

	}

	.graph-process .items>.item {

		display: none

	}

	.graph-process .item-wrap {

		width: calc(100vw - 56px);

		height: 100%;

		float: left;

		position: relative

	}

	.graph-process .item {

		left: 35px

	}

	.graph-process .item p {

		color: #c6a869

	}

	.graph-process .item+.item {

		margin-left: 20px

	}

	.graph-process .triangle {

		background: rgba(198, 168, 105, .1);

		border-color: #c6a869

	}

	.graph-process .triangle-wrap:before {

		opacity: 1

	}

	.graph-process .icons {

		position: relative;

		-webkit-transform: scale(.8);

		transform: scale(.8);

		-webkit-transform-origin: 0 50%;

		transform-origin: 0 50%

	}

	.graph-process .icons .icon {

		opacity: 1;

		margin: 0;

		left: 0;

		-webkit-transform: none;

		transform: none

	}

	.graph-process .icons .icon:nth-child(1) {

		bottom: 250px

	}

	.graph-process .icons .icon:nth-child(2) {

		bottom: 190px

	}

	.graph-process .icons .icon:nth-child(3) {

		bottom: 250px;

		left: 150px

	}

	.graph-process .icons .icon:nth-child(4) {

		bottom: 190px;

		left: 150px

	}

	.graph-process .icons .icon:nth-child(n+5) {

		display: none

	}

}



@media (max-width:1023px) and (max-width:767px) {

	.graph-process .item-6 .triangle-wrap {

		width: 187px;

		height: 187px

	}

}



@media (max-width:1023px) and (min-width:370px) {

	.graph-process {

		margin-top: -60px

	}

}



@media (max-width:1400px) and (min-width:769px) {

	html[lang=fr] .graph-process .item-2 p {

		left: 40px

	}

	html[lang=fr] .graph-process .item-8 p {

		left: -36px

	}

}



.section-clients header {

	margin-bottom: 50px

}



@media (max-width:767px) {

	.section-clients {

		margin-bottom: 10px

	}

	.section-clients header {

		margin-bottom: 30px

	}

}



.section-testimonials .container {

	padding-right: 350px;

	position: relative

}



.section-testimonials header {

	margin-bottom: 0

}



@media (max-width:1023px) {

	.section-testimonials .container {

		padding-right: 300px

	}

}



@media (max-width:767px) {

	.section-testimonials .container {

		padding-right: 0

	}

}



.testimonials .video-thumbnail-link {

	margin-top: 30px;

	margin-bottom: 4px

}



.testimonials .video-thumbnail-link video {

	width: 100%

}



.testimonials .video-thumbnail-link::before {

	bottom: -1px

}



.testimonials .video-thumbnail-link::after {

	content: "";

	width: 8px;

	height: 8px;

	bottom: 16px;

	left: 16px;

	position: absolute;

	background: url(../img/intermediate-svg/play.html) no-repeat;

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}



.testimonials .accordion-item.-active>a {

	pointer-events: none

}



.testimonials-media {

	min-width: 1px;

	height: 506px;

	top: 0;

	right: 0;

	position: absolute

}



.testimonials-media-item {

	height: 506px;

	top: 0;

	right: 0;

	position: absolute

}



.testimonials-media-item.-img .testimonials-video-wrap {

	pointer-events: none

}



.testimonials-media-item.-img img {

	height: 100%

}



.testimonials-media-item:first-child .testimonials-video-wrap {

	width: 0;

	-webkit-transform: translateY(0);

	transform: translateY(0)

}



.testimonials-media-item:first-child .testimonials-video-inner {

	-webkit-transform: translateY(0);

	transform: translateY(0)

}



.testimonials-video {

	width: 900px;

	overflow: hidden;

	top: 0;

	right: 0;

	bottom: 0;

	position: absolute;

	pointer-events: none

}



@media (min-width:768px) {

	.testimonials-video>* {

		pointer-events: all

	}

}



.testimonials-video,

.testimonials-video-fragment,

.testimonials-video-inner,

.testimonials-video-main,

.testimonials-video-wrap {

	top: 0;

	right: 0;

	bottom: 0;

	position: absolute

}



.testimonials-video-wrap {

	width: 260px;

	overflow: hidden;

	background: #fff;

	-webkit-transform: translateY(100%);

	transform: translateY(100%)

}



.testimonials-video-inner {

	width: 900px;

	right: -490px;

	-webkit-transform: translateY(-100%);

	transform: translateY(-100%)

}



.testimonials-video-fragment {

	width: 100%;

	height: 506px;

	pointer-events: none

}



.testimonials-video-fragment video {

	height: 100%

}



.testimonials-video-main {

	visibility: hidden;

	opacity: 0

}



.testimonials-video-play,

.testimonials-video-play.button.-letters.-extra-height {

	width: 0;

	padding: 0;

	overflow: hidden;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	left: calc(100% - 290px);

	z-index: 1;

	transition: none

}



.testimonials-video-play .text,

.testimonials-video-play.button.-letters.-extra-height .text {

	display: block;

	width: 120px;

	top: 0;

	bottom: 0;

	left: 0;

	position: absolute

}



html[lang=fr] .testimonials-video-play .text,

html[lang=fr] .testimonials-video-play.button.-letters.-extra-height .text {

	width: 200px

}



.testimonials-video-close {

	border-radius: 0;

	display: block;

	width: 0;

	height: 40px;

	overflow: hidden;

	top: 0;

	right: 0;

	position: absolute;

	background: #000;

	color: #c6a869;

	z-index: 1

}



.testimonials-video-close .icon {

	opacity: 0;

	width: 14px;

	height: 14px;

	top: 13px;

	right: 13px;

	position: absolute;

	pointer-events: none

}



@media (min-width:768px) {

	.testimonials .video-thumbnail-link {

		display: none

	}

}



@media (max-width:1023px) {

	.testimonials-media {

		height: 415px

	}

	.testimonials-media-item {

		height: 415px

	}

	.testimonials-media-item.-img .testimonials-video-inner {

		right: -530px!important

	}

	.testimonials-video {

		width: 738px

	}

	.testimonials-video-wrap {

		width: 210px

	}

	.testimonials-video-inner {

		width: 738px

	}

	.testimonials-video-fragment {

		height: 415px

	}

}



@media (max-width:767px) {

	.testimonials-media {

		pointer-events: none

	}

	.testimonials-video {

		width: 647px;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

		position: fixed;

		z-index: 20;

		width: 100%!important;

		height: 100%!important

	}

	.testimonials-video .plyr--video,

	.testimonials-video .plyr__video-wrapper,

	.testimonials-video .plyr__video-wrapper video {

		height: 100%

	}

	.testimonials-video .plyr--video,

	.testimonials-video-close {

		pointer-events: all

	}

	.testimonials-video-wrap {

		width: 100%!important;

		height: 100%!important

	}

	.testimonials-video-inner {

		width: 100%!important;

		height: 100%!important;

		right: 0!important

	}

	.testimonials-video-fragment {

		display: none

	}

	.testimonials-video-fragment {

		height: 364px

	}

	.testimonials-video-play {

		display: none

	}

}



@media (max-width:767px) {

	.testimonials-media {

		height: 200px

	}

	.testimonials-media-item {

		height: 200px

	}

	.testimonials-video {

		width: 647px

	}

	.testimonials-video-wrap {

		width: 192px;

		background: 0 0

	}

	.testimonials-video-inner {

		width: 647px

	}

	.testimonials-video-fragment {

		height: 200px

	}

	.testimonials-video-play,

	.testimonials-video-play.button.-letters.-extra-height {

		left: 50%;

		-webkit-transform: translateX(-50%) translateY(-50%);

		transform: translateX(-50%) translateY(-50%)

	}

}



.section-featured-work {

	height: calc(100vh - 40px);

	max-height: 900px;

	margin-top: 100px;

	margin-bottom: 20px;

	padding: 0;

	position: relative;

	z-index: 12

}



.section-featured-work .nav-mobile {

	display: none;

	top: calc((100vw - 56px) * .5625 + 22px);

	right: 14px;

	position: absolute;

	z-index: 15;

	color: #c6a869;

	font-size: 0

}



.section-featured-work .nav-mobile button {

	width: 46px;

	height: 46px;

	position: relative

}



.section-featured-work .nav-mobile .icon {

	width: 13px;

	height: 13px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%)

}



.section-featured-work-frame {

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	background: #ededed

}



@media (max-width:1024px) {

	.section-featured-work .project-hero .button .text {

		opacity: 1!important

	}

	.section-featured-work .project-hero .button .letters {

		visibility: hidden

	}

}



@media (max-width:1023px) {

	.section-featured-work {

		margin-left: -91px

	}

}



@media (max-width:767px) {

	.section-featured-work {

		height: auto;

		margin-top: 0;

		margin-right: -30px;

		margin-bottom: 55px;

		padding-top: 86px;

		padding-left: 56px

	}

	.section-featured-work .nav-mobile {

		display: block

	}

	.section-featured-work:before {

		content: "";

		height: calc(240px + (100vw - 56px) * .5625);

		top: 0;

		right: 0;

		left: 0;

		position: absolute;

		background: #e9efef;

		pointer-events: none

	}

	.section-featured-work-frame {

		display: none

	}

}



@media (max-width:1024px) and (min-width:768px) {

	.section-featured-work .project-hero .top {

		background-color: #000!important

	}

	.section-featured-work .project-hero .bg {

		opacity: .7

	}

}



@media (max-width:1024px) and (min-width:768px) and (max-width:1023px) and (min-height:900px) {

	.section-featured-work .project-hero .bg img {

		height: 900px

	}

}



.project-hero {

	height: calc(100vh - 40px);

	max-height: 900px;

	overflow: hidden;

	padding-left: 260px;

	top: 0;

	right: 0;

	left: 0;

	position: absolute

}



.project-hero .top {

	overflow: hidden;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	z-index: 11;

	-webkit-transform: translateX(100%);

	transform: translateX(100%)

}



.project-hero .top .content {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 600px;

	top: 0;

	bottom: 270px;

	left: 260px;

	position: absolute;

	-webkit-transform: translateX(-200%);

	transform: translateX(-200%)

}



.project-hero .bg {

	top: 0;

	right: 0;

	bottom: 270px;

	left: 0;

	position: absolute;

	background: center center/cover no-repeat;

	pointer-events: none;

	-webkit-transform: translateX(-84%);

	transform: translateX(-84%)

}



.project-hero .bg img {

	max-width: none;

	top: 0;

	right: 0;

	position: absolute

}



.project-hero .bg video {

	display: block;

	opacity: .3;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	-o-object-fit: cover;

	object-fit: cover

}



.project-hero .bg:before {

	content: "";

	width: calc((100vw - 200px)/ 4 * .75 - 40px);

	max-width: 180px;

	height: 270px;

	bottom: -270px;

	left: 0;

	position: absolute;

	background-color: inherit

}



.project-hero .container {

	height: calc(100% - 270px);

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	position: relative;

	z-index: 12

}



.project-hero header {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	margin-bottom: 0

}



.project-hero .section-title {

	margin-bottom: 235px

}



.project-hero h2 {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	height: 110px;

	margin-bottom: -10px;

	line-height: 1

}



.project-hero h2 img {

	margin-right: 40px;

	-webkit-filter: brightness(0) invert(1);

	filter: brightness(0) invert(1)

}



.project-hero h2 img.logo {

	height: 35px;

	width: auto

}



.project-hero h2 .logo {

	height: auto;

	position: relative

}



.project-hero .section-subtitle {

	max-width: 500px;

	margin-bottom: 42px;

	color: #fff

}



.project-hero .button-container {

	margin: 0

}



.project-hero .tabs-pane {

	transition: none

}



.project-hero .tabs-pane:first-child {

	visibility: visible;

	opacity: 1

}



@media (max-height:750px) {

	.project-hero .container {

		height: calc(100% - 230px)

	}

	.project-hero .bg,

	.project-hero .top .content {

		bottom: 230px

	}

}



@media (max-width:1400px) {

	.project-hero {

		padding-left: calc((100vw - 200px)/ 4 - 40px)

	}

	.project-hero .top .content {

		left: calc((100vw - 200px)/ 4 - 40px)

	}

}



@media (max-width:1023px) {

	.project-hero {

		padding-left: 91px

	}

	.project-hero .top .content {

		left: 91px

	}

	.project-hero .section-subtitle {

		max-width: 400px

	}

	.project-hero .button {

		z-index: 11

	}

}



@media (max-width:767px) {

	.project-hero {

		height: auto;

		overflow: visible;

		padding: 0;

		position: relative;

		top: auto;

		right: auto;

		left: auto

	}

	.project-hero .container {

		display: block;

		height: auto;

		position: static

	}

	.project-hero header {

		display: block;

		height: auto

	}

	.project-hero .section-title {

		margin: 0;

		top: -38px;

		left: 35px;

		position: absolute

	}

	.project-hero .button-container {

		bottom: 0;

		left: 35px;

		position: absolute

	}

	.project-hero .tops {

		height: calc((100vw - 56px) * .5625 + 290px);

		overflow: hidden;

		position: relative;

		background: #fff

	}

	.project-hero .top {

		visibility: hidden;

		opacity: 0;

		height: calc((100vw - 56px) * .5625 + 300px);

		padding-top: calc((100vw - 56px) * .5625);

		padding-left: 35px;

		padding-right: 30px;

		background: 0 0!important;

		-webkit-transform: translateX(30px);

		transform: translateX(30px)

	}

	.project-hero .top .bg {

		display: none

	}

	.project-hero .top .content {

		display: block;

		width: auto;

		height: auto;

		position: static;

		-webkit-transform: none;

		transform: none

	}

	.project-hero .top h2 {

		height: 92px

	}

	.project-hero .top h2 img {

		-webkit-transform: scale(.7);

		transform: scale(.7);

		-webkit-transform-origin: 0 center;

		transform-origin: 0 center

	}

	.project-hero .top h2 img:not(.logo) {

		display: none

	}

	.project-hero .top h2 img.logo {

		-webkit-filter: brightness(0);

		filter: brightness(0)

	}

	.project-hero .top .section-subtitle {

		margin: 0;

		color: #a0a0a0;

		line-height: 1.25

	}

	.project-hero .top:first-child {

		visibility: visible;

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}



@media (max-width:374px) {

	.project-hero .tops {

		height: calc((100vw - 56px) * .5625 + 300px)

	}

}



.details-bar {

	max-width: 1000px;

	height: 270px;

	padding-top: 72px;

	right: 0;

	bottom: 0;

	left: 260px;

	position: absolute;

	z-index: 11;

	background: #fff

}



.details-bar .tabs {

	margin-bottom: 0

}



.details-bar .tabs .line {

	transition: opacity .15s

}



.details-bar .tabs .line span {

	top: 0;

	bottom: 0;

	left: 0;

	position: absolute

}



.details-bar .tabs .line:before {

	transition: width .5s

}



.details-bar .tabs .line-1 {

	background: #e8e8e9

}



.details-bar .tabs .line-2 {

	background: #222127

}



.details-bar .tabs li:first-child .line-1 {

	width: 100%

}



.details-bar .tabs li.-active a+.line:before {

	width: 100%;

	transition: width 1.5s cubic-bezier(.5, 0, 0, 1)

}



.details-bar .tabs.-hover li:not(.-hover) .line {

	opacity: 0

}



.details-bar:before {

	content: "";

	width: 3000px;

	top: 0;

	right: 0;

	bottom: 0;

	left: -80px;

	position: absolute;

	z-index: -1;

	background: #fff

}



.details-bar-details {

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	pointer-events: none

}



.details-bar-details .section-title {

	display: block;

	height: auto;

	margin: 0 0 24px

}



.details-bar-details .section-subtitle {

	max-width: none;

	color: #a0a0a0

}



.details-bar-details-item {

	visibility: hidden;

	opacity: 0;

	padding-top: 72px;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	background: #fff;

	pointer-events: all

}



@media (max-width:1500px) {

	.details-bar {

		padding-top: 40px;

		max-width: 900px

	}

}



@media (max-height:750px) {

	.details-bar {

		height: 230px;

		padding-top: 40px

	}

	.details-bar-details-item {

		padding-top: 40px

	}

}



@media (max-width:1400px) {

	.details-bar {

		max-width: calc(100vw - 80px - ((100vw - 200px)/ 4 - 40px) - 150px);

		left: calc((100vw - 200px)/ 4 - 40px)

	}

	.details-bar:before {

		left: calc((100vw - 200px)/ 4 * -.25)

	}

}



@media(max-width:1180px) {

	.details-bar {

		height: 280px

	}

	.details-bar p+.icon-list {

		margin-top: 15px

	}

}



@media (max-width:1024px) {

	.details-bar .icon-list {

		display: none

	}

}



@media (max-width:1023px) {

	.details-bar {

		max-width: none;

		padding-top: 40px;

		left: 91px

	}

	.details-bar:before {

		content: ""

	}

}



@media (max-width:767px) {

	.details-bar {

		display: none

	}

}



.project-hero:not(.-details) .tops .top:first-child,

.project-hero:not(.-details) .tops .top:first-child .content {

	-webkit-transform: none;

	transform: none

}



.project-hero:not(.-details) .tops .top:first-child .bg {

	-webkit-transform: translateX(10%);

	transform: translateX(10%)

}



.project-hero.-details {

	height: 100vh;

	max-height: 940px;

	position: relative;

	margin-bottom: -270px;

	padding-left: 300px

}



.project-hero.-details .buttons-container .button {

	margin: 0 10px 0 0

}



.project-hero.-details .tops {

	width: 100%;

	height: 100%;

	max-height: 940px

}



.project-hero.-details .bg,

.project-hero.-details .content,

.project-hero.-details .top {

	-webkit-transform: none;

	transform: none

}



.project-hero.-details .top .content {

	padding-top: 40px;

	left: 300px

}



.project-hero.-details .container {

	padding-top: 40px

}



.project-hero.-details .section-title {

	margin-bottom: 275px

}



.project-hero.-details .details-bar {

	left: 300px

}



.project-hero.-details+.content-section {

	z-index: 11

}



.project-hero.-details+.content-section:before {

	content: '';

	top: 0;

	bottom: -20px;

	position: absolute;

	background: #fff;

	z-index: -1;

	width: 3000px;

	left: 220px

}



@media (max-width:1400px) {

	.project-hero.-details+.content-section:before {

		left: calc((100vw - 200px)/ 4 + (100vw - 200px)/ 4 * -.25)

	}

}



@media (max-width:1400px) {

	.project-hero.-details {

		padding-left: calc((100vw - 200px)/ 4)

	}

	.project-hero.-details .details-bar,

	.project-hero.-details .top .content {

		left: calc((100vw - 200px)/ 4)

	}

}



@media (max-width:1023px) {

	.project-hero.-details {

		display: none

	}

}



.project-hero.-details .bg {

	bottom: 0;

	z-index: 0;

	background-color: #222127

}



.project-hero.-details .bg:before {

	display: none

}



.project-hero.-details h2 img[src$=".svg"] {

	-webkit-filter: brightness(0) invert(1);

	filter: brightness(0) invert(1)

}



.project-hero.-details .section-subtitle {

	color: rgba(255, 255, 255, .7)

}



.project-hero.-details .about {

	color: #222127

}



.project-hero.-details .about .section-title {

	margin-bottom: 25px

}



.project-hero.-details .about .section-subtitle {

	max-width: none;

	margin: 0;

	color: #a0a0a0

}



.tops-details .top {

	z-index: 13;

	pointer-events: none

}



.tops-details .top,

.tops-details .top .content {

	-webkit-transform: translateX(0);

	transform: translateX(0)

}



.tops-details .top .bg {

	-webkit-transform: translateX(-84%);

	transform: translateX(-84%)

}



.tops-details .top-inner {

	overflow: hidden;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	pointer-events: none;

	-webkit-transform: translateX(100%);

	transform: translateX(100%)

}



.tops-details .content {

	z-index: 1;

	pointer-events: all

}



.tops-details .content-wrap {

	width: 0;

	overflow: hidden;

	top: 0;

	right: 0;

	bottom: 0;

	position: absolute;

	background: rgba(0, 0, 0, .5)

}



.tops-details .content-wrap-2 {

	width: calc(100vw - 80px);

	top: 0;

	right: 0;

	bottom: 0;

	position: absolute

}



.tops-details .section-title {

	margin: 0;

	top: calc(50% - 150px);

	position: absolute

}



.tops-details .button {

	top: calc(50% + 109px);

	position: absolute

}



.tops-bgs-mobile {

	padding-top: 56.25%;

	top: 0;

	right: 0;

	left: 0;

	position: absolute

}



.tops-bgs-mobile-item {

	width: 0;

	overflow: hidden;

	top: 0;

	right: 0;

	bottom: 0;

	position: absolute

}



.tops-bgs-mobile-item-inner {

	width: calc(100vw - 56px);

	top: 0;

	right: 0;

	bottom: 0;

	position: absolute;

	background: center center/cover no-repeat;

	-webkit-transform: scale(1.2);

	transform: scale(1.2)

}



.tops-bgs-mobile-item:first-child {

	width: 100%

}



.tops-bgs-mobile-item:first-child .tops-bgs-mobile-item-inner {

	-webkit-transform: none;

	transform: none

}



.section-other-work {

	counter-reset: otherWorkLi 5

}



.section-other-work header {

	margin: 0

}



.no-scroll .section-other-work {

	z-index: 12

}



.project-list {

	padding-right: 320px;

	position: relative

}



.project-list .accordion-item>a {

	padding-left: 55px;

	position: relative

}



.project-list .accordion-item>a:before {

	content: counter(otherWorkLi);

	counter-increment: otherWorkLi;

	top: 4px;

	left: 0;

	position: absolute;

	font-size: 13px

}



.project-list .accordion-item:nth-child(-n+4)>a:before {

	content: "0" counter(otherWorkLi)

}



.project-list .accordion-item:last-child {

	margin-top: 30px

}



.project-list .accordion-item:last-child>a:before {

	content: "∞"

}



.project-list-media {

	width: 400px;

	margin-top: 10px;

	top: 0;

	right: -160px;

	position: absolute

}



.project-list-images {

	width: 100%;

	height: 300px;

	overflow: hidden;

	top: 0;

	right: 0;

	position: absolute;

	z-index: 15

}



.project-list-images img {

	display: block

}



.project-list-images-item {

	width: 100%;

	height: 300px;

	overflow: hidden;

	right: 0;

	bottom: 0;

	position: absolute

}



.project-list-images-item:first-child {

	height: 0

}



.project-list-images-item:first-child img {

	top: 0;

	right: 0;

	left: 0;

	position: absolute;

	-webkit-transform: translateY(-100%);

	transform: translateY(-100%)

}



.project-list-buttons {

	width: 120px;

	top: 40px;

	left: -60px;

	position: absolute;

	pointer-events: none;

	z-index: 15

}



.project-list-buttons .button-wrap {

	width: 120px;

	height: 40px;

	overflow: hidden;

	top: 0;

	right: 0;

	position: absolute

}



.project-list-buttons .button-wrap:nth-child(2) {

	top: 42px

}



.project-list-buttons .button-wrap:nth-child(3) {

	top: 84px

}



.project-list-buttons .button-wrap:nth-child(4) {

	top: 126px

}



.project-list-buttons .button-wrap:nth-child(5) {

	top: 168px

}



.project-list-buttons .button {

	display: block;

	width: 120px;

	top: 0;

	right: 0;

	position: absolute;

	pointer-events: all

}



.project-list-buttons .button .text {

	padding: 0

}



.project-list-buttons-item {

	width: 120px;

	min-height: 166px;

	top: 0;

	right: 0;

	position: absolute

}



.project-list-buttons-item:first-child .button-wrap {

	left: 0;

	right: auto;

	width: 0

}



.project-list-buttons-item:first-child .button-wrap .button {

	left: 0;

	right: auto

}



@media (max-width:1120px) {

	.project-list {

		padding-right: 270px

	}

	.project-list-media {

		width: 340px

	}

	.project-list-images,

	.project-list-images-item {

		height: 255px

	}

}



@media (max-width:1030px) {

	.project-list {

		padding-right: 300px

	}

	.project-list .accordion-item-content-inner {

		padding-bottom: 0

	}

	.project-list .icon-list {

		display: none

	}

	.project-list-media {

		width: 300px

	}

	.project-list-images,

	.project-list-images-item {

		height: 225px

	}

}



@media (max-width:1024px) {

	.project-list .accordion-item>a {

		padding-left: 35px

	}

	.project-list-media {

		width: 260px;

		right: -30px

	}

	.project-list-images,

	.project-list-images-item {

		height: 195px

	}

	.project-list-buttons {

		left: -45px

	}

	.project-list-buttons,

	.project-list-buttons .button,

	.project-list-buttons .button-wrap,

	.project-list-buttons-item {

		width: 90px

	}

	.project-list-buttons .button .text {

		opacity: 1!important

	}

	.project-list-buttons .button .letters {

		visibility: hidden

	}

	.project-list-buttons-item:last-child,

	.project-list-buttons-item:last-child .button,

	.project-list-buttons-item:last-child .button-wrap {

		width: 120px

	}

}



@media (max-width:767px) {

	.project-list {

		padding-right: 0

	}

	.project-list .accordion-item:nth-child(-n+4)>a,

	.project-list .accordion-item>a {

		padding-left: 25px

	}

	.project-list .accordion-item:nth-child(-n+4)>a:before,

	.project-list .accordion-item>a:before {

		content: "";

		top: 11px

	}

	.project-list .accordion-item-content:before {

		bottom: 25px

	}

	.project-list .accordion-item-content-inner {

		padding-bottom: 5px!important

	}

	.project-list .accordion-item:last-child>a:before {

		content: ""

	}

	.project-list .accordion-item.-active>a:before {

		left: 5px

	}

	.project-list-media {

		display: none

	}

}



.section-contact {

	height: calc(100vh - 40px);

	min-height: 780px;

	max-height: 900px;

	overflow: hidden;

	margin-top: 60px;

	margin-bottom: 10px;

	padding-top: 100px;

	padding-bottom: 0;

	background: url(../img/map%402x.html) right 90px/800px no-repeat #e9eaef;

	z-index: 2

}



.section-contact .container {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	height: 100%;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column

}



.section-contact header {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	margin: 0

}



.section-contact .section-subtitle {

	margin-bottom: 40px;

	color: #222127

}



.section-contact .section-subtitle span {

	display: block;

	color: #636363;

	font-weight: 400;

	font-size: 17px

}



.section-contact .section-subtitle a:hover span {

	color: #222127

}



.section-contact .contact-details {

	color: #636363

}



.section-contact .contact-details a {

	color: inherit

}



.section-contact .contact-details a:hover {

	color: #222127

}



.section-contact.-light {

	background: 0 0

}



@media (max-width:499px) {

	.section-contact {

		background-image: url(../img/map%401x.html)

	}

}



@media (max-height:830px) {

	.section-contact {

		padding-top: 70px

	}

}



@media (max-width:1023px) {

	.section-contact {

		margin-left: -91px;

		padding-left: 91px

	}

	.case-study .section-contact {

		margin-left: 0;

		margin-top: 0

	}

}



@media (max-width:767px) {

	.section-contact {

		height: auto;

		max-height: none;

		margin-top: 35px;

		margin-right: -30px;

		margin-bottom: 50px;

		padding-top: 50px;

		background-size: 446px;

		background-position: calc(100% + 35px) 120px

	}

	.section-contact header {

		padding-right: 30px

	}

}



.contact-wrap {

	height: 270px;

	position: relative

}



.contact-wrap:before {

	content: "";

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	left: -80px;

	right: -2500px;

	background: #fff

}



@media (max-width:1400px) {

	.contact-wrap:before {

		left: calc((100vw - 200px)/ 4 * -.25)

	}

}



@media (max-width:767px) {

	.contact-wrap {

		height: 390px;

		margin-top: 30px

	}

	.contact-wrap:before {

		left: -35px

	}

}



@media (max-width:499px) {

	.contact-wrap {

		height: 640px

	}

}



.contact-form {

	width: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	height: 400px;

	padding: 15px 0 0;

	bottom: 25px;

	left: 0;

	position: absolute;

	background: #222127;

	color: #898989;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	overflow: hidden

}



.contact-form .messages {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	overflow: auto;

	margin-right: 15px;

	padding-top: 20px;

	padding-left: 30px;

	padding-right: 30px

}



.contact-form .messages::-webkit-scrollbar {

	width: 2px

}



.contact-form .messages::-webkit-scrollbar-track {

	background: #38373d

}



.contact-form .messages::-webkit-scrollbar-thumb {

	background: #c6a869

}



.contact-form .message {

	margin-bottom: 30px;

	font-size: 0;

	line-height: 1.5

}



.contact-form .message .name {

	margin-bottom: 10px;

	color: #c6a869;

	font-weight: 500;

	text-transform: uppercase;

	font-size: 13px

}



.contact-form .message .text {

	font-size: 17px

}



.contact-form .message .msg-line {

	display: block

}



.contact-form .message+.message {

	margin-top: 30px

}



.contact-form .message a {

	color: #c6a869

}



.contact-form .message a:hover {

	color: #fff

}



.contact-form .message.-user {

	text-align: right

}



.contact-form .message.-user .contact-button {

	margin-right: auto;

	margin-left: 10px

}



.contact-form .message:not(:last-child) .contact-button {

	background: #37363c;

	pointer-events: none;

	height: auto;

	min-height: 30px

}



.contact-form .answers {

	min-height: 70px;

	margin-top: 15px;

	padding: 20px 15px 10px 30px;

	background: #37363c

}



.contact-form .options {

	font-size: 0

}



.contact-form fieldset {

	margin: 0;

	padding: 0;

	position: relative;

	border: none;

	min-height: 30px

}



.contact-form fieldset[hidden] {

	display: none

}



.contact-form .text-field {

	position: relative

}



.contact-form .text-field input,

.contact-form .text-field textarea {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	padding: 0;

	top: 0;

	position: relative;

	background: 0 0;

	border: none;

	color: #c6a869;

	text-shadow: 0 0 0 #fff;

	-webkit-text-fill-color: transparent

}



.contact-form .text-field input textarea,

.contact-form .text-field textarea textarea {

	top: 3px;

	position: relative

}



.contact-form .text-field input[type=number],

.contact-form .text-field textarea[type=number] {

	-moz-appearance: textfield

}



.contact-form .text-field input[type=number]::-webkit-inner-spin-button,

.contact-form .text-field input[type=number]::-webkit-outer-spin-button,

.contact-form .text-field textarea[type=number]::-webkit-inner-spin-button,

.contact-form .text-field textarea[type=number]::-webkit-outer-spin-button {

	-webkit-appearance: none

}



.contact-form .text-field input::-webkit-input-placeholder,

.contact-form .text-field textarea::-webkit-input-placeholder {

	color: #898989;

	text-shadow: none;

	-webkit-text-fill-color: initial

}



.contact-form .text-field input:-ms-input-placeholder,

.contact-form .text-field textarea:-ms-input-placeholder {

	color: #898989;

	text-shadow: none;

	-webkit-text-fill-color: initial

}



.contact-form .text-field input::placeholder,

.contact-form .text-field textarea::placeholder {

	color: #898989;

	text-shadow: none;

	-webkit-text-fill-color: initial

}



.contact-form .text-field textarea {

	height: 35px;

	resize: none;

	line-height: 1.2

}



.contact-form .text-field input[type=number] .error-notice {

	top: 0;

	right: auto;

	left: 100px;

	position: absolute

}



.contact-form .text-field .error-notice {

	opacity: 0;

	top: 1px;

	right: 200px;

	left: auto;

	position: absolute;

	color: #ff435b;

	pointer-events: none;

	transition: opacity .25s

}



.contact-form .text-field .error-notice.-visible {

	opacity: 1

}



.contact-form .text-field-inner {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex

}



.contact-form .options-inner>div:not(.send) {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1

}



.contact-form .send {

	float: right

}



.contact-form .send label {

	margin-right: 10px

}



.contact-form .send button {

	margin-bottom: 0

}



.contact-form .checkbox-control {

	margin-right: 10px;

	margin-bottom: 10px

}



@media(max-width:499px) {

	.contact-form {

		height: 650px

	}

}



@media (max-width:370px) {

	.contact-form .text-field input,

	.contact-form .text-field textarea {

		margin-right: 0

	}

}



@media (max-width:767px) {

	.contact-form .text-field .error-notice {

		top: -24px;

		right: 0;

		left: 0;

		position: absolute;

		text-align: center

	}

}



@media (max-width:767px) {

	.contact-form .checkbox-control {

		height: auto;

		min-height: 30px

	}

}



@media (max-width:767px) {

	.contact-form {

		width: calc(100% + 35px);

		margin-left: -35px;

		bottom: 0;

		z-index: 13

	}

	.contact-form .messages {

		padding-left: 35px

	}

	.contact-form .answers {

		padding-left: 15px

	}

	.contact-form .send label {

		display: none

	}

}



@media (max-width:499px) {

	.contact-form {

		width: calc(100% + 91px);

		margin-left: -91px

	}

}



.typing-indicator {

	display: none;

	background-color: #37363c;

	will-change: transform;

	width: auto;

	border-radius: 50px;

	margin: 4px 0;

	padding: 5px 6px;

	position: relative;

	-webkit-animation: 2s bulge infinite ease-out;

	animation: 2s bulge infinite ease-out

}



.typing-indicator i {

	width: 6px;

	height: 6px;

	float: left;

	margin: 0 1px;

	background-color: #9e9ea1;

	display: block;

	border-radius: 50%;

	opacity: .4

}



.typing-indicator i:nth-of-type(1) {

	-webkit-animation: 1s blink infinite .3333s;

	animation: 1s blink infinite .3333s

}



.typing-indicator i:nth-of-type(2) {

	-webkit-animation: 1s blink infinite .6666s;

	animation: 1s blink infinite .6666s

}



.typing-indicator i:nth-of-type(3) {

	-webkit-animation: 1s blink infinite .9999s;

	animation: 1s blink infinite .9999s

}



.typing-indicator.-visible {

	display: inline-block

}



@-webkit-keyframes blink {

	50% {

		opacity: 1

	}

}



@keyframes blink {

	50% {

		opacity: 1

	}

}



@-webkit-keyframes bulge {

	50% {

		-webkit-transform: scale(1.05);

		transform: scale(1.05)

	}

}



@keyframes bulge {

	50% {

		-webkit-transform: scale(1.05);

		transform: scale(1.05)

	}

}



.bot .acf-field {

	display: none

}



.bot .acf-form .acf-form-submit {

	display: none

}



.bot-hidden {

	display: none

}



button.bot-back {

	padding: 0 10px;

	transition: none;

	line-height: 30px;

	height: 30px

}



.section-livestream {

	padding-bottom: 40px

}



.section-livestream header {

	margin: 0

}



.section-livestream .section-subtitle {

	margin: 0

}



@media (max-width:370px) {

	.section-livestream {

		overflow: hidden;

		margin-left: -91px;

		margin-right: -30px

	}

	.section-livestream header {

		margin-left: 91px;

		padding-right: 30px

	}

}



.livestream {

	overflow: hidden;

	margin-right: -70px;

	margin-left: -300px;

	position: relative

}



.livestream .owl-stage {

	padding-top: 230px;

	cursor: ew-resize

}



.livestream .owl-item {

	display: inline-block;

	vertical-align: bottom;

	float: none;

	cursor: auto

}



.livestream .owl-item:nth-child(6n+3) {

	margin-bottom: 160px

}



.livestream .owl-item:nth-child(6n+5) {

	margin-bottom: 40px

}



.livestream .owl-item:nth-child(6n+4) {

	margin-bottom: 100px

}



.livestream-controls {

	top: 40px;

	left: 300px;

	position: absolute;

	z-index: 12;

	font-size: 0

}



.livestream-controls button {

	width: 40px;

	height: 40px;

	position: relative;

	background: #222127;

	color: #c6a869;

	transition: .15s;

	transition-property: visibility, opacity

}



.livestream-controls button:before {

	content: "";

	width: 7px;

	height: 7px;

	top: 17px;

	right: 17px;

	position: absolute;

	border: solid;

	border-width: 0 2px 2px 0;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg)

}



.livestream-controls button.-disabled {

	visibility: hidden;

	opacity: 0

}



.livestream-controls button.prev:before {

	-webkit-transform: rotate(-225deg);

	transform: rotate(-225deg)

}



.livestream-items {

	font-size: 0;

	white-space: nowrap;

	position: relative;

	z-index: 11;

	opacity: 0

}



.livestream-item {

	margin-right: 40px;

	white-space: normal;

	position: relative

}



.livestream-item img {

	display: block

}



.livestream-item.-instagram {

	width: 300px

}



.livestream-item.-article {

	width: 220px;

	background: #f7f7f7;

	color: #898989

}



.livestream-item.-article .category {

	margin-bottom: 2px;

	font-size: 15px

}



.livestream-item.-article h1 {

	word-wrap: break-word;

	margin-bottom: 30px;

	color: #222127;

	font-weight: 400;

	font-size: 20px;

	line-height: 1.5

}



.livestream-item.-article h1 a {

	color: #c6a869

}



.livestream-item.-article .published {

	font-size: 15px;

	line-height: 1.35

}



.livestream-item.-article .published img {

	width: 35px;

	height: 35px;

	margin-right: 10px;

	float: left;

	top: 1px;

	position: relative;

	border-radius: 50%

}



.livestream-item.-article .published p {

	margin: 0

}



.livestream-item.-article .author {

	color: #222127

}



.livestream-item.-article .handle,

.livestream-item.-article .handle a {

	color: #898989

}



.livestream-item-wrap {

	padding: 15px 20px 17px

}



.livestream-item-overlay {

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	background: rgba(0, 0, 0, .4);

	opacity: 0;

	transition: opacity .3s;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	line-height: 16px

}



.livestream-item-overlay svg {

	width: 18px;

	height: 18px;

	fill: #fff;

	margin-right: 5px

}



.livestream-item-overlay p {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 25%;

	font-size: 16px;

	color: #fff;

	text-align: center

}



.livestream-item:hover .livestream-item-overlay {

	opacity: 1

}



@media (max-width:1400px) {

	.livestream {

		margin-left: calc((100vw - 200px)/ -4)

	}

	.livestream-controls {

		left: calc((100vw - 200px)/ 4)

	}

}



@media (max-width:1023px) {

	.livestream {

		margin-right: -30px;

		margin-left: -91px

	}

	.livestream-controls {

		left: 91px

	}

}



@media (max-width:767px) {

	.livestream {

		margin-left: -91px

	}

	.livestream .owl-stage {

		padding-top: 230px

	}

	.livestream .owl-item {

		vertical-align: top;

		margin-bottom: 0!important

	}

	.livestream-item {

		margin-right: 20px

	}

	.livestream-item.-article,

	.livestream-item.-instagram {

		width: 220px

	}

	.livestream-item.-article {

		min-height: 220px

	}

	.livestream-item.-article .category,

	.livestream-item.-article .published {

		display: none

	}

	.livestream-item.-article h1 {

		margin: 0;

		font-size: 16px;

		line-height: 1.45

	}

}



@media (max-width:370px) {

	.livestream {

		margin-left: 0;

		margin-right: -32px

	}

}



.section-showcase {

	z-index: 13

}



.case-study {

	height: 0;

	visibility: hidden;

	opacity: 0;

	overflow: auto;

	-webkit-overflow-scrolling: touch;

	padding: 0 0 0;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: fixed;

	z-index: 13;

	background: #fff

}



.case-study .content-section:not(.section-showcase) {

	padding-left: 300px

}



.case-study .details-bar-details-item {

	visibility: visible;

	opacity: 1

}



.case-study .details-bar-details-item .section-subtitle {

	color: #a0a0a0

}



.case-study .content-section:not(.section-showcase) {

	padding-right: 30px

}



.case-study:before {

	position: fixed;

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}



.case-study.-visible {

	height: auto

}



@media (max-width:1400px) {

	.case-study .content-section:not(.section-showcase) {

		padding-left: calc((100vw - 200px)/ 4)

	}

}



@media (max-width:1023px) {

	.case-study .content-section:not(.section-showcase) {

		padding-left: 91px

	}

	.case-study .container {

		padding-right: 30px

	}

	.case-study .section-testimonials .container {

		padding-right: 300px

	}

}



.case-study-wrap {

	overflow: hidden;

	position: relative

}



.case-study-menu,

.case-study-menu-2 {

	top: 50px;

	left: 50px;

	position: fixed;

	width: 40px;

	overflow: hidden;

	z-index: 14;

	color: #c6a869;

	font-size: 0;

	-webkit-transform: translateZ(0);

	transform: translateZ(0)

}



.case-study-menu button.-preloader,

.case-study-menu-2 button.-preloader {

	line-height: 40px

}



.case-study-menu button.-preloader .letters>span,

.case-study-menu button.-preloader .text,

.case-study-menu-2 button.-preloader .letters>span,

.case-study-menu-2 button.-preloader .text {

	background: #c6a869

}



.case-study-menu button,

.case-study-menu-2 button {

	display: block;

	width: 40px;

	height: 40px;

	margin-bottom: 8px;

	position: relative;

	transition: color .25s

}



.case-study-menu button:not(.-preloader):before,

.case-study-menu-2 button:not(.-preloader):before {

	content: "";

	width: 0;

	height: 100%;

	top: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	background: #c6a869;

	transition: .25s cubic-bezier(.5, 0, 0, 1)

}



.case-study-menu button:not(.-preloader):hover,

.case-study-menu-2 button:not(.-preloader):hover {

	color: #fff

}



.case-study-menu button:not(.-preloader):hover:before,

.case-study-menu-2 button:not(.-preloader):hover:before {

	width: 100%

}



.case-study-menu .icon,

.case-study-menu-2 .icon {

	width: 9px;

	height: 13px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-right: -50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	pointer-events: none

}



.case-study-menu .icon-x,

.case-study-menu-2 .icon-x {

	width: 14px;

	height: 14px

}



@media (max-width:1023px) {

	.case-study-menu,

	.case-study-menu-2 {

		top: 5px;

		left: 5px

	}

}



.section-showcase {

	padding: 180px 30px 30px 30px;

	text-align: center

}



.showcase-img-wrap {

	margin-right: -30px;

	margin-bottom: 220px;

	margin-left: -30px

}



.showcase-img-wrap img {

	width: 100%

}



.showcase-screen {

	margin-bottom: 130px

}



.showcase-screen.-shadow {

	box-shadow: 0 20px 50px rgba(0, 0, 0, .1)

}



.showcase-screen:last-of-type {

	margin-bottom: 0

}



.showcase-subsection h2 {

	margin: 0;

	color: #222127

}



.showcase-subsection p {

	margin: 0 0 3px 15px;

	font-weight: 300;

	color: rgba(34, 33, 39, .5)

}



.showcase-subsection-title {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: end;

	-webkit-align-items: flex-end;

	-ms-flex-align: end;

	align-items: flex-end;

	margin-bottom: 20px;

	margin-left: 230px

}



@media (max-width:767px) {

	.showcase-subsection-title {

		margin-left: 0

	}

}



.section-project-navigation {

	padding: 210px 0;

	text-align: center;

	background: #fff

}



.section-project-navigation button {

	position: relative;

	width: 40px;

	height: 40px;

	margin: 0 35px;

	color: #c6a869;

	line-height: 40px

}



.section-project-navigation button .icon {

	width: 28px;

	height: 28px

}



.section-project-navigation button:hover {

	color: #222127

}



.section-project-navigation button.-hidden {

	visibility: hidden;

	pointer-events: none

}



.section-information header {

	margin-bottom: 0

}



.section-information header .section-subtitle {

	opacity: 0;

	visibility: hidden;

	margin: 0;

	max-height: 0;

	transition: opacity .3s

}



.section-information header .section-subtitle.-active {

	opacity: 1;

	max-height: auto;

	visibility: visible

}



.tech-icons img {

	margin-right: 40px;

	max-width: 100px;

	max-height: 25px

}



.tech-icons .icon {

	margin-right: 40px

}



@-webkit-keyframes glitch-1 {

	0% {

		clip: rect(103px, 450px, 30px, 0)

	}

	5.88235% {

		clip: rect(94px, 450px, 44px, 0)

	}

	11.76471% {

		clip: rect(55px, 450px, 48px, 0)

	}

	17.64706% {

		clip: rect(11px, 450px, 110px, 0)

	}

	23.52941% {

		clip: rect(26px, 450px, 107px, 0)

	}

	29.41176% {

		clip: rect(49px, 450px, 71px, 0)

	}

	35.29412% {

		clip: rect(83px, 450px, 109px, 0)

	}

	41.17647% {

		clip: rect(52px, 450px, 45px, 0)

	}

	47.05882% {

		clip: rect(30px, 450px, 82px, 0)

	}

	52.94118% {

		clip: rect(58px, 450px, 106px, 0)

	}

	58.82353% {

		clip: rect(115px, 450px, 22px, 0)

	}

	64.70588% {

		clip: rect(56px, 450px, 96px, 0)

	}

	70.58824% {

		clip: rect(80px, 450px, 113px, 0)

	}

	76.47059% {

		clip: rect(9px, 450px, 93px, 0)

	}

	82.35294% {

		clip: rect(35px, 450px, 34px, 0)

	}

	88.23529% {

		clip: rect(12px, 450px, 63px, 0)

	}

	94.11765% {

		clip: rect(52px, 450px, 81px, 0)

	}

	100% {

		clip: rect(14px, 450px, 109px, 0)

	}

}



@keyframes glitch-1 {

	0% {

		clip: rect(103px, 450px, 30px, 0)

	}

	5.88235% {

		clip: rect(94px, 450px, 44px, 0)

	}

	11.76471% {

		clip: rect(55px, 450px, 48px, 0)

	}

	17.64706% {

		clip: rect(11px, 450px, 110px, 0)

	}

	23.52941% {

		clip: rect(26px, 450px, 107px, 0)

	}

	29.41176% {

		clip: rect(49px, 450px, 71px, 0)

	}

	35.29412% {

		clip: rect(83px, 450px, 109px, 0)

	}

	41.17647% {

		clip: rect(52px, 450px, 45px, 0)

	}

	47.05882% {

		clip: rect(30px, 450px, 82px, 0)

	}

	52.94118% {

		clip: rect(58px, 450px, 106px, 0)

	}

	58.82353% {

		clip: rect(115px, 450px, 22px, 0)

	}

	64.70588% {

		clip: rect(56px, 450px, 96px, 0)

	}

	70.58824% {

		clip: rect(80px, 450px, 113px, 0)

	}

	76.47059% {

		clip: rect(9px, 450px, 93px, 0)

	}

	82.35294% {

		clip: rect(35px, 450px, 34px, 0)

	}

	88.23529% {

		clip: rect(12px, 450px, 63px, 0)

	}

	94.11765% {

		clip: rect(52px, 450px, 81px, 0)

	}

	100% {

		clip: rect(14px, 450px, 109px, 0)

	}

}



@-webkit-keyframes glitch-2 {

	0% {

		clip: rect(65px, 450px, 83px, 0)

	}

	5.88235% {

		clip: rect(94px, 450px, 32px, 0)

	}

	11.76471% {

		clip: rect(59px, 450px, 31px, 0)

	}

	17.64706% {

		clip: rect(59px, 450px, 10px, 0)

	}

	23.52941% {

		clip: rect(10px, 450px, 46px, 0)

	}

	29.41176% {

		clip: rect(103px, 450px, 113px, 0)

	}

	35.29412% {

		clip: rect(53px, 450px, 107px, 0)

	}

	41.17647% {

		clip: rect(112px, 450px, 72px, 0)

	}

	47.05882% {

		clip: rect(99px, 450px, 93px, 0)

	}

	52.94118% {

		clip: rect(63px, 450px, 100px, 0)

	}

	58.82353% {

		clip: rect(108px, 450px, 4px, 0)

	}

	64.70588% {

		clip: rect(113px, 450px, 41px, 0)

	}

	70.58824% {

		clip: rect(24px, 450px, 74px, 0)

	}

	76.47059% {

		clip: rect(40px, 450px, 92px, 0)

	}

	82.35294% {

		clip: rect(62px, 450px, 29px, 0)

	}

	88.23529% {

		clip: rect(75px, 450px, 17px, 0)

	}

	94.11765% {

		clip: rect(80px, 450px, 30px, 0)

	}

	100% {

		clip: rect(91px, 450px, 108px, 0)

	}

}



@keyframes glitch-2 {

	0% {

		clip: rect(65px, 450px, 83px, 0)

	}

	5.88235% {

		clip: rect(94px, 450px, 32px, 0)

	}

	11.76471% {

		clip: rect(59px, 450px, 31px, 0)

	}

	17.64706% {

		clip: rect(59px, 450px, 10px, 0)

	}

	23.52941% {

		clip: rect(10px, 450px, 46px, 0)

	}

	29.41176% {

		clip: rect(103px, 450px, 113px, 0)

	}

	35.29412% {

		clip: rect(53px, 450px, 107px, 0)

	}

	41.17647% {

		clip: rect(112px, 450px, 72px, 0)

	}

	47.05882% {

		clip: rect(99px, 450px, 93px, 0)

	}

	52.94118% {

		clip: rect(63px, 450px, 100px, 0)

	}

	58.82353% {

		clip: rect(108px, 450px, 4px, 0)

	}

	64.70588% {

		clip: rect(113px, 450px, 41px, 0)

	}

	70.58824% {

		clip: rect(24px, 450px, 74px, 0)

	}

	76.47059% {

		clip: rect(40px, 450px, 92px, 0)

	}

	82.35294% {

		clip: rect(62px, 450px, 29px, 0)

	}

	88.23529% {

		clip: rect(75px, 450px, 17px, 0)

	}

	94.11765% {

		clip: rect(80px, 450px, 30px, 0)

	}

	100% {

		clip: rect(91px, 450px, 108px, 0)

	}

}



.glitch {

	color: #fff;

	position: relative

}



.glitch:after,

.glitch:before {

	content: attr(data-text);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	clip: rect(0, 0, 0, 0)

}



.glitch:after {

	left: 0;

	text-shadow: -1px 0 red;

	-webkit-animation: glitch-1 2s infinite linear alternate-reverse;

	animation: glitch-1 2s infinite linear alternate-reverse

}



.glitch:before {

	left: 0;

	text-shadow: 1px 0 #0f0;

	-webkit-animation: glitch-2 5s infinite linear alternate-reverse;

	animation: glitch-2 5s infinite linear alternate-reverse

}



.glitch-transparent {

	color: #fff;

	position: relative

}



.glitch-transparent:after,

.glitch-transparent:before {

	content: attr(data-text);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	clip: rect(0, 0, 0, 0)

}



.glitch-transparent:after {

	left: 0;

	text-shadow: -1px 0 red;

	-webkit-animation: glitch-1 2s infinite linear alternate-reverse;

	animation: glitch-1 2s infinite linear alternate-reverse

}



.glitch-transparent:before {

	left: 0;

	text-shadow: 1px 0 #0f0;

	-webkit-animation: glitch-2 5s infinite linear alternate-reverse;

	animation: glitch-2 5s infinite linear alternate-reverse

}



.glitch-40 {

	color: #fff;

	position: relative

}



.glitch-40:after,

.glitch-40:before {

	content: attr(data-text);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	clip: rect(0, 0, 0, 0)

}



.glitch-40:after {

	left: 0;

	text-shadow: -1px 0 red;

	-webkit-animation: glitch-1 2s infinite linear alternate-reverse;

	animation: glitch-1 2s infinite linear alternate-reverse

}



.glitch-40:before {

	left: 0;

	text-shadow: 1px 0 #0f0;

	-webkit-animation: glitch-2 5s infinite linear alternate-reverse;

	animation: glitch-2 5s infinite linear alternate-reverse

}



.glitch-40-transparent {

	color: #fff;

	position: relative

}



.glitch-40-transparent:after,

.glitch-40-transparent:before {

	content: attr(data-text);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	clip: rect(0, 0, 0, 0)

}



.glitch-40-transparent:after {

	left: 0;

	text-shadow: -1px 0 red;

	-webkit-animation: glitch-1 2s infinite linear alternate-reverse;

	animation: glitch-1 2s infinite linear alternate-reverse

}



.glitch-40-transparent:before {

	left: 0;

	text-shadow: 1px 0 #0f0;

	-webkit-animation: glitch-2 5s infinite linear alternate-reverse;

	animation: glitch-2 5s infinite linear alternate-reverse

}



@media (max-width:767px) {

	.hidden-lt-tablet {

		display: none!important

	}

}



@media (min-width:768px) {

	.hidden-gte-tablet {

		display: none!important

	}

}



.columns div {

	margin: 23px;

	display: inline;

	float: left;

}



ul.plain li {

	text-align: left !important;

	line-height: 27px;

}