.grid {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	display: block;
	height: 100vh;
	width: 100%;
	max-width: 1550px;
	margin: 0;
	overflow: hidden;
	pointer-events: none;
	padding-left: 90px;
	padding-right: 20px
}

.grid .col {
	height: 100vh;
	background: rgba(25, 255, 118, 0.2)
}

@media (max-width: 767px) {
	.grid {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.grid {
		padding-left: 10px;
		padding-right: 10px
	}
}

.grid--panel {
	z-index: 100;
	left: auto;
	right: 0;
	max-width: 1700px;
	padding-left: 240px
}

.grid--panel .col {
	background: rgba(255, 75, 75, 0.1)
}

@media (max-width: 1300px) and (min-width: 1201px) {
	.grid--panel {
		padding-left: 170px
	}
}

@media (max-width: 1200px) and (min-width: 1025px) {
	.grid--panel {
		padding-left: 130px
	}
}

@media (max-width: 1024px) {
	.grid--panel {
		padding-left: 20px
	}
}

@media (max-width: 767px) {
	.grid--panel {
		padding-left: 15px
	}
}

@media (max-width: 599px) {
	.grid--panel {
		padding-left: 10px
	}
}

.index__outer {
	color: #fff
}

.index__outer a {
	color: #fff
}

.hide {
	display: none
}

@media (max-width: 1300px) and (min-width: 1030px) {
	.hide-large {
		display: none
	}
}

@media (max-width: 1029px) and (min-width: 768px) {
	.hide-medium {
		display: none
	}
}

@media (max-width: 767px) and (min-width: 600px) {
	.hide-small {
		display: none
	}
}

@media (max-width: 599px) and (min-width: 401px) {
	.hide-xsmall {
		display: none
	}
}

@media (max-width: 400px) {
	.hide-xxsmall {
		display: none
	}
}

.typo--heading {
	font-size: 90px;
	line-height: 1em;
	font-weight: 500;
	letter-spacing: -2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (max-width: 1029px) and (min-width: 768px) {
	.typo--heading {
		font-size: 65px;
		line-height: 1.0923076923em
	}
}

@media (max-width: 767px) and (min-width: 600px) {
	.typo--heading {
		font-size: 65px;
		line-height: 1em;
		letter-spacing: -1px
	}
}

@media (max-width: 599px) {
	.typo--heading {
		font-size: 50px;
		line-height: 1.1em;
		letter-spacing: -0.7px
	}
}

@media (max-width: 400px) {
	.typo--heading {
		font-size: 43px;
		line-height: 1.0930232558em
	}
}

.content__header--index .typo--heading {
	font-weight: normal
}

.typo--title {
	font-size: 50px;
	line-height: 1.1em;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: -1px
}

@media (max-width: 700px) {
	.typo--title {
		font-size: 40px;
		line-height: 1.1em
	}
}

@media (max-width: 599px) {
	.typo--title {
		font-size: 32px;
		line-height: 1.15625em;
		letter-spacing: -0.75px
	}
}

.typo--subtitle {
	font-size: 29px;
	line-height: 1.4482758621em;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (max-width: 1029px) and (min-width: 768px) {
	.typo--subtitle {
		font-size: 26px
	}
}

@media (max-width: 767px) {
	.typo--subtitle {
		font-size: 26px;
		line-height: 1.4230769231em
	}
}

@media (max-width: 599px) {
	.typo--subtitle {
		font-size: 23px;
		line-height: 1.3913043478em
	}
}

@media (max-width: 480px) {
	.typo--subtitle {
		font-size: 19px;
		line-height: 1.4736842105em
	}
}

.typo--small {
	font-size: 15px;
	line-height: 1.4666666667em
}

@media (max-width: 1029px) {
	.typo--small {
		font-size: 14px;
		line-height: 1.5em
	}
}

@media (max-width: 599px) {
	.typo--small {
		font-size: 13px;
		line-height: 1.4615384615em
	}
}

.typo--note {
	color: white;
}

button {
	-webkit-box-shadow: none;
	-ms-touch-action: manipulation;
	-webkit-appearance: none;
	background-image: none;
	border: 0 none;
	box-shadow: none;
	cursor: pointer;
	font-size: 1em;
	margin: 0;
	outline: 0;
	padding: 0;
	text-align: left;
	touch-action: manipulation;
	vertical-align: middle;
	white-space: nowrap
}

button:focus {
	outline: 0;
	outline-offset: -2px
}

.typo--bordered {
	/*text-decoration: none;*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.typo--bordered:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.typo--bordered:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.typo--note.typo--bordered {
	/*text-decoration: none;*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #767676), color-stop(75%, #767676));
	background-image: -o-linear-gradient(top, #767676 75%, #767676 75%);
	background-image: linear-gradient(to bottom, #767676 75%, #767676 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.typo--note.typo--bordered:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.typo--note.typo--bordered:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.typo--borderedHover:hover,
.typo--borderedHover:focus {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.typo--arrowed,
.typo--external {
	position: relative
}

.typo--arrowed:after,
.typo--external:after {
	font-size: .6315789474em;
	color: inherit;
	position: absolute;
	bottom: -0.1em;
	vertical-align: baseline;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	font-weight: 400
}

.typo--arrowed {
	position: relative
}

.typo--arrowed:after {
	content: "\2192"
}

.typo--external {
	position: relative
}

.typo--external:after {
	content: "\2197"
}

.typo--heading .typo--shift {
	position: relative;
	left: -0.075em
}

.typo--heading .typo--shift1 {
	position: relative;
	left: -0.065em
}

.typo--heading .typo--shift {
	position: relative;
	left: -0.075em
}

.typo--heading .typo--shift2 {
	position: relative;
	left: -0.025em
}

.typo--heading .typo--shift3 {
	position: relative;
	left: -0.015em
}

body.body--dark #content,
body.body--dark #footer,
body.body--dark .header--light {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

*[data-additional-breakpoint] {
	display: none
}

.header {
	/*max-width: 1480px;*/
	max-width: 100%;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	height: 70px;
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	background: #fff;
	overflow: hidden
}

.header:after {
	content: "";
	display: table;
	clear: both
}

.header a {
	position: relative;
	z-index: 11
}

@media (max-width: 599px) {
	.header {
		position: absolute;
		height: auto;
		left: auto;
		right: 0;
		background: transparent
	}
}

.header {
	width: calc(100% - 0px);
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	padding-left: 20px
}

@media (max-width: 767px) {
	.header {
		width: 100%;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		padding-left: 15px
	}
}

@media (max-width: 599px) {
	.header {
		width: 50%;
		padding-left: 10px
	}
	.body--detail .header {
		width: 100%;
		margin-top: 10px;
		padding-bottom: 10px;
	}
}

.header--dark {
	background: #000;
	color: #fff;
	z-index: 12;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: none
}

.header--dark a {
	color: #fff
}

@media (max-width: 599px) {
	.header--dark {
		background: transparent
	}
}

.body--headerFilter .header--dark {
	background: rgba(0, 0, 0, 0.85)
}

.header__pn {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px);
	line-height: 70px
}

@media (max-width: 767px) {
	.header__pn {
		width: calc(33.3333333333% - 30px);
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.header__pn {
		width: calc(33.3333333333% - 20px);
		margin-left: 10px;
		margin-right: 10px;
		display: none
	}
}

.header__pn a:hover,
.header__pn a:focus {
	text-decoration: none;
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%*/
}

.body--dark .header__pn a:hover,
.body--dark .header__pn a:focus {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #fff), color-stop(75%, #fff));
	background-image: -o-linear-gradient(top, #fff 75%, #fff 75%);
	background-image: linear-gradient(to bottom, #fff 75%, #fff 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

@media (max-width: 1200px) {
	.html--panel .header__pnLong {
		display: none
	}
}

.header__nav {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(66.6666666667% - 40px)
}

@media (max-width: 767px) {
	.header__nav {
		margin-left: 15px;
		margin-right: 15px;
		width: auto;
		margin-right: 0;
		float: right;
		padding-top: 20px;
	}
}

@media (max-width: 599px) {
	.header__nav {
		width: auto;
		margin-right: 0;
		float: right;
		padding-top: 20px
	}
}

.header__link {
	display: inline-block;
	height: 70px;
	line-height: 70px;
	margin-right: 40px
}

@media (max-width: 1029px) {
	.header__link {
		margin-right: 30px
	}
}

@media (max-width: 599px) {
	.header__link {
		display: block;
		line-height: inherit;
		height: auto;
		margin-bottom: 10px;
		margin-right: 25px
	}
}

.header__link:hover span,
.header__link:focus span {
	/*text-decoration: none;*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.body--dark .header__link:hover span,
.body--dark .header__link:focus span {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #fff), color-stop(75%, #fff));
	background-image: -o-linear-gradient(top, #fff 75%, #fff 75%);
	background-image: linear-gradient(to bottom, #fff 75%, #fff 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

@media (min-width: 768px) {
	.header__link--index {
		display: none
	}
}

.body--work .header__link--work span,
.body--casestudy .header__link--work span,
.body--index .header__link--index span,
.body--about .header__link--about span,
.body--people .header__link--about span,
.body--clients .header__link--about span,
.body--contact .header__link--contact span,
.body--position .header__link--contact span {
	/*text-decoration: none;*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.body--work.body--dark .header__link--work span,
.body--casestudy.body--dark .header__link--work span,
.body--index.body--dark .header__link--index span,
.body--about.body--dark .header__link--about span,
.body--people.body--dark .header__link--about span,
.body--clients.body--dark .header__link--about span,
.body--contact.body--dark .header__link--contact span,
.body--position.body--dark .header__link--contact span {
	/*text-decoration: none;*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #fff), color-stop(75%, #fff));
	background-image: -o-linear-gradient(top, #fff 75%, #fff 75%);
	background-image: linear-gradient(to bottom, #fff 75%, #fff 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

@media (max-width: 599px) {
	.body--casestudy .header__link--index,
	.body--casestudy .header__link--about,
	.body--casestudy .header__link--contact {
		display: none
	}
	.body--people .header__link--index,
	.body--people .header__link--work,
	.body--people .header__link--contact,
	.body--clients .header__link--index,
	.body--clients .header__link--work,
	.body--clients .header__link--contact {
		display: none
	}
	.body--position .header__link--index,
	.body--position .header__link--work,
	.body--position .header__link--about {
		display: none
	}
	.body--email .header__link--index,
	.body--email .header__link--work,
	.body--email .header__link--about {
		display: none
	}
	.body--narrative .header__link--index,
	.body--narrative .header__link--work,
	.body--narrative .header__link--about,
	.body--narrative .header__link--contact {
		display: none
	}
	.body--detail .header__pn {
		display: block;
		line-height: 60px;
		width: auto;
		margin-right: 0;
		margin-top: 15px;
	}
	.body--detail .header__nav {
		padding-top: 0
	}
	.body--detail .header__link {
		margin-right: 0;
		margin-bottom: 0;
		line-height: 60px
	}
}

.headerBackTop {
	height: 60px;
	position: fixed;
	z-index: 12;
	-webkit-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
	top: 0;
	left: 0;
	background: #fff;
	overflow: hidden;
	width: 100%;
	padding: 0 10px;
	display: none
}

@media (max-width: 599px) {
	.headerBackTop {
		display: block;
		padding-right: 0
	}
}

.headerBackTop a {
	display: block
}

.headerBackTop__home {
	height: 60px;
	line-height: 60px;
	float: left;
	width: calc(41.6666666667% - 20px);
	margin-left: 10px;
	margin-right: 10px
}

.headerBackTop__home:hover span,
.headerBackTop__home:focus span {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.headerBackTop__trigger {
	height: 60px;
	line-height: 60px;
	float: right;
	margin-left: 10px;
	margin-right: 10px
}

@media (max-width: 599px) {
	.headerBackTop__trigger {
		width: 60px;
		text-align: center;
		margin: 0
	}
}

.headerBackTop--dark {
	background: #000;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 999px;
	max-height: 60px
}

.headerBackTop--dark a {
	color: #fff
}

.headerBackTop--dark .headerFilter__index {
	display: block;
	float: left;
	margin-left: 10px;
	margin-right: 10px
}

.headerBackTop--dark .headerFilter__current {
	margin-top: 12px
}

.body--headerUp .headerBackTop {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.headerBackTop--dark {
	display: none
}

.body--index .headerBackTop {
	display: none
}

@media (max-width: 599px) {
	.body--index .headerBackTop--dark {
		display: block
	}
}

@media (min-width: 600px) {
	.headerFilter {
		float: left;
		display: block;
		margin-left: 20px;
		margin-right: 20px;
		overflow: hidden;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@media (max-width: 767px) and (min-width: 600px) {
	.headerFilter {
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.headerFilter {
		margin-left: 20px;
		margin-right: 0
	}
}

.headerFilter__index {
	display: none
}

@media (min-width: 600px) {
	.headerFilter__index {
		display: block
	}
	.body--headerFilter .headerFilter {
		-webkit-transform: translateY(-70px);
		-ms-transform: translateY(-70px);
		transform: translateY(-70px)
	}
	.headerFilter__index {
		overflow: hidden;
		width: calc(100% + 40px)
	}
	.headerFilter__title,
	.headerFilter__current {
		display: block;
		float: left
	}
	.headerFilter__top {
		float: right;
		width: 60px;
		text-align: center;
		margin-right: 20px
	}
	.headerFilter__title,
	.headerFilter__top {
		height: 70px;
		line-height: 70px
	}
	.headerFilter__current {
		margin-top: 17px
	}
}

.headerFilter__title {
	width: 25%
}

@media (max-width: 1200px) {
	.headerFilter__title {
		width: 37.5%
	}
}

@media (max-width: 900px) {
	.headerFilter__title {
		display: none
	}
}

.headerFilter__links {
	-webkit-box-shadow: none;
	-ms-touch-action: manipulation;
	-webkit-appearance: none;
	background-image: none;
	box-shadow: none;
	cursor: pointer;
	margin: 0;
	outline: 0;
	padding: 0;
	text-align: left;
	touch-action: manipulation;
	vertical-align: middle;
	white-space: nowrap;
	background-color: transparent;
	border: 0 none;
	display: block;
	color: #666;
	height: 35px;
	line-height: 35px;
	opacity: 0
}

.headerFilter__links:hover,
.headerFilter__links:focus {
	color: #fff
}

.body--filterall .headerFilter__current {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.body--filterstrategy .headerFilter__current {
	-webkit-transform: translateY(-35px);
	-ms-transform: translateY(-35px);
	transform: translateY(-35px)
}

.body--filterdesign .headerFilter__current {
	-webkit-transform: translateY(-70px);
	-ms-transform: translateY(-70px);
	transform: translateY(-70px)
}

.body--filterengineering .headerFilter__current {
	-webkit-transform: translateY(-105px);
	-ms-transform: translateY(-105px);
	transform: translateY(-105px)
}

.body--filterall .headerFilter__links--all,
.body--filterstrategy .headerFilter__links--strategy,
.body--filterdesign .headerFilter__links--design,
.body--filterengineering .headerFilter__links--engineering {
	color: #fff;
	opacity: 1
}

.content--filterstrategy .index__item,
.content--filterdesign .index__item,
.content--filterengineering .index__item {
	display: none
}

.content--filterdesign .index__item--design,
.content--filterstrategy .index__item--strategy,
.content--filterengineering .index__item--engineering {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width: 400px) {
	.content--filterdesign .index__item--design,
	.content--filterstrategy .index__item--strategy,
	.content--filterengineering .index__item--engineering {
		display: block
	}
}

.body--headerFilter.body--headerHover .headerFilter__current {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.body--headerFilter.body--headerHover .headerFilter__current .headerFilter__links {
	opacity: 1
}

.body--headerFilter.body--headerHover .header--dark {
	max-height: 170px
}

.body--headerFilter.body--headerHover .headerBackTop--dark {
	max-height: 170px
}

.headerLoader {
	opacity: 0;
	position: absolute;
	top: 1.3157894737em;
	right: -60px;
	color: #fff;
	z-index: 16
}

@media (max-width: 599px) {
	.headerLoader {
		display: none
	}
}

.body--indexReloading .headerLoader {
	right: 46px;
	opacity: 1
}

@media (max-width: 599px) {
	.body--indexReloading .headerLoader {
		display: none
	}
}

.body--indexReloading .headerFilter__top,
.body--indexReloading .headerBackTop__trigger {
	display: none
}

.body--indexReloading .index__outer {
	max-height: 100vh
}

.indexBar {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 70px;
	min-height: 70px;
	z-index: 15;
	margin-left: 0;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

@media (max-width: 767px) {
	.indexBar {
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@media (max-width: 1300px) {
	.html--panel .indexBar {
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px)
	}
}

.indexBar__button {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 70px;
	line-height: 70px;
	background: transparent;
	padding: 0;
	margin: 0;
	color: #fff;
	background: #000;
	overflow: visible
}

.indexBar__button:hover .indexBar__label span,
.indexBar__button:focus .indexBar__label span {
	/*text-decoration: none;*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #fff), color-stop(75%, #fff));
	background-image: -o-linear-gradient(top, #fff 75%, #fff 75%);
	background-image: linear-gradient(to bottom, #fff 75%, #fff 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.indexBar__label {
	position: absolute;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	top: 15px;
	left: 9px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (max-width: 1029px) {
	.indexBar__label {
		left: 12px
	}
}

.body--index .indexBar__label span {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #fff), color-stop(75%, #fff));
	background-image: -o-linear-gradient(top, #fff 75%, #fff 75%);
	background-image: linear-gradient(to bottom, #fff 75%, #fff 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.clocks {
	width: calc((100% - 40px)/6);
	position: absolute;
	float: right;
	right: 0;
	z-index: 9;
	padding-top: 20px;
	overflow: hidden;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	margin-right: 20px;
}

@media (max-width: 1300px) {
	.clocks {
		padding-top: 22px
	}
}

@media (max-width: 1029px) {
	.clocks {
		padding-top: 23px
	}
}

@media (max-width: 767px) {
	.clocks {
		display: none
	}
}

.clocks *[data-timezone] {
	text-transform: lowercase
}

@-webkit-keyframes fadeinout {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeinout {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.time__separator {
	padding: 0 0.1em;
	margin-top: -0.25em;
	top: -0.1em;
	position: relative;
	-webkit-animation: fadeinout 2s steps(1) infinite;
	animation: fadeinout 2s steps(1) infinite
}

body.body--indexLoaded .clocks,
body.body--detail .clocks {
	display: block
}

@media screen and (max-width: 767px){
	body.body--indexLoaded .clocks,
	body.body--detail .clocks {
		display: none;
	}
}

.html--panel .clocks {
	opacity: 0
}

.content__container {
	background: #111;
	margin-left: 0px;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	max-width: calc(100% - 0px)
}

@media (max-width: 767px) {
	.content__container {
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
		max-width: calc(100%);
		width: 100%
	}
}

.content__mask {
	position: fixed;
	margin-left: 70px;
	max-width: 1480px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #fff
}

@media (max-width: 767px) {
	.content__mask {
		margin-left: 0
	}
}

.body--index .content__mask {
	background: #000
}

.html--panel .body--index .content__mask {
	background: #fff
}

@media (max-width: 1300px) {
	.html--panel .content__container,
	.html--panel .clocks {
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@media (max-width: 1029px) {
	.html--panel .clocks {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@media (max-width: 1300px) {
	.html--panel .header {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.content {
	/*max-width: 1480px;*/
	max-width: 100%;
	overflow: hidden;
	background: #fff;
	position: relative
}

.content--clocks {
	overflow: visible;
	margin-left: 70px
}

.content--main {
	min-height: 100vh
}

.main404 {
	min-height: 33.33vh
}

.html--panel body.body--dark {
	background: #000
}

.html--panel body.body--dark .header {
	background: #000;
	color: #fff
}

.html--panel body.body--dark .header a {
	color: #fff
}

.html--panel body.body--dark .content {
	background: #000;
	color: #fff
}

.html--panel body.body--dark .content a {
	color: #fff
}

.col__outer {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
}

.col__outer:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.col__outer {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.col__outer {
		padding-left: 10px;
		padding-right: 10px
	}
}

.col {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px
}

@media (max-width: 767px) {
	.col {
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.col {
		margin-left: 10px;
		margin-right: 10px
	}
}

.col--1 {
	width: calc(8.3333333333% - 40px)
}

@media (max-width: 767px) {
	.col--1 {
		width: calc(8.3333333333% - 30px)
	}
}

@media (max-width: 599px) {
	.col--1 {
		width: calc(8.3333333333% - 20px)
	}
}

.col--2 {
	width: calc(16.6666666667% - 40px)
}

@media (max-width: 767px) {
	.col--2 {
		width: calc(16.6666666667% - 30px)
	}
}

@media (max-width: 599px) {
	.col--2 {
		width: calc(16.6666666667% - 20px)
	}
}

.col--3 {
	width: calc(25% - 40px)
}

@media (max-width: 767px) {
	.col--3 {
		width: calc(25% - 30px)
	}
}

@media (max-width: 599px) {
	.col--3 {
		width: calc(25% - 20px)
	}
}

.col--4 {
	width: calc(33.3333333333% - 40px)
}

@media (max-width: 767px) {
	.col--4 {
		width: calc(33.3333333333% - 30px)
	}
}

@media (max-width: 599px) {
	.col--4 {
		width: calc(33.3333333333% - 20px)
	}
}

.col--6 {
	width: calc(50% - 40px)
}

@media (max-width: 767px) {
	.col--6 {
		width: calc(50% - 30px)
	}
}

@media (max-width: 599px) {
	.col--6 {
		width: calc(50% - 20px)
	}
}

.col--7 {
	width: calc(58.3333333333% - 40px)
}

@media (max-width: 767px) {
	.col--7 {
		width: calc(58.3333333333% - 30px)
	}
}

@media (max-width: 599px) {
	.col--7 {
		width: calc(58.3333333333% - 20px)
	}
}

.col--8 {
	width: calc(66.6666666667% - 40px)
}

@media (max-width: 767px) {
	.col--8 {
		width: calc(66.6666666667% - 30px)
	}
}

@media (max-width: 599px) {
	.col--8 {
		width: calc(66.6666666667% - 20px)
	}
}

.content__header {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin: 185px 0 100px 0
}

.content__header:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.content__header {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.content__header {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width: 1029px) {
	.content__header {
		margin-bottom: 65px
	}
}

@media (max-width: 767px) {
	.content__header {
		margin-top: 105px
	}
}

@media (max-width: 599px) {
	.content__header {
		margin-top: 80px;
		margin-bottom: 50px
	}
}

.content__header--intro {
	margin: 80px 0 25px 0
}

@media (max-width: 1029px) {
	.content__header--intro {
		margin-bottom: 65px
	}
}

@media (max-width: 767px) {
	.content__header--intro {
		margin-top: 195px
	}
}

@media (max-width: 599px) {
	.content__header--intro {
		margin-top: 20px;
		margin-bottom: 50px
	}
}

@media (max-height: 760px) {
	.content__header--intro {
		margin-top: calc(80px)
	}
}

@media (max-height: 760px) and (max-width: 767px) {
	.content__header--intro {
		margin-top: calc(80px)
	}
}

@media (max-height: 760px) and (max-width: 599px) {
	.content__header--intro {
		margin-top: 20px
	}
}

.content__title {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

@media (max-width: 767px) {
	.content__title {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(33.3333333333% - 30px)
	}
}

@media (max-width: 599px) {
	.content__title {
		width: calc(100% - 30px);
		margin-bottom: 100px
	}
}

@media (max-width: 599px) {
	.content__title {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.content__subtitle {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(100% - 40px)
}

@media (max-width: 767px) {
	.content__subtitle {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.content__subtitle {
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.content__subtitle {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.content__subtitle:first-child {
	float: right
}

@media (max-width: 767px) and (min-width: 600px) {
	.body--about br.typo--br {
		display: none
	}
}

.content__text {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
}

.content__text:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.content__text {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.content__text {
		padding-left: 10px;
		padding-right: 10px
	}
}

.content__text:after {
	content: "";
	display: table;
	clear: both
}

.content__text p a {
	/*text-decoration: none;*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.content__text p a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.content__text p a:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.content__text--intro {
	padding-bottom: 3.6842105263em
}

@media (max-width: 767px) {
	.content__text--intro {
		padding-bottom: 4.2105263158em
	}
}

.content__text--fullWidth {
	padding-right: 40px;
	margin-left: calc(33.3333333333% + 20px)
}

@media (max-width: 767px) {
	.content__text--fullWidth {
		margin-left: calc(33.3333333333% + 15px)
	}
}

@media (max-width: 599px) {
	.content__text--fullWidth {
		margin-left: 0;
		padding-left: 20px;
		padding-right: 20px
	}
}

.content__text--fullWidth h2 {
	padding-bottom: calc(1em - 4px)
}

.content__textCol {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

.content__textCol p {
	padding-bottom: 0px
}

.content .contact-block-item{
	padding-bottom: 20px;
}

@media (max-width: 400px) {
	.content__textCol p {
		padding-bottom: 0px
	}

	.content .contact-block-item{
		padding-bottom: 15px;
	}
}

.content__textCol:first-child {
	margin-left: calc(0% + 20px)
}

@media (max-width: 767px) {
	.content__textCol:first-child {
		margin-left: calc(0% + 15px)
	}
}

@media (max-width: 599px) {
	.content__textCol:first-child {
		margin-left: 10px;
		margin-right: 10px
	}
}

.content__textCol--intro {
	padding-right: 40px;
	width: 44%;
}

@media (max-width: 1300px) and (min-width: 1030px) {
	.content__textCol--intro {
		padding-right: 10px
	}
}

@media (max-width: 1029px) {
	.content__textCol--intro {
		margin-left: 20px;
		margin-right: 20px;
		width: 40%;
	}
	.content__textCol--intro p {
		padding-bottom: 15px
	}
}

@media (max-width: 767px) {
	.content__textCol--intro {
		margin-left: 15px;
		margin-right: 15px;
		width: 41%;
	}
}

@media (max-width: 599px) {
	.content__textCol--intro {
		padding-right: 0
	}
}

@media (max-width: 599px) and (min-width: 401px) {
	.content__textCol--intro {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(50% - 20px)
	}
}

@media (max-width: 480px) {
	.content__textCol--intro {
		width: calc(100% - 20px)
	}
}

@media (max-width: 1029px) {
	.content__textCol--intro:last-child {
		margin-left: calc(0% + 20px)
	}
}

@media (max-width: 767px) {
	.content__textCol--intro:last-child {
		margin-left: calc(0% + 15px)
	}
}

@media (max-width: 599px) {
	.content__textCol--intro:last-child {
		padding-right: 0;
		margin-left: 10px;
		margin-right: 10px
	}
}

@media (max-width: 1029px) {
	.content__textCol--single {
		padding-right: 40px;
		width: calc(66.6666666667% - 40px)
	}
}

@media (max-width: 767px) {
	.content__textCol--single {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(66.6666666667% - 30px)
	}
}

@media (max-width: 599px) {
	.content__textCol--single {
		padding-right: 0;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.content__textCol--form {
	width: calc(50% - 40px)
}

@media (max-width: 1029px) {
	.content__textCol--form {
		padding-right: 40px;
		width: calc(50% - 40px)
	}
}

@media (max-width: 767px) {
	.content__textCol--form {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.content__textCol--form {
		padding-right: 0;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.content__textCol--form p:last-child {
	padding: 0
}

@media (max-width: 767px) {
	.content__textCol--form:first-child {
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (min-width: 1030px) {
	.content__textCol--contact,
	.content__textCol--contact:first-child {
		width: calc(25% - 40px)
	}
}

@media (max-width: 599px) {
	.content__textCol--contact,
	.content__textCol--contact:first-child {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(50% - 20px)
	}
}

@media (max-width: 480px) {
	.content__textCol--contact,
	.content__textCol--contact:first-child {
		width: calc(100% - 20px)
	}
}

@media (min-width: 600px) {
	.content__header404 .content__title {
		display: none
	}
}

.content__header404 .content__subtitle {
	float: none;
	overflow: hidden;
	width: calc(100% - 40px)
}

@media (max-width: 767px) {
	.content__header404 .content__subtitle {
		width: calc(100% - 30px)
	}
}

.content__header404 .icon__404,
.content__header404 .icon__500,
.content__header404 .icon__503 {
	height: 0;
	display: block;
	padding-bottom: 40.3571%;
	overflow: hidden;
	background-size: 100% auto;
	background-position: bottom left
}

@media (max-width: 1029px) {
	.content__header404 .icon__500 span,
	.content__header404 .icon__503 span {
		display: none
	}
}

.detail__content {
	overflow: hidden
}

.redline {
	pointer-events: none;
	display: none;
	max-width: 1550px;
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 13
}

.redline__pixel {
	position: absolute;
	height: 1px;
	width: 1px;
	opacity: 0.25;
	z-index: 13;
	background: red
}

.redline--visible {
	display: block
}

.html--panel .redline--visible {
	display: none
}

.icon__pn {
	display: block;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url("/static/images/dimasso_logotype-03.svg");
	background-repeat: no-repeat;
	height: 80px;
	width: 128px;
	background-size: auto 100%;
	margin-top: 10px
}

@media (max-width: 1029px) {
	.icon__pn {
		height: 70px;
		width: 112px;
		margin-top: 10px;
		background-image: url("/static/images/dimasso_logotype-03.svg");
		background-repeat: no-repeat
	}
}

@media (max-width: 767px) {
	.icon__pn {
		margin-top: 7px
	}
}

@media (max-width: 599px) {
	.icon__pn {
		height: 57px;
		width: 91.2px;
		margin-top: 5px;
		margin-bottom: 25px;
		position: relative;
		z-index: 9;
		background-image: url("/static/images/dimasso_logotype-03.svg");
		background-repeat: no-repeat
	}
}

#contentIndex .icon__pn,
.html--panel #content .icon__pn {
	background-image: url("/static/images/dimasso_logotype-03.svg");
	background-repeat: no-repeat
}

@media (max-width: 1029px) {
	#contentIndex .icon__pn,
	.html--panel #content .icon__pn {
		background-image: url("/static/images/dimasso_logotype-03.svg");
		background-repeat: no-repeat
	}
}

@media (max-width: 599px) {
	#contentIndex .icon__pn,
	.html--panel #content .icon__pn {
		background-image: url("/static/images/dimasso_logotype-03.svg");
		background-repeat: no-repeat
	}
}

.icon__close {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M11.543%201.472L10.528.457%206%204.987%201.472.457.457%201.47%204.987%206l-4.53%204.528%201.015%201.015L6%207.013l4.528%204.53%201.015-1.015L7.013%206%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat
}

.ticker {
	z-index: 14;
	cursor: auto;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #ff0;
	width: 100%;
	max-width: 1550px;
	padding-left: 110px;
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
	display: none
}

@media (max-width: 767px) {
	.ticker {
		padding-left: 30px
	}
}

@media (max-width: 599px) {
	.ticker {
		padding-left: 20px
	}
}

.body--home .ticker {
	display: block
}

.ticker,
.ticker__link:after {
	padding-right: 40px
}

@media (max-width: 767px) {
	.ticker,
	.ticker__link:after {
		padding-right: 30px
	}
}

@media (max-width: 599px) {
	.ticker,
	.ticker__link:after {
		padding-right: 20px
	}
}

.ticker--up .ticker {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.html--panel .ticker--up .ticker {
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px)
}

.ticker__link {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	opacity: 0.8
}

@media (max-width: 599px) {
	.ticker__link {
		padding-top: 10px;
		padding-bottom: 10px
	}
}

.ticker__link .ticker__arrow {
	visibility: hidden
}

@media (max-width: 599px) {
	.ticker__link:hover .ticker__arrow,
	.ticker__link:focus .ticker__arrow {
		visibility: visible
	}
}

.ticker__link:after {
	content: "\2192";
	vertical-align: middle;
	position: absolute;
	right: 0;
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
	top: 0
}

@media (min-width: 600px) {
	.ticker__link:hover:after,
	.ticker__link:focus:after {
		display: block
	}
}

.footer {
	position: relative;
	padding-top: 35px;
	padding-bottom: 35px;
	overflow: hidden
}

.footer:before {
	content: "";
	display: block;
	border-top: 1px solid #111;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}

.body--index .footer {
	display: none
}

.footer__inner {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
}

.footer__inner:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.footer__inner {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.footer__inner {
		padding-left: 10px;
		padding-right: 10px
	}
}

.footer__col {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

@media (max-width: 767px) {
	.footer__col {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(33.3333333333% - 30px)
	}
}

@media (max-width: 599px) {
	.footer__col {
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.footer__col {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.footer__col--right {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	float: right;
	width: calc(66.6666666667% - 40px)
}

.footer__col--right .typo--bordered {
	margin-right: 10px
}

.footer__col--right .typo--bordered:last-child {
	margin-right: 0
}

@media (max-width: 767px) {
	.footer__col--right {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(66.6666666667% - 30px)
	}
}

@media (max-width: 599px) {
	.footer__col--right {
		width: calc(100% - 30px)
	}
	.footer__col--right+.footer__col {
		padding-top: 1.4em
	}
}

@media (max-width: 599px) {
	.footer__col--right {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.footer__col--flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width: 599px) {
	.footer__col--flex {
		display: block
	}
	.footer__col--flex .footer__col-inner {
		padding-top: 1.4em
	}
	.footer__col--flex .footer__col-inner:first-child {
		padding-top: 0
	}
}

@media (max-width: 767px) {
	.footer__col--flex .footer__col-inner--left {
		-ms-flex-preferred-size: 80%;
		flex-basis: 80%
	}
}

@media (max-width: 599px) {
	.footer__col--flex .footer__col-inner--left {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}

.footer__col--flex .footer__col-inner--right {
	text-align: right
}

@media (max-width: 599px) {
	.footer__col--flex .footer__col-inner--right {
		text-align: left
	}
}

.newsletter {
	padding: 35px 0;
	background: #ff0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translateY(101%);
	-ms-transform: translateY(101%);
	transform: translateY(101%);
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	-o-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease
}

.newsletter.newsletter--active {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%)
}

.newsletter.newsletter--success {
	background-color: #39DF4A
}

.newsletter.newsletter--success input[type="text"],
.newsletter.newsletter--success input[type="email"],
.newsletter.newsletter--success button {
	visibility: hidden
}

.newsletter.newsletter--error .footer__col:first-child {
	color: #FF1A1A
}

.newsletter .newsletter__form {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 35px;
	margin-top: -17.5px
}

.newsletter .footer__col {
	position: relative;
	line-height: 35px
}

.newsletter input[type="text"],
.newsletter input[type="email"],
.newsletter button {
	padding: 0;
	-webkit-appearance: none;
	border-radius: 0;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: none;
	background-color: transparent;
	color: #111;
	font-size: 1em;
	height: 35px;
	line-height: 35px;
	text-align: left;
	margin: 0
}

.newsletter input[type="text"],
.newsletter input[type="email"] {
	width: 100%;
	border: 0 none;
	border-bottom: 1px solid #AFAF08;
	padding-right: 80px
}

.newsletter button {
	position: absolute;
	right: 0;
	top: 0;
	border: 0 none;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.newsletter button:hover,
.newsletter button:focus {
	color: rgba(0, 0, 0, 0.7)
}

@media (max-width: 767px) {
	.newsletter .newsletter__form {
		height: 70px;
		margin-top: -35px
	}
	.newsletter .footer__col {
		padding-top: 0
	}
}

.newsletter__inner {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
}

.newsletter__inner:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.newsletter__inner {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.newsletter__inner {
		padding-left: 10px;
		padding-right: 10px
	}
}

::-webkit-input-placeholder {
	color: #AFAF08
}

:-moz-placeholder {
	color: #AFAF08
}

::-moz-placeholder {
	color: #AFAF08
}

:-ms-input-placeholder {
	color: #AFAF08
}

.prefooter {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
}

.prefooter:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.prefooter {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.prefooter {
		padding-left: 10px;
		padding-right: 10px
	}
}

.prefooter {
	-webkit-transform: translate3d(0, 0, 0)
}

.prefooter__text {
	display: block;
	padding-top: 6.8421052632em;
	padding-bottom: 7.3684210526em
}

@media (max-width: 599px) {
	.prefooter__text {
		padding-top: 60px;
		padding-bottom: 80px
	}
}

@media (max-width: 599px) {
	.prefooter__text+.prefooter__text {
		padding-top: 0;
		margin-top: -60px
	}
}

.prefooter--casestudy a+a {
	border-top: 1px solid #111
}

.prefooter--spacer {
	margin-top: 60px
}

@media (max-width: 599px) {
	.prefooter--spacer {
		margin-top: 40px
	}
}

.prefooter--bordered {
	border-top: 1px solid #111
}

.prefooter__content {
	display: block;
	margin-left: 20px;
	margin-right: 20px
}

@media (min-width: 1030px) {
	.prefooter__content {
		margin-left: calc(33.3333333333% + 20px)
	}
}

@media (max-width: 767px) {
	.prefooter__content {
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.prefooter__content {
		margin-left: 10px;
		margin-right: 10px
	}
}

.prefooter__colTitle,
.prefooter__colContent {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

.prefooter__colTitle p+p,
.prefooter__colContent p+p {
	padding-top: 1.4736842105em
}

@media (max-width: 767px) {
	.prefooter__colTitle {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(33.3333333333% - 30px)
	}
}

@media (max-width: 599px) {
	.prefooter__colTitle {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.prefooter__colTitle {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

@media (max-width: 1029px) {
	.prefooter__colContent {
		width: calc(66.6666666667% - 40px)
	}
}

@media (max-width: 767px) {
	.prefooter__colContent {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(66.6666666667% - 30px)
	}
}

@media (max-width: 599px) {
	.prefooter__colContent {
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.prefooter__colContent {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.prefooter__arrowed {
	display: block;
	position: relative;
	padding-right: 1.5em
}

.prefooter__arrowed:after {
	display: block;
	position: absolute;
	content: "\2192";
	vertical-align: middle;
	top: -.1052631579em;
	right: 0;
	font-weight: 700
}

.prefooter__arrowed::first-letter {
	margin-left: -.0526315789em
}

a.prefooter__text:hover .prefooter__hover,
a.prefooter__text:focus .prefooter__hover {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%;
	background-position: 0 92%
}

.prefooter__next {
	display: block;
	padding-bottom: .2631578947em
}

.panel__container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	outline: 0;
	display: block;
	z-index: 0;
	width: 0;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	cursor: pointer
}

.panel {
	min-height: 100vh;
	position: absolute;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	top: 0;
	right: 0;
	width: 0;
	opacity: 0;
	cursor: pointer;
	padding-left: 220px;
	max-width: 1700px
}

@media (max-width: 1300px) and (min-width: 1201px) {
	.panel {
		padding-left: 150px
	}
}

@media (max-width: 1200px) and (min-width: 1025px) {
	.panel {
		padding-left: 110px
	}
}

@media (max-width: 1024px) {
	.panel {
		padding-left: 0px
	}
}

.html--panel {
	overflow: hidden
}

.html--panel body {
	overflow: hidden;
	height: 100%
}

.html--panel .content div[data-src],
.html--panel .content img {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.75 !important
}

.html--panel .panel__container {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	z-index: 99
}

.html--panel .panel {
	width: 100%;
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.html--panel .panel__header {
	display: block
}

.html--panelMoved .panel__dynamic {
	opacity: 0
}

body .panel__inner,
body .panel__header,
body.body--dark .panel__inner,
body.body--dark .panel__header {
	color: #111
}

body .panel__inner a,
body .panel__header a,
body.body--dark .panel__inner a,
body.body--dark .panel__header a {
	color: #111
}

body .panel__inner a.typo--note,
body .panel__inner .typo--note a,
body .panel__header a.typo--note,
body .panel__header .typo--note a,
body.body--dark .panel__inner a.typo--note,
body.body--dark .panel__inner .typo--note a,
body.body--dark .panel__header a.typo--note,
body.body--dark .panel__header .typo--note a {
	color: #767676
}

body .panel__inner,
body.body--dark .panel__inner {
	min-height: 100vh
}

body .panel__inner:after,
body.body--dark .panel__inner:after {
	content: "";
	display: table;
	clear: both
}

.panel__header {
	width: 100%;
	background: #fff;
	z-index: 99;
	cursor: auto;
	position: fixed;
	top: 0;
	display: none;
	max-width: 1480px;
	overflow: hidden;
	pointer-events: none
}

.panel__inner {
	cursor: auto;
	background: #fff
}

@media (max-width: 1720px) and (min-width: 1301px) {
	.panel__header,
	.panel__title {
		max-width: calc(100% - 220px)
	}
}

@media (max-width: 1300px) and (min-width: 1201px) {
	.panel__header,
	.panel__title {
		max-width: calc(100% - 150px)
	}
}

@media (max-width: 1200px) and (min-width: 1025px) {
	.panel__header,
	.panel__title {
		max-width: calc(100% - 110px)
	}
}

.panel__title {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: calc(100% - 70px);
	pointer-events: auto
}

@media (max-width: 767px) {
	.panel__title {
		width: calc(100% - 60px)
	}
}

.panel__close {
	display: block;
	position: fixed;
	background: #fff;
	right: 20px;
	top: 0;
	pointer-events: auto
}

@media (max-width: 767px) {
	.panel__close {
		right: 0
	}
}

.panel__close:active {
	color: #111
}

.panel__close:hover .panel__closeLabel span,
.panel__close:focus .panel__closeLabel span {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.panel__close * {
	pointer-events: none
}

.panel__title,
.panel__close {
	padding-left: 40px;
	padding-right: 40px
}

@media (max-width: 767px) {
	.panel__title,
	.panel__close {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media (max-width: 599px) {
	.panel__title,
	.panel__close {
		padding-left: 20px;
		padding-right: 20px
	}
}

.panel__close {
	padding-right: 20px
}

.panel__closeIcon,
.panel__closeLabel {
	display: inline-block;
	vertical-align: top
}

.panel__closeLabel {
	padding-left: 10px
}

@media (max-width: 767px) {
	.panel__closeLabel {
		display: none
	}
}

.panel__closeIcon {
	position: relative;
	width: 27px;
	right: -10px;
	background-position: left center
}

@media (max-width: 599px) {
	.panel__close {
		padding-left: 0;
		padding-right: 0;
		width: 60px
	}
	.panel__closeIcon {
		width: 60px;
		right: 0;
		background-position: center center
	}
}

.panel__header,
.panel__title,
.panel__close,
.panel__closeIcon,
.panel__closeLabel {
	height: 70px;
	line-height: 70px
}

@media (max-width: 599px) {
	.panel__header,
	.panel__title,
	.panel__close,
	.panel__closeIcon,
	.panel__closeLabel {
		height: 60px;
		line-height: 60px
	}
}

.detail__content .blockCover {
	margin-top: 70px
}

@media (max-width: 599px) {
	.detail__content .blockCover {
		margin-top: 60px
	}
}

@media (max-width: 1024px) {
	.html--panel {
		overflow: visible
	}
	.html--panel .content__container,
	.html--panel .header,
	.html--panel .headerBackTop,
	.html--panel .indexBar,
	.html--panel .header--dark {
		display: none !important
	}
	.html--panel body.body--dark,
	.html--panel .content__container {
		background: #fff
	}
	.html--panel body {
		overflow: visible
	}
	.html--panel body .panel__container,
	.html--panel body .panel {
		position: static;
		cursor: auto
	}
	.html--panel body .panel__container {
		overflow: visible
	}
	.html--panelMoved .panel__dynamic {
		opacity: 1
	}
}

.feature {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 4.7368421053em;
	visibility: hidden
}

.feature:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.feature {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.feature {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width: 400px) {
	.feature {
		padding-bottom: 0
	}
}

.feature--randomized {
	visibility: visible
}

.feature__item {
	width: 100%;
	overflow: hidden;
	padding-bottom: 104px
}

@media (max-width: 400px) {
	.feature__item {
		padding-bottom: 75px
	}
}

.feature__figure {
	height: 0;
	padding-bottom: 56.1206%;
	background: #E6E6E6;
	background-position: center top;
	background-size: cover
}

.feature__figure img {
	width: 100%;
	display: block
}

.feature__figure img {
	text-align: center
}

@media (max-width: 599px) {
	.feature__figure {
		display: none
	}
}

.feature__figure img {
	display: block;
	opacity: 0
}

.feature__figure.js-imgixLoaded img {
	opacity: 0
}

.feature__figure.js-imgixAnimated img {
	opacity: 1
}

@media (max-width: 599px) {
	.feature__item--square .feature__figure {
		display: block
	}
}

.feature__item--square .feature__figure--cover {
	display: none
}

.feature__figure--square {
	display: block;
	height: 0;
	padding-bottom: 100%;
	background: #E6E6E6;
	background-position: center top;
	background-size: cover
}

.feature__figure--square img {
	width: 100%;
	display: block
}

.feature__figure--square img {
	display: block;
	opacity: 0
}

.feature__figure--square.js-imgixLoaded img {
	opacity: 0
}

.feature__figure--square.js-imgixAnimated img {
	opacity: 1
}

@media (min-width: 600px) {
	.feature__figure--square {
		display: none
	}
	.feature__item--square .feature__figure {
		display: none
	}
	.feature__item--square .feature__figure--square {
		display: block
	}
}

.feature__image {
	display: block;
	margin-bottom: 29px
}

.feature__image:hover+.feature__title .typo--borderedHover,
.feature__image:focus+.feature__title .typo--borderedHover {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.body--dark .feature__figure {
	background-image: none !important;
	background: #000
}

.feature__title {
	margin-bottom: 22px
}

.feature__intro {
	max-width: 440px
}

.feature__intro a {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.feature__intro a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.feature__intro a:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.feature__intro p+p {
	padding-top: .5263157895em
}

.feature__item--square .feature__figure {
	padding-bottom: 100%
}

.feature__item--first .feature__image,
.feature__item--last .feature__image {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(83.3333333333% - 40px)
}

@media (max-width: 1029px) {
	.feature__item--first .feature__image,
	.feature__item--last .feature__image {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px)
	}
}

@media (max-width: 767px) {
	.feature__item--first .feature__image,
	.feature__item--last .feature__image {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.feature__item--first .feature__image,
	.feature__item--last .feature__image {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.feature__item--first .feature__title,
.feature__item--last .feature__title {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(50% - 40px)
}

@media (max-width: 767px) {
	.feature__item--first .feature__title,
	.feature__item--last .feature__title {
		width: calc(50% - 30px);
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.feature__item--first .feature__title,
	.feature__item--last .feature__title {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.feature__item--first .feature__intro,
.feature__item--last .feature__intro {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

@media (max-width: 1029px) {
	.feature__item--first .feature__intro,
	.feature__item--last .feature__intro {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(50% - 40px)
	}
}

@media (max-width: 767px) {
	.feature__item--first .feature__intro,
	.feature__item--last .feature__intro {
		width: calc(50% - 30px);
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.feature__item--first .feature__intro,
	.feature__item--last .feature__intro {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.feature__item--small,
.feature__item--square {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(50% - 40px)
}

@media (max-width: 767px) {
	.feature__item--small,
	.feature__item--square {
		width: calc(50% - 30px);
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.feature__item--small,
	.feature__item--square {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

@media (min-width: 1030px) {
	.feature__item--last .feature__image,
	.feature__item--last .feature__title {
		margin-left: calc(16.6666666667% + 20px)
	}
}

.feature__item--last .feature__title {
	width: calc(33.3333333333% - 40px)
}

@media (max-width: 1029px) {
	.feature__item--last .feature__title {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(50% - 40px)
	}
}

@media (max-width: 767px) {
	.feature__item--last .feature__title {
		width: calc(50% - 30px);
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.feature__item--last .feature__title {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.feature__image--text {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px)
}

.feature__item--hidden {
	display: none
}

.journal {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 120px;
	padding-bottom: 120px;
	border-top: 1px solid #111
}

.journal:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.journal {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.journal {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width: 599px) {
	.journal {
		padding-top: 80px;
		padding-bottom: 80px
	}
}

.journal__title {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px);
	padding-top: .2105263158em
}

@media (max-width: 767px) {
	.journal__title {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(33.3333333333% - 30px)
	}
}

@media (max-width: 599px) {
	.journal__title {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px);
		margin-bottom: 60px
	}
}

.journal__title a {
	margin-right: 20px
}

.journal__english {
	display: block
}

.journal__content {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(66.6666666667% - 40px)
}

@media (max-width: 767px) {
	.journal__content {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(66.6666666667% - 30px)
	}
}

@media (max-width: 599px) {
	.journal__content {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.journal__item {
	display: block;
	margin-bottom: 20px;
	margin-right: 40px
}

@media (max-width: 767px) {
	.journal__item {
		margin-right: 30px
	}
}

@media (max-width: 599px) {
	.journal__item {
		margin-bottom: 12px;
		margin-right: 20px
	}
}

.journal__item .typo--subtitle {
	padding-bottom: 12px
}

@media (max-width: 767px) {
	.journal__item .typo--subtitle {
		padding-bottom: 10px
	}
}

@media (max-width: 599px) {
	.journal__item .typo--subtitle {
		padding-bottom: 9px
	}
}

.journal__item:hover .typo--subtitle span,
.journal__item:focus .typo--subtitle span {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.content__header--index .content__title {
	display: none
}

@media (max-width: 599px) {
	.content__header--index .content__title {
		display: block
	}
}

@media (min-width: 600px) {
	.header--dark {
		max-height: 70px;
		height: 999em
	}
}

.body--index .header--dark {
	display: block
}

.content__titleIndexDate {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: 20px;
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

@media (max-width: 767px) {
	.content__titleIndexDate {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(33.3333333333% - 30px)
	}
}

@media (max-width: 599px) {
	.content__titleIndexDate {
		display: none
	}
}

.html--panel body.body--dark .indexFilter,
body .indexFilter {
	-webkit-box-shadow: none;
	-ms-touch-action: manipulation;
	-webkit-appearance: none;
	background-image: none;
	box-shadow: none;
	cursor: pointer;
	margin: 0;
	outline: 0;
	padding: 0;
	text-align: left;
	touch-action: manipulation;
	vertical-align: middle;
	white-space: nowrap;
	color: #666;
	background-color: transparent;
	border: 0 none
}

.html--panel body.body--dark .indexFilter.indexFilter--selected,
body .indexFilter.indexFilter--selected {
	color: #fff
}

.html--panel body.body--dark:hover .indexFilter--selected,
.html--panel body.body--dark:focus .indexFilter--selected,
body:hover .indexFilter--selected,
body:focus .indexFilter--selected {
	color: #666
}

.html--panel body.body--dark .indexFilter:hover,
body .indexFilter:hover {
	color: #fff
}

body .content--filterall .indexFilter--all,
body .content--filterstrategy .indexFilter--strategy,
body .content--filterdesign .indexFilter--design,
body .content--filterengineering .indexFilter--engineering {
	color: #fff
}

.index {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 1;
	margin-bottom: 40px
}

.index:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.index {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.index {
		padding-left: 10px;
		padding-right: 10px
	}
}

.index__outer {
	position: relative;
	z-index: 11;
	background: #000;
	overflow: hidden;
	min-height: 100vh
}

body .index__item {
	color: #666
}

.index__item {
	margin-left: 20px;
	margin-right: 20px;
	width: calc(100% - 40px);
	border-top: 1px solid #333;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	padding-top: 16px;
	padding-bottom: 16px;
	overflow: hidden
}

@media (max-width: 767px) {
	.index__item {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.index__item {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

@media (max-width: 400px) {
	.index__item {
		padding-top: 13px;
		padding-bottom: 13px;
		display: block
	}
}

.index__item--active {
	color: #fff
}

.index__item--active:after {
	content: "\2192";
	vertical-align: middle;
	color: #fff;
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	font-size: 1.0526315789em;
	padding-top: 16px;
	padding-bottom: 16px
}

.index__item--active .index__title {
	color: #fff
}

.index__item--active:hover:after {
	display: inline-block
}

@media (max-width: 400px) {
	.index__item--active:hover:after {
		display: none
	}
}

.index__item--active:hover .index__hover {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #fff), color-stop(75%, #fff));
	background-image: -o-linear-gradient(top, #fff 75%, #fff 75%);
	background-image: linear-gradient(to bottom, #fff 75%, #fff 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.index__description {
	float: left;
	white-space: nowrap
}

.index__title {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

@media (max-width: 400px) {
	.index__title {
		display: table;
		width: 100%;
		white-space: normal
	}
}

.index__date {
	width: 65px;
	min-width: 55px
}

@media (max-width: 599px) {
	.index__date {
		width: 55px;
		min-width: 55px
	}
}

.index__date,
.index__name {
	display: inline-block
}

@media (max-width: 400px) {
	.index__date,
	.index__name {
		display: table-cell
	}
}

.index__desc,
.index__meta {
	float: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

@media (max-width: 400px) {
	.index__desc,
	.index__meta {
		display: block
	}
}

.index__desc {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	min-width: 0;
	overflow: hidden;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.index__meta {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.index__meta {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(50% - 40px)
}

@media (max-width: 1200px) {
	.index__meta {
		width: calc(41.6666666667% - 40px)
	}
}

@media (max-width: 900px) {
	.index__meta {
		display: none
	}
}

.index__meta ul li {
	display: inline
}

.index__meta ul li:after {
	content: "+";
	display: inline;
	margin-left: 5px
}

.index__meta ul li:last-child:after {
	display: none
}

.capability {
	opacity: 0.5
}

.index__item--placeholder {
	display: block;
	border-color: #000
}

.index__item--placeholder .indexLoader,
.index__item--placeholder .index__loading {
	float: left;
	width: auto;
	display: block;
	color: #fff
}

.index__item--placeholder .indexLoader {
	display: none
}

.indexLoader {
	margin-right: 20px;
	margin-left: 5px
}

@media (max-width: 599px) {
	.index__item--placeholder .indexLoader {
		display: block
	}
}

.body--filterall .capability,
.body--filterstrategy .capability--strategy,
.body--filterdesign .capability--design,
.body--filterengineering .capability--engineering {
	opacity: 1
}

.body--filterstrategy .index__meta ul li:after,
.body--filterdesign .index__meta ul li:after,
.body--filterengineering .index__meta ul li:after {
	opacity: 0.5
}

.work {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2.8947368421em
}

.work:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.work {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.work {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width: 767px) {
	.work {
		padding-top: 2.8947368421em
	}
}

@media (max-width: 599px) {
	.work {
		padding-top: .9473684211em
	}
}

.work__item {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

@media (min-width: 1030px) {
	.work__item:nth-child(3n+4) {
		/*clear: both*/
	}
}

@media (max-width: 1029px) {
	.work__item {
		width: calc(50% - 40px)
	}
	.work__item:nth-child(2n+3) {
		/*clear: both*/
	}
}

@media (max-width: 767px) {
	.work__item {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(50% - 30px)
	}
}

@media (max-width: 599px) {
	.work__item {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(50% - 20px)
	}
}

@media (max-width: 480px) {
	.work__item {
		width: calc(100% - 20px)
	}
}

.work__link {
	display: block;
	margin-bottom: 90px
}

@media (max-width: 1300px) {
	.work__link {
		margin-bottom: 80px
	}
}

@media (max-width: 767px) {
	.work__link {
		margin-bottom: 50px
	}
}

.work__link:hover .work__title,
.work__link:focus .work__title {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.work__title {
	display: inline
}

.work__thumbnail {
	margin-bottom: 20px;
	height: calc(100vw/3);
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	position: relative;
}

.work__thumbnail img {
	width: 100%;
	display: block
}

.work__thumbnail img {
	display: block;
	opacity: 0
}

.work__thumbnail.js-imgixLoaded img {
	opacity: 0;
	height: 100%;
	object-fit: cover;
}

.work__thumbnail.js-imgixAnimated img {
	opacity: 1
}

@media (max-width: 480px) {
	.work__thumbnail {
		display: none
	}
}

.work__thumbnail img {
	text-align: center
}

.body--dark .work__thumbnail {
	background-image: none !important;
	background: #000
}

.work__thumbnail--square {
	display: none
}

@media (max-width: 480px) {
	.work__thumbnail--square {
		display: block;
		height: calc(100vw);
	}
}

.work__thumbnail {
	margin-bottom: 20px;
	border-radius: 20px;
}

.work__disciplines li {
	display: inline
}

.work__disciplines li:after {
	content: "+";
	display: inline;
	margin-left: 5px
}

.work__disciplines li:last-child:after {
	display: none
}

.work__disciplines li {
	color: #767676
}

.accordion {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px
}

.accordion:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.accordion {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.accordion {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width: 599px) {
	.accordion {
		margin-top: -30px
	}
}

.accordion ol {
	display: block;
	margin-left: 20px;
	margin-right: 20px
}

@media (max-width: 767px) {
	.accordion ol {
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (min-width: 768px) {
	.accordion ol {
		margin-left: calc(33.3333333333% + 20px)
	}
}

@media (max-width: 767px) and (min-width: 600px) {
	.accordion ol {
		margin-left: calc(33.3333333333% + 15px)
	}
}

@media (max-width: 599px) {
	.accordion ol {
		margin-left: 10px;
		margin-right: 10px
	}
}

.accordion__item {
	padding-left: 3em;
	padding-bottom: 1.1em;
	position: relative
}

@media (max-width: 480px) {
	.accordion__item {
		padding-left: 2.5em
	}
}

.accordion__num {
	position: absolute;
	left: 0;
	top: 0
}

.accordion__trigger {
	white-space: nowrap;
	display: inline-block;
	cursor: pointer
}

.accordion__content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: 0.3s cubic-bezier(0.6, 0.69, 0.14, 1) max-height;
	-o-transition: 0.3s cubic-bezier(0.6, 0.69, 0.14, 1) max-height;
	transition: 0.3s cubic-bezier(0.6, 0.69, 0.14, 1) max-height
}

.accordion__content p {
	margin: 0;
	padding-top: 1.3em;
	padding-bottom: 0.5em
}

@media (min-width: 768px) {
	.accordion__content p {
		padding-right: 40px
	}
}

@media (max-width: 767px) {
	.accordion__content {
		margin-left: 0
	}
}

.clients {
	overflow: hidden;
	margin: 0 -1px;
	margin-top: .5789473684em;
	margin-bottom: 4.5789473684em;
	border-bottom: 1px solid #E6E6E6
}

@media (max-width: 767px) {
	.clients {
		margin-bottom: 4.2105263158em;
		margin-top: 0
	}
}

@media (max-width: 599px) {
	.clients {
		margin-top: -20px
	}
}

.clients__item {
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	float: left;
	display: block;
	width: 25%;
	text-align: center;
	margin: 0 0 -1px 0;
	line-height: 0;
	overflow: hidden;
	position: relative;
	padding-bottom: 25%;
	background-position: 50%;
	background-repeat: no-repeat;
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background-size: 70% 70%
}

@media (min-width: 1301px) {
	.clients__item {
		width: 25%;
		padding-bottom: 25%
	}
}

@media (max-width: 1150px) {
	.clients__item {
		width: 33.33333%;
		padding-bottom: 33.33333%
	}
}

@media (max-width: 850px) {
	.clients__item {
		width: 50%;
		padding-bottom: 50%
	}
}

@media (max-width: 400px) {
	.clients__item {
		background-size: contain
	}
	@supports (-moz-appearance: none) {
		.clients__item {
			background-size: contain
		}
	}
}

@media (max-width: 480px) {
	.clients__item {
		width: 100%;
		padding-bottom: 240px
	}
}

.body--dark .clients {
	border-color: #1A1A1A
}

.clientsList {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	visibility: hidden
}

.clientsList:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.clientsList {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.clientsList {
		padding-left: 10px;
		padding-right: 10px
	}
}

.clientsList.clientsList--distributed {
	visibility: visible
}

.clientsList__col {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

@media (max-width: 767px) {
	.clientsList__col {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(50% - 30px)
	}
}

@media (max-width: 400px) {
	.clientsList__col {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.clientsList__category {
	padding-bottom: 1em
}

.clientsList__content {
	padding-bottom: 5.5263157895em
}

.clientsList__content li {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: .3157894737em;
	padding-bottom: .2631578947em
}

.people {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: .5789473684em
}

.people:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.people {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.people {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width: 599px) {
	.people {
		margin-top: -20px
	}
}

.people__item {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

@media (min-width: 851px) {
	.people__item:nth-child(3n+4) {
		clear: both
	}
}

@media (max-width: 850px) {
	.people__item {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(50% - 40px)
	}
	.people__item:nth-child(2n+3) {
		clear: both
	}
}

@media (max-width: 767px) {
	.people__item {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(50% - 30px)
	}
}

@media (max-width: 599px) {
	.people__item {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(50% - 20px)
	}
}

@media (max-width: 480px) {
	.people__item {
		width: calc(100% - 20px)
	}
}

.people__link {
	display: block;
	margin-bottom: 90px
}

@media (max-width: 1300px) {
	.people__link {
		margin-bottom: 80px
	}
}

@media (max-width: 767px) {
	.people__link {
		margin-bottom: 50px
	}
}

.people__link:hover .people__name,
.people__link:focus .people__name {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.people__name {
	display: inline
}

.people__thumbnail {
	margin-bottom: 20px;
	height: calc(100vw/3);
	background: #E6E6E6;
	background-position: center top;
	background-size: cover
}

.people__thumbnail img {
	width: 100%;
	display: block
}

.people__thumbnail img {
	display: block;
	opacity: 0
}

.people__thumbnail.js-imgixLoaded img {
	opacity: 0;
	height: 100%;
    object-fit: cover;
}

.people__thumbnail.js-imgixAnimated img {
	opacity: 1
}

.people__thumbnail img {
	text-align: center
}

.body--dark .people__thumbnail {
	background-image: none !important;
	background: #000
}

.people__role {
	color: #767676
}

.office__container {
	visibility: hidden
}

.office__container--swap {
	visibility: visible
}

.office {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 70px
}

.office:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.office {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.office {
		padding-left: 10px;
		padding-right: 10px
	}
}

.office+.office {
	padding-top: 145px
}

@media (max-width: 1029px) {
	.office+.office {
		padding-top: 120px
	}
}

@media (max-width: 767px) {
	.office+.office {
		padding-top: 90px
	}
}

@media (max-width: 400px) {
	.office+.office {
		padding-top: 20px
	}
}

.office__figure--pano {
	height: 0;
	padding-bottom: 56.1206%;
	background: #E6E6E6;
	background-position: center top;
	background-size: cover
}

.office__figure--pano img {
	width: 100%;
	display: block
}

.office__figure--pano img {
	display: block;
	opacity: 0
}

.office__figure--pano.js-imgixLoaded img {
	opacity: 0
}

.office__figure--pano.js-imgixAnimated img {
	opacity: 1
}

.office__figure div {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-transition: opacity .6s ease;
	-o-transition: opacity .6s ease;
	transition: opacity .6s ease
}

.office__figure div:first-child.slideshow--item,
.office__figure div.slideshow--item {
	opacity: 0
}

.office__figure div:first-child.slideshow--prev,
.office__figure div.slideshow--prev {
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

.office__figure div:first-child.slideshow--prev,
.office__figure div.slideshow--prev,
.office__figure div:first-child.slideshow--current,
.office__figure div.slideshow--current {
	opacity: 1
}

.office__figure div:first-child.slideshow--prev,
.office__figure div.slideshow--prev {
	z-index: 2
}

.office__figure div:first-child.slideshow--current,
.office__figure div.slideshow--current {
	z-index: 3
}

.html--panel .content .office__figure div {
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

.html--panel .content .office__figure div:first-child.slideshow--item,
.html--panel .content .office__figure div.slideshow--item {
	opacity: 0 !important
}

.html--panel .content .office__figure div:first-child.slideshow--current,
.html--panel .content .office__figure div.slideshow--current {
	opacity: 0.75 !important
}

.office__figure--pano div {
	padding-bottom: 56.1206%
}

@media (max-width: 599px) {
	.office__figure--pano {
		display: none
	}
}

.office__figure--squared {
	height: 0;
	padding-bottom: 100%;
	background: #E6E6E6;
	background-position: center top;
	background-size: cover;
	display: none
}

.office__figure--squared img {
	width: 100%;
	display: block
}

.office__figure--squared img {
	display: block;
	opacity: 0
}

.office__figure--squared.js-imgixLoaded img {
	opacity: 0
}

.office__figure--squared.js-imgixAnimated img {
	opacity: 1
}

.office__figure--squared div {
	padding-bottom: 100%
}

@media (max-width: 599px) {
	.office__figure--squared {
		display: block
	}
}

.office__image {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(83.3333333333% - 40px);
	position: relative
}

.office__image img {
	position: absolute;
	width: 100%;
	opacity: 0
}

@media (max-width: 1029px) {
	.office__image {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px)
	}
}

@media (max-width: 767px) {
	.office__image {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.office__image {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.office__name {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(58.3333333333% - 40px);
	padding-top: 50px
}

@media (max-width: 1029px) {
	.office__name {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(66.6666666667% - 40px)
	}
}

@media (max-width: 767px) {
	.office__name {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(66.6666666667% - 30px)
	}
}

@media (max-width: 599px) {
	.office__name {
		padding-top: 30px;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.office__nameNYC {
	letter-spacing: 1px
}

.office__metas {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(41.6666666667% - 40px);
	padding-top: 60px
}

.office__metas p+p {
	padding-top: 1.4736842105em
}

@media (max-width: 1029px) {
	.office__metas {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(33.3333333333% - 40px)
	}
}

@media (max-width: 767px) {
	.office__metas {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(33.3333333333% - 30px)
	}
}

@media (max-width: 599px) {
	.office__metas {
		padding-top: 30px;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

@media (min-width: 1030px) {
	.office--secondary .office__image,
	.office--secondary .office__name {
		margin-left: calc(16.6666666667% + 20px)
	}
}

@media (min-width: 1301px) {
	.office--secondary .office__name {
		width: calc(41.6666666667% - 40px)
	}
}

@media (max-width: 1300px) and (min-width: 1030px) {
	.office--secondary .office__name {
		width: calc(50% - 40px)
	}
}

@media (min-width: 1301px) {
	.office--secondary .office__metas {
		width: calc(41.6666666667% - 40px)
	}
}

@media (max-width: 1300px) and (min-width: 1030px) {
	.office--secondary .office__metas {
		width: calc(33.3333333333% - 40px)
	}
}

.button {
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	display: inline-block
}

.button--block {
	display: block;
	text-align: center
}

.button--position {
	margin-top: 140px;
	padding: 60px 0
}

@media (max-width: 767px) {
	.button--position {
		margin-top: 100px;
		padding: 40px 0
	}
}

@media (max-width: 599px) {
	.button--position {
		margin-top: 60px;
		padding: 30px 0
	}
}

.button--position:hover span,
.button--position:focus span {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.button--large {
	margin-top: 140px;
	border: 1px solid #111;
	color: #111;
	padding-top: 23px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	min-width: 265px
}

@media (max-width: 767px) {
	.button--large {
		margin-top: 100px;
		padding: 40px 0
	}
}

@media (max-width: 599px) {
	.button--large {
		margin-top: 60px;
		padding: 30px 0
	}
}

.button--large:hover,
.button--large:focus {
	border-color: #919191
}

.button--large:disabled {
	border-color: #B2B2B2;
	color: #B2B2B2
}

.emailUs--loading .button--large {
	border-color: #E6E6E6;
	color: #E6E6E6
}

.positions {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
}

.positions:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.positions {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.positions {
		padding-left: 10px;
		padding-right: 10px
	}
}

.positions__list {
	width: calc(66.6666666667% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 7.8947368421em;
	border-bottom: 1px solid #111
}

@media (min-width: 768px) {
	.positions__list {
		margin-left: calc(33.3333333333% + 20px)
	}
}

@media (max-width: 767px) {
	.positions__list {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.positions__item {
	display: block;
	border-top: 1px solid #111
}

.positions__item a {
	display: table;
	overflow: hidden;
	width: 100%
}

.positions__item a:hover .positions__title span,
.positions__item a:focus .positions__title span {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.body--dark .positions__item a:hover .positions__title span,
.body--dark .positions__item a:focus .positions__title span {
	text-shadow: none
}

.positions__title,
.positions__location {
	display: table-cell;
	vertical-align: top;
	padding-top: 16px;
	padding-bottom: 16px
}

@media (max-width: 400px) {
	.positions__title,
	.positions__location {
		padding-top: 13px;
		padding-bottom: 13px
	}
}

.positions__title {
	width: 80%;
	overflow: hidden;
	font-weight: 500
}

.positions__location {
	padding-left: 30px;
	text-align: right;
	white-space: nowrap
}

.positions .content__subtitle {
	margin-bottom: 16px
}

@media (max-width: 767px) {
	.positions .content__subtitle {
		margin-left: 10px;
		margin-right: 10px;
		float: none
	}
}

.positions .content__subtitle+.positions__list {
	clear: both
}

.emailUs input[type=date]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	display: none
}

.emailUs select,
.emailUs textarea,
.emailUs input[type="text"],
.emailUs input[type="date"],
.emailUs input[type="email"] {
	-webkit-appearance: none;
	border-radius: 0;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: none;
	background-color: transparent;
	color: #111;
	font-size: 1em;
	text-align: left;
	margin: 0
}

.emailUs select::-webkit-input-placeholder,
.emailUs textarea::-webkit-input-placeholder,
.emailUs input[type="text"]::-webkit-input-placeholder,
.emailUs input[type="date"]::-webkit-input-placeholder,
.emailUs input[type="email"]::-webkit-input-placeholder {
	color: #B2B2B2;
	font-size: 1em
}

.emailUs select:-moz-placeholder,
.emailUs textarea:-moz-placeholder,
.emailUs input[type="text"]:-moz-placeholder,
.emailUs input[type="date"]:-moz-placeholder,
.emailUs input[type="email"]:-moz-placeholder {
	color: #B2B2B2;
	font-size: 1em
}

.emailUs select::-moz-placeholder,
.emailUs textarea::-moz-placeholder,
.emailUs input[type="text"]::-moz-placeholder,
.emailUs input[type="date"]::-moz-placeholder,
.emailUs input[type="email"]::-moz-placeholder {
	color: #B2B2B2;
	font-size: 1em
}

.emailUs select:-ms-input-placeholder,
.emailUs textarea:-ms-input-placeholder,
.emailUs input[type="text"]:-ms-input-placeholder,
.emailUs input[type="date"]:-ms-input-placeholder,
.emailUs input[type="email"]:-ms-input-placeholder {
	color: #B2B2B2;
	font-size: 1em
}

.emailUs select::-webkit-contacts-auto-fill-button,
.emailUs textarea::-webkit-contacts-auto-fill-button,
.emailUs input[type="text"]::-webkit-contacts-auto-fill-button,
.emailUs input[type="date"]::-webkit-contacts-auto-fill-button,
.emailUs input[type="email"]::-webkit-contacts-auto-fill-button {
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	position: absolute;
	right: 0
}

.emailUs input[type="date"] {
	height: 36px;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}

.emailUs select.emailUs__field--required::-webkit-input-placeholder,
.emailUs textarea.emailUs__field--required::-webkit-input-placeholder,
.emailUs input[type="text"].emailUs__field--required::-webkit-input-placeholder,
.emailUs input[type="date"].emailUs__field--required::-webkit-input-placeholder,
.emailUs input[type="email"].emailUs__field--required::-webkit-input-placeholder {
	color: #FC0D1B
}

.emailUs select.emailUs__field--required:-moz-placeholder,
.emailUs textarea.emailUs__field--required:-moz-placeholder,
.emailUs input[type="text"].emailUs__field--required:-moz-placeholder,
.emailUs input[type="date"].emailUs__field--required:-moz-placeholder,
.emailUs input[type="email"].emailUs__field--required:-moz-placeholder {
	color: #FC0D1B
}

.emailUs select.emailUs__field--required::-moz-placeholder,
.emailUs textarea.emailUs__field--required::-moz-placeholder,
.emailUs input[type="text"].emailUs__field--required::-moz-placeholder,
.emailUs input[type="date"].emailUs__field--required::-moz-placeholder,
.emailUs input[type="email"].emailUs__field--required::-moz-placeholder {
	color: #FC0D1B
}

.emailUs select.emailUs__field--required:-ms-input-placeholder,
.emailUs textarea.emailUs__field--required:-ms-input-placeholder,
.emailUs input[type="text"].emailUs__field--required:-ms-input-placeholder,
.emailUs input[type="date"].emailUs__field--required:-ms-input-placeholder,
.emailUs input[type="email"].emailUs__field--required:-ms-input-placeholder {
	color: #FC0D1B
}

.emailUs select.emailUs__field--required {
	color: #FC0D1B
}

.emailUs input[type="text"],
.emailUs input[type="date"],
.emailUs input[type="email"] {
	padding: 0;
	line-height: 35px
}

.emailUs input[type="email"] {
	padding-right: 20px
}

.emailUs select,
.emailUs textarea {
	line-height: 35px;
	padding: 0
}

.emailUs button[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: none;
	background-color: transparent;
	color: #111;
	font-size: 1em;
	text-align: center;
	margin: 0;
	display: inline-block
}

.emailUs button[type="submit"]:disabled {
	color: #B2B2B2
}

.emailUs select {
	height: 35px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-radius: 0
}

.emailUs select::-ms-expand {
	display: none
}

.emailUs .emailUs__select {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.emailUs .emailUs__select,
.emailUs .emailUs__field {
	border: 0 none;
	border-bottom: 1px solid #fff
}

.emailUs .emailUs__select:focus,
.emailUs .emailUs__field:focus {
	border-color: #919191
}

.emailUs .emailUs__button {
	margin-top: 40px
}

.emailUs .emailUs__textarea {
	border: 0 none
}

.emailUs .visually-hidden {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px)
}

.emailUs .typo--title {
	margin-top: 120px
}

@media (max-width: 767px) {
	.emailUs .typo--title {
		margin-top: 80px
	}
}

.emailUs__fieldset {
	width: calc(100% + 40px);
	margin: 0 -20px
}

.emailUs__fieldset:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.emailUs__fieldset {
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-right: -15px
	}
}

@media (max-width: 599px) {
	.emailUs__fieldset {
		width: calc(100% + 20px);
		margin-left: -10px;
		margin-right: -10px
	}
}

.typo--title+.emailUs__fieldset {
	margin-top: 80px
}

@media (max-width: 767px) {
	.typo--title+.emailUs__fieldset {
		margin-top: 50px
	}
}

.emailUs__holder--select {
	position: relative
}

.emailUs__holder--select .icon {
	position: absolute;
	right: 0;
	top: 17.5px;
	margin-top: -4px;
	pointer-events: none;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20%20%20%20width%3D%2214px%22%20height%3D%229px%22%20viewBox%3D%220%200%2014%209%22%20style%3D%22enable-background%3Anew%200%200%2014%209%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227.005%2C8.008%200.393%2C1.401%201.607%2C0.186%207.005%2C5.58%2012.393%2C0.197%2013.607%2C1.412%20%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	height: 9px;
	width: 14px;
	pointer-events: none
}

.emailUs__holder--select .emailUs__field--required+.icon {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20%20%20%20width%3D%2214px%22%20height%3D%229px%22%20viewBox%3D%220%200%2014%209%22%20style%3D%22enable-background%3Anew%200%200%2014%209%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FC0D1B%22%20points%3D%227.005%2C8.008%200.393%2C1.401%201.607%2C0.186%207.005%2C5.58%2012.393%2C0.197%2013.607%2C1.412%20%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat
}

.emailUs__holder {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(75% - 40px);
	position: relative
}

@media (max-width: 1450px) {
	.emailUs__holder {
		width: calc(100% - 40px)
	}
}

@media (max-width: 1300px) {
	.emailUs__holder {
		width: calc(100% - 40px)
	}
}

@media (max-width: 767px) {
	.emailUs__holder {
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.emailUs__holder {
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px
	}
}

.emailUs__holder select,
.emailUs__holder textarea,
.emailUs__holder input[type="text"],
.emailUs__holder input[type="email"],
.emailUs__holder input[type="date"],
.emailUs__holder button[type="submit"] {
	width: 100%;
	display: block;
	margin-bottom: 45px;
	color: white;
}

.emailUs__select.s-filled option{
	background-color: black;
}

@media (max-width: 767px) {
	.emailUs__holder select,
	.emailUs__holder textarea,
	.emailUs__holder input[type="text"],
	.emailUs__holder input[type="email"],
	.emailUs__holder input[type="date"],
	.emailUs__holder button[type="submit"] {
		margin-bottom: 35px
	}
}

@media (max-width: 599px) {
	.emailUs__holder select,
	.emailUs__holder textarea,
	.emailUs__holder input[type="text"],
	.emailUs__holder input[type="email"],
	.emailUs__holder input[type="date"],
	.emailUs__holder button[type="submit"] {
		margin-bottom: 25px
	}
}

.emailUs__holder textarea {
	text-decoration: none;
	background-color: transparent;
	background-image: -o-repeating-linear-gradient(top, black, black 34px, #D1D1D1 34px, #D1D1D1 35px);
	background-image: repeating-linear-gradient(to bottom, black, black 34px, #D1D1D1 34px, #D1D1D1 35px);
	resize: none;
	margin-bottom: 20px;
	color: white;
}

@media (max-width: 767px) {
	.emailUs__holder textarea {
		margin-bottom: 15px
	}
}

@media (max-width: 599px) {
	.emailUs__holder textarea {
		margin-bottom: 10px
	}
}

.emailUs__holder textarea:focus {
	background-image: -o-repeating-linear-gradient(top, black, black 34px, #919191 34px, #919191 35px);
	background-image: repeating-linear-gradient(to bottom, black, black 34px, #919191 34px, #919191 35px)
}

.emailUs__holder button[type="submit"] {
	margin-bottom: 0
}

.emailUs__holder--error:after,
.emailUs__holder--success:after {
	content: '';
	position: absolute;
	right: 0;
	top: 17.5px;
	margin-top: -6px;
	pointer-events: none;
	background-repeat: no-repeat;
	border-radius: 50%;
	width: 12px;
	height: 12px
}

.emailUs__holder--error:after {
	background: #FC0D1B
}

.emailUs__holder--success:after {
	background: #2ABA78
}

.emailUs__holder--half {
	width: calc(37.5% - 40px)
}

@media (max-width: 1450px) {
	.emailUs__holder--half {
		width: calc(50% - 40px)
	}
}

@media (max-width: 1300px) {
	.emailUs__holder--half {
		width: calc(50% - 40px)
	}
}

@media (max-width: 940px) {
	.emailUs__holder--half {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px
	}
}

@media (max-width: 767px) {
	.emailUs__holder--half {
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (max-width: 599px) {
	.emailUs__holder--half {
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px
	}
}

.emailUs__holder--file input {
	opacity: 1;
	position: absolute;
	z-index: -1
}

.emailUs__label {
	cursor: pointer;
	display: inline-block;
	margin-bottom: 53px;
	color: #B2B2B2;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #B2B2B2), color-stop(75%, #B2B2B2));
	background-image: -o-linear-gradient(top, #B2B2B2 75%, #B2B2B2 75%);
	background-image: linear-gradient(to bottom, #B2B2B2 75%, #B2B2B2 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.emailUs__label:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%)
}

.emailUs__label:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%)
}

@media (max-width: 767px) {
	.emailUs__label {
		margin-bottom: 35px
	}
}

@media (max-width: 599px) {
	.emailUs__label {
		margin-bottom: 25px
	}
}

.emailUs__label:hover,
.emailUs__label:focus {
	color: #111
}

input:focus+.emailUs__label {
	color: #111
}

.emailUs__close {
	width: 26px;
	height: 26px;
	background-position: center center;
	display: none
}

.emailUsLoader {
	opacity: 0;
	margin-left: 8px;
	display: inline-block
}

.emailUsLoader,
.emailUsLoader__spin {
	color: #111;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important
}

.emailUs--loading .emailUs__label--active+.emailUs__close {
	display: none
}

.emailUs--loading .emailUs__label--active+.emailUs__close+.emailUsLoader {
	opacity: 1
}

.emailUs__label--active {
	color: #111;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.emailUs__label--active:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%)
}

.emailUs__label--active:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%)
}

.emailUs__label--active+.emailUs__close {
	display: inline-block;
	margin-left: 10px
}

.blockText .emailUs__tip {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.emailUs__tip {
	position: absolute;
	left: 0;
	top: 0;
	width: calc(68% - 20px);
	margin-left: -40px;
	display: block
}

.emailUs__tip p {
	padding-top: 5px;
	color: #B2B2B2;
	display: none
}

.emailUs__tip.emailUs__tip--business p[data-tip-text="business"] {
	display: block
}

.emailUs__tip.emailUs__tip--press p[data-tip-text="press"] {
	display: block
}

.emailUs__tip.emailUs__tip--application p[data-tip-text="application"] {
	display: block
}

.emailUs__tip.emailUs__tip--everything p[data-tip-text="everything"] {
	display: block
}

@media (max-width: 1450px) {
	.emailUs__tip {
		width: calc(50% - 20px)
	}
}

@media (max-width: 1300px) {
	.emailUs__tip {
		width: calc(50% - 20px)
	}
}

@media (min-width: 1030px) {
	.emailUs__tip p {
		padding-right: 25%
	}
}

textarea+.emailUs__tip {
	display: none
}

@media (min-width: 768px) {
	textarea:focus+.emailUs__tip {
		display: block
	}
}

.emailUs__textarea {
	position: relative;
	z-index: 1
}

.emailUs__textarea--clone {
	visibility: hidden;
	position: absolute;
	top: 0;
	z-index: 0
}

.emailUs__message {
	z-index: 100;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	max-width: 1550px;
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
	display: block;
	padding-left: 70px
}

.emailUs__message p {
	padding-left: 40px;
	padding-right: 40px;
	color: #fff;
	background: #2ABA78;
	padding-top: 25px;
	padding-bottom: 28px
}

@media (max-width: 767px) {
	.emailUs__message p {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media (max-width: 599px) {
	.emailUs__message p {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media (max-width: 767px) {
	.emailUs__message {
		padding-left: 0;
		padding-right: 0
	}
}

.emailUs__validator {
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: transparent !important;
	display: none;
	cursor: pointer;
	opacity: 0
}

button:disabled+.emailUs__validator {
	display: block
}

.html--panel .emailUs__message {
	left: auto;
	right: 0;
	padding-left: 220px;
	max-width: 1700px
}

@media (max-width: 1300px) and (min-width: 1201px) {
	.html--panel .emailUs__message {
		padding-left: 150px
	}
}

@media (max-width: 1200px) and (min-width: 1025px) {
	.html--panel .emailUs__message {
		padding-left: 110px
	}
}

@media (max-width: 1024px) {
	.html--panel .emailUs__message {
		padding-left: 0px
	}
}

.emailUs__message--error,
.emailUs__message--success {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.emailUs__message--error p {
	background: #FC0D1B
}

.emailUs__application--field[data-form-subject="application"] {
	display: block
}

.emailUs__application--field {
	display: none
}

.emailUs__company--field {
	display: block
}

.emailUs__company--field[data-form-subject="application"] {
	display: none
}

.emailUs__checkBox {
	position: relative;
	line-height: normal;
	color: #767676
}

.emailUs__checkBox input {
	opacity: 0;
	width: 16px;
	height: 16px;
	margin: 4px 10px 0 0;
	padding: 0;
	position: relative;
	z-index: 10
}

.emailUs__checkBox input:focus+label {
	color: #111
}

.emailUs__checkBox input:focus+label::before {
	border-color: #111
}

.emailUs__checkBox label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.emailUs__checkBox label::before {
	background: no-repeat center;
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #B2B2B2;
	border-radius: 2px;
	z-index: 5
}

.emailUs__checkBox input:checked+label {
	color: #111
}

.emailUs__checkBox input:checked+label::before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.5L4.5 7.31445L10.5 1.5' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
	background-color: #1A1A1A;
	border-color: #1A1A1A
}

.emailUs__checkBox+.emailUs__checkBox {
	margin-top: 16px
}

@media (max-width: 1029px) {
	.emailUs__checkBox {
		margin-top: 0px;
		margin-bottom: 16px
	}
}

.emailUs__label--secondary {
	display: block;
	margin-bottom: 32px;
	margin-top: 80px
}

.emailTicker {
	z-index: 100;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	max-width: 1550px;
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
	display: block;
	padding-left: 70px
}

.emailTicker p {
	padding-left: 40px;
	padding-right: 40px;
	background: #39DF4A;
	padding-top: 25px;
	padding-bottom: 28px
}

@media (max-width: 767px) {
	.emailTicker p {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media (max-width: 599px) {
	.emailTicker p {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media (max-width: 767px) {
	.emailTicker {
		padding-left: 0;
		padding-right: 0
	}
}

.html--panel .emailTicker {
	left: auto;
	right: 0;
	padding-left: 220px;
	max-width: 1700px
}

@media (max-width: 1300px) and (min-width: 1201px) {
	.html--panel .emailTicker {
		padding-left: 150px
	}
}

@media (max-width: 1200px) and (min-width: 1025px) {
	.html--panel .emailTicker {
		padding-left: 110px
	}
}

@media (max-width: 1024px) {
	.html--panel .emailTicker {
		padding-left: 0px
	}
}

.emailTicker--active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.emailTicker--error p {
	background: #FF1A1A
}

.filepond--drop-label.filepond--drop-label label {
	font-size: 19px;
	line-height: 29px;
	text-rendering: optimizeLegibility;
	-webkit-font-kerning: normal;
	font-kerning: normal;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	color: #767676
}

@media (max-width: 1300px) and (min-width: 1030px) {
	.filepond--drop-label.filepond--drop-label label {
		font-size: 18px;
		line-height: 27px
	}
}

@media (max-width: 1029px) {
	.filepond--drop-label.filepond--drop-label label {
		font-size: 16px;
		line-height: 24px
	}
}

.filepond--root {
	margin-top: -46px;
	margin-bottom: 56px;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	overflow: hidden
}

.emailUs__label:not(.s-open)+.filepond--root {
	height: 0 !important;
	margin: 0
}

.emailUs__label.s-open {
	visibility: hidden;
	opacity: 0
}

.filepond--root .filepond--drop-label {
	min-height: 5em;
	border: dashed 2px #ccc;
	border-image-source: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1' fill='%23CCCCCC'/%3E%3Crect y='1' width='1' height='3' fill='%23CCCCCC'/%3E%3Crect x='12' width='4' height='1' transform='rotate(90 12 0)' fill='%23CCCCCC'/%3E%3Crect x='11' width='1' height='3' transform='rotate(90 11 0)' fill='%23CCCCCC'/%3E%3Crect x='12' y='12' width='4' height='1' transform='rotate(-180 12 12)' fill='%23CCCCCC'/%3E%3Crect x='12' y='11' width='1' height='3' transform='rotate(-180 12 11)' fill='%23CCCCCC'/%3E%3Crect y='12' width='4' height='1' transform='rotate(-90 0 12)' fill='%23CCCCCC'/%3E%3Crect x='1' y='12' width='1' height='3' transform='rotate(-90 1 12)' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");
	border-image-slice: 2;
	border-image-repeat: repeat
}

.filepond--panel-root {
	background: transparent;
	border-radius: 0
}

.filepond--list.filepond--list {
	left: 0;
	right: 0;
	top: 10px
}

.filepond--item,
.blockText__text li.filepond--item {
	list-style: none;
	margin: 10px 0 0 0;
	height: auto !important
}

.filepond--item-panel {
	background-color: #F6F6F6
}

.filepond--file {
	padding: 13px 16px;
	height: auto
}

.filepond--panel-top,
.filepond--panel-bottom {
	border-radius: 0
}

.filepond--item>.filepond--panel .filepond--panel-bottom {
	-webkit-box-shadow: none;
	box-shadow: none
}

.filepond--item-panel {
	overflow: hidden;
	border-radius: 0;
	height: 100%
}

.filepond--file-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.filepond--file-info .filepond--file-info-main {
	font-size: 19px;
	line-height: 29px;
	text-rendering: optimizeLegibility;
	-webkit-font-kerning: normal;
	font-kerning: normal;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	color: #000;
	font-weight: normal;
	max-width: 70%;
	width: auto;
	margin-right: 10px
}

@media (max-width: 1300px) and (min-width: 1030px) {
	.filepond--file-info .filepond--file-info-main {
		font-size: 18px;
		line-height: 27px
	}
}

@media (max-width: 1029px) {
	.filepond--file-info .filepond--file-info-main {
		font-size: 16px;
		line-height: 24px
	}
}

.filepond--file-info .filepond--file-info-sub {
	font-size: 19px;
	line-height: 29px;
	text-rendering: optimizeLegibility;
	-webkit-font-kerning: normal;
	font-kerning: normal;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	color: #767676;
	font-weight: normal;
	opacity: 1;
	margin: 0;
	max-width: 30%
}

@media (max-width: 1300px) and (min-width: 1030px) {
	.filepond--file-info .filepond--file-info-sub {
		font-size: 18px;
		line-height: 27px
	}
}

@media (max-width: 1029px) {
	.filepond--file-info .filepond--file-info-sub {
		font-size: 16px;
		line-height: 24px
	}
}

.filepond--file-info .filepond--file-info-sub:before {
	content: '('
}

.filepond--file-info .filepond--file-info-sub:after {
	content: ')'
}

.filepond--file-status .filepond--file-status-sub {
	color: #767676;
	opacity: 1;
	font-size: 15px;
	line-height: 29px;
	font-weight: normal
}

[data-filepond-item-state*='invalid'] .filepond--item-panel,
[data-filepond-item-state*='error'] .filepond--item-panel {
	background-color: #FFE7E9
}

.filepond--file-action-button {
	border-radius: 0;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: center;
	color: #111
}

.filepond--file-action-button.filepond--file-action-button svg {
	width: auto;
	height: auto
}

[data-filepond-item-state='processing-complete'] .filepond--item-panel {
	background: #F6F6F6
}

[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub {
	opacity: 1
}

[data-filepond-item-state='processing-complete'] .filepond--file-action-button.filepond--action-remove-item {
	color: #111
}

[data-filepond-item-state='busy'] .filepond--file-status-main,
[data-filepond-item-state='processing'] .filepond--file-status-main,
[data-filepond-item-state='processing-complete'] .filepond--file-status-main {
	font-size: 19px;
	line-height: 29px;
	text-rendering: optimizeLegibility;
	-webkit-font-kerning: normal;
	font-kerning: normal;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	color: #111;
	font-weight: normal
}

@media (max-width: 1300px) and (min-width: 1030px) {
	[data-filepond-item-state='busy'] .filepond--file-status-main,
	[data-filepond-item-state='processing'] .filepond--file-status-main,
	[data-filepond-item-state='processing-complete'] .filepond--file-status-main {
		font-size: 18px;
		line-height: 27px
	}
}

@media (max-width: 1029px) {
	[data-filepond-item-state='busy'] .filepond--file-status-main,
	[data-filepond-item-state='processing'] .filepond--file-status-main,
	[data-filepond-item-state='processing-complete'] .filepond--file-status-main {
		font-size: 16px;
		line-height: 24px
	}
}

[data-filepond-item-state='busy'] .filepond--file .filepond--file-status,
[data-filepond-item-state='processing'] .filepond--file .filepond--file-status {
	margin-right: 0
}

[data-filepond-item-state='busy'] .filepond--file-status-main::before {
	content: '0%'
}

.filepond--panel.filepond--item-panel::after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #eee;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

[data-filepond-item-state='processing'] .filepond--panel.filepond--item-panel::after {
	opacity: 1;
	width: var(--progress)
}

[data-filepond-item-state='processing-complete'] .filepond--panel.filepond--item-panel::after {
	opacity: 0
}

.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.filepond--file-info,
.filepond--file-status {
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important
}

.filepond--file-action-button.filepond--action-remove-item {
	left: auto;
	right: 0.5625em;
	width: 26px;
	height: 26px;
	top: 50%;
	margin-top: -13px;
	color: #767676
}

.filepond--file-action-button.filepond--action-process-item,
.filepond--file .filepond--progress-indicator {
	display: none
}

.flatpickr-calendar {
	background: transparent;
	opacity: 0;
	display: none;
	text-align: center;
	visibility: hidden;
	padding: 0;
	-webkit-animation: none;
	animation: none;
	direction: ltr;
	border: 0;
	font-size: 14px;
	line-height: 24px;
	border-radius: 5px;
	position: absolute;
	width: 307.875px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background: #fff;
	-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08)
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
	opacity: 1;
	max-height: 640px;
	visibility: visible
}

.flatpickr-calendar.open {
	display: inline-block;
	z-index: 99999
}

.flatpickr-calendar.animate.open {
	-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
	animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px
}

.flatpickr-calendar.static {
	position: absolute;
	top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
	z-index: 999;
	display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
	-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
	box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
	border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
	height: 40px;
	border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
	height: auto
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
	position: absolute;
	display: block;
	pointer-events: none;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	left: 22px
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
	left: auto;
	right: 22px
}

.flatpickr-calendar:before {
	border-width: 5px;
	margin: 0 -5px
}

.flatpickr-calendar:after {
	border-width: 4px;
	margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
	bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
	border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
	border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
	top: 100%
}

.flatpickr-calendar.arrowBottom:before {
	border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
	border-top-color: #fff
}

.flatpickr-calendar:focus {
	outline: 0
}

.flatpickr-wrapper {
	position: relative;
	display: inline-block
}

.flatpickr-months {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.flatpickr-months .flatpickr-month {
	background: transparent;
	color: rgba(0, 0, 0, 0.9);
	fill: rgba(0, 0, 0, 0.9);
	height: 34px;
	line-height: 1;
	text-align: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	height: 34px;
	padding: 10px;
	z-index: 3;
	color: rgba(0, 0, 0, 0.9);
	fill: rgba(0, 0, 0, 0.9)
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
	display: none
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
	position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
	left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
	right: 0
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
	color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
	width: 14px;
	height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
	-webkit-transition: fill .1s;
	-o-transition: fill .1s;
	transition: fill .1s;
	fill: inherit
}

.numInputWrapper {
	position: relative;
	height: auto
}

.numInputWrapper input,
.numInputWrapper span {
	display: inline-block
}

.numInputWrapper input {
	width: 100%
}

.numInputWrapper input::-ms-clear {
	display: none
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none
}

.numInputWrapper span {
	position: absolute;
	right: 0;
	width: 14px;
	padding: 0 4px 0 2px;
	height: 50%;
	line-height: 50%;
	opacity: 0;
	cursor: pointer;
	border: 1px solid rgba(57, 57, 57, 0.15);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.numInputWrapper span:hover {
	background: rgba(0, 0, 0, 0.1)
}

.numInputWrapper span:active {
	background: rgba(0, 0, 0, 0.2)
}

.numInputWrapper span:after {
	display: block;
	content: "";
	position: absolute
}

.numInputWrapper span.arrowUp {
	top: 0;
	border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(57, 57, 57, 0.6);
	top: 26%
}

.numInputWrapper span.arrowDown {
	top: 50%
}

.numInputWrapper span.arrowDown:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(57, 57, 57, 0.6);
	top: 40%
}

.numInputWrapper span svg {
	width: inherit;
	height: auto
}

.numInputWrapper span svg path {
	fill: rgba(0, 0, 0, 0.5)
}

.numInputWrapper:hover {
	background: rgba(0, 0, 0, 0.05)
}

.numInputWrapper:hover span {
	opacity: 1
}

.flatpickr-current-month {
	font-size: 135%;
	line-height: inherit;
	font-weight: 300;
	color: inherit;
	position: absolute;
	width: 75%;
	left: 12.5%;
	padding: 7.48px 0 0 0;
	line-height: 1;
	height: 34px;
	display: inline-block;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.flatpickr-current-month span.cur-month {
	font-family: inherit;
	font-weight: 700;
	color: inherit;
	display: inline-block;
	margin-left: .5ch;
	padding: 0
}

.flatpickr-current-month span.cur-month:hover {
	background: rgba(0, 0, 0, 0.05)
}

.flatpickr-current-month .numInputWrapper {
	width: 6ch;
	width: 7ch\0;
	display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month input.cur-year {
	background: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	cursor: text;
	padding: 0 0 0 .5ch;
	margin: 0;
	display: inline-block;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	line-height: inherit;
	height: auto;
	border: 0;
	border-radius: 0;
	vertical-align: initial;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
	outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
	font-size: 100%;
	color: rgba(0, 0, 0, 0.5);
	background: transparent;
	pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	appearance: menulist;
	background: transparent;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	height: auto;
	line-height: inherit;
	margin: -1px 0 0 0;
	outline: none;
	padding: 0 0 0 .5ch;
	position: relative;
	vertical-align: initial;
	-webkit-box-sizing: border-box;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
	outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
	background: rgba(0, 0, 0, 0.05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: transparent;
	outline: none;
	padding: 0
}

.flatpickr-weekdays {
	background: transparent;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

span.flatpickr-weekday {
	cursor: default;
	font-size: 90%;
	background: transparent;
	color: rgba(0, 0, 0, 0.54);
	line-height: 1;
	margin: 0;
	text-align: center;
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
	padding: 1px 0 0 0
}

.flatpickr-days {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 307.875px
}

.flatpickr-days:focus {
	outline: 0
}

.dayContainer {
	padding: 0;
	outline: 0;
	text-align: left;
	width: 307.875px;
	min-width: 307.875px;
	max-width: 307.875px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-around;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.dayContainer+.dayContainer {
	-webkit-box-shadow: -1px 0 0 #e6e6e6;
	box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
	background: none;
	border: 1px solid transparent;
	border-radius: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #393939;
	cursor: pointer;
	font-weight: 400;
	width: 14.2857143%;
	-ms-flex-preferred-size: 14.2857143%;
	flex-basis: 14.2857143%;
	max-width: 39px;
	height: 39px;
	line-height: 39px;
	margin: 0;
	display: inline-block;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
	cursor: pointer;
	outline: 0;
	background: #e6e6e6;
	border-color: #e6e6e6
}

.flatpickr-day.today {
	border-color: #959ea9
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
	border-color: #959ea9;
	background: #959ea9;
	color: #fff
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: #569ff7;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: #569ff7
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
	border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
	border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
	-webkit-box-shadow: -10px 0 0 #569ff7;
	box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
	border-radius: 50px
}

.flatpickr-day.inRange {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
	box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
	color: rgba(57, 57, 57, 0.3);
	background: transparent;
	border-color: transparent;
	cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
	cursor: not-allowed;
	color: rgba(57, 57, 57, 0.1)
}

.flatpickr-day.week.selected {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
	box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
	visibility: hidden
}

.rangeMode .flatpickr-day {
	margin-top: 1px
}

.flatpickr-weekwrapper {
	float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
	padding: 0 12px;
	-webkit-box-shadow: 1px 0 0 #e6e6e6;
	box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
	float: none;
	width: 100%;
	line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
	display: block;
	width: 100%;
	max-width: none;
	color: rgba(57, 57, 57, 0.3);
	background: transparent;
	cursor: default;
	border: none
}

.flatpickr-innerContainer {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.flatpickr-rContainer {
	display: inline-block;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.flatpickr-time {
	text-align: center;
	outline: 0;
	display: block;
	height: 0;
	line-height: 40px;
	max-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.flatpickr-time:after {
	content: "";
	display: table;
	clear: both
}

.flatpickr-time .numInputWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 40%;
	height: 40px;
	float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
	border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
	border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
	width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
	width: 49%
}

.flatpickr-time input {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	height: inherit;
	line-height: inherit;
	color: #393939;
	font-size: 14px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
	font-weight: bold
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
	font-weight: 400
}

.flatpickr-time input:focus {
	outline: 0;
	border: 0
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
	height: inherit;
	float: left;
	line-height: inherit;
	color: #393939;
	font-weight: bold;
	width: 2%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center
}

.flatpickr-time .flatpickr-am-pm {
	outline: 0;
	width: 18%;
	cursor: pointer;
	text-align: center;
	font-weight: 400
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
	background: #eee
}

.flatpickr-input[readonly] {
	cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fpFadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

body .flatpickr-wrapper {
	display: block
}

body .flatpickr-calendar {
	border-radius: 2px;
	-webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3)
}

body .flatpickr-month,
body .flatpickr-months .flatpickr-month {
	height: 50px
}

body .flatpickr-month .flatpickr-prev-month,
body .flatpickr-month .flatpickr-next-month {
	height: 50px;
	line-height: 50px;
	padding-top: 0;
	padding-bottom: 0
}

body .flatpickr-current-month {
	font-size: 1em;
	height: 50px;
	padding-top: 16px
}

body .flatpickr-current-month span.cur-month,
body .flatpickr-current-month input.cur-year {
	font-weight: 600
}

body .flatpickr-day {
	border-radius: 2px
}

body .flatpickr-day.selected,
body .flatpickr-day.startRange,
body .flatpickr-day.endRange,
body .flatpickr-day.selected.inRange,
body .flatpickr-day.startRange.inRange,
body .flatpickr-day.endRange.inRange,
body .flatpickr-day.selected:focus,
body .flatpickr-day.startRange:focus,
body .flatpickr-day.endRange:focus,
body .flatpickr-day.selected:hover,
body .flatpickr-day.startRange:hover,
body .flatpickr-day.endRange:hover,
body .flatpickr-day.selected.prevMonthDay,
body .flatpickr-day.startRange.prevMonthDay,
body .flatpickr-day.endRange.prevMonthDay,
body .flatpickr-day.selected.nextMonthDay,
body .flatpickr-day.startRange.nextMonthDay,
body .flatpickr-day.endRange.nextMonthDay {
	background: #111;
	border-color: #111
}

.content__container {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;
	will-change: transform
}

@media (max-width: 599px) {
	.content__container {
		-webkit-transition: none;
		-o-transition: none;
		transition: none
	}
}

.indexBar {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;
	will-change: transform
}

@media (max-width: 599px) {
	.indexBar {
		-webkit-transition: none;
		-o-transition: none;
		transition: none
	}
}

.header {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;
	will-change: transform
}

.panel {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease
}

@media (max-width: 1024px) {
	.panel {
		-webkit-transition: none;
		-o-transition: none;
		transition: none
	}
}

.clocks {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease
}

@media (max-width: 599px) {
	.clocks {
		-webkit-transition: none;
		-o-transition: none;
		transition: none
	}
}

.panel__dynamic {
	-webkit-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	will-change: opacity
}

.ticker,
.emailTicker {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease
}

.headerBackTop {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease
}

.headerBackTop--dark {
	-webkit-transition: max-height 300ms ease, -webkit-transform 300ms ease;
	transition: max-height 300ms ease, -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease, max-height 300ms ease;
	transition: transform 300ms ease, max-height 300ms ease;
	transition: transform 300ms ease, max-height 300ms ease, -webkit-transform 300ms ease;
	will-change: transform, max-height
}

.headerFilter {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease
}

.headerFilter__current {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease
}

.headerFilter__links {
	-webkit-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	will-change: opacity
}

.header--dark {
	-webkit-transition: max-height 300ms ease, -webkit-transform 300ms ease;
	transition: max-height 300ms ease, -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease, max-height 300ms ease;
	transition: transform 300ms ease, max-height 300ms ease;
	transition: transform 300ms ease, max-height 300ms ease, -webkit-transform 300ms ease;
	will-change: transform, max-height
}

.blockImage__browser,
.blockImage__device {
	-webkit-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.headerLoader__spin,
.indexLoader__spin,
.blockLoader__spin,
.emailUsLoader__spin {
	font-size: 25px;
	line-height: 1em;
	height: 25px;
	pointer-events: none;
	-webkit-animation: spin 0.8s cubic-bezier(0.34, 0.07, 0.66, 0.955) infinite;
	animation: spin 0.8s cubic-bezier(0.34, 0.07, 0.66, 0.955) infinite;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (max-width: 1300px) and (min-width: 1030px) {
	.headerLoader__spin,
	.indexLoader__spin,
	.blockLoader__spin,
	.emailUsLoader__spin {
		font-size: 24px;
		height: 24px
	}
}

@media (max-width: 1029px) {
	.headerLoader__spin,
	.indexLoader__spin,
	.blockLoader__spin,
	.emailUsLoader__spin {
		font-size: 23px;
		height: 23px
	}
}

.emailUsLoader__spin {
	font-size: 20px;
	height: 20px
}

.headerLoader,
.capability,
.blockLoader {
	-webkit-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

#contentIndex,
.header--darkContainer {
	clip: rect(0, 0, 100vh, 0);
	overflow: hidden
}

.body--index .content__inner,
.body--indexRemoving .content__inner {
	position: relative;
	height: 100%;
	min-height: 100vh
}

@media (min-width: 768px) {
	.body--indexLoading #content,
	.body--indexLoading .header--darkContainer,
	.body--indexLoading #contentIndex,
	.body--indexRemoving #content,
	.body--indexRemoving .header--darkContainer,
	.body--indexRemoving #contentIndex {
		position: absolute;
		height: 100vh;
		width: 100%
	}
	.body--indexLoading #contentIndex,
	.body--indexRemoving #contentIndex {
		z-index: 10
	}
	.body--indexLoading .header--dark,
	.body--indexRemoving .header--dark {
		display: block
	}
	.body--indexLoading .header--light,
	.body--indexLoading .header--dark,
	.body--indexRemoving .header--light,
	.body--indexRemoving .header--dark {
		background-color: transparent !important
	}
	.body--indexLoading .header--light span,
	.body--indexLoading .header--dark span,
	.body--indexRemoving .header--light span,
	.body--indexRemoving .header--dark span {
		text-shadow: none !important
	}
	.body--indexLoading .header--darkContainer,
	.body--indexLoading #contentIndex {
		clip: rect(0, 100vw, 100vh, 0)
	}
	.body--indexRemoving .header--darkContainer,
	.body--indexRemoving #contentIndex {
		clip: rect(0, 0, 100vh, 0)
	}
}

@media (min-width: 1550px) {
	.body--indexLoading .header--darkContainer,
	.body--indexLoading #contentIndex {
		clip: rect(0, 1550px, 100vh, 0)
	}
}

@media (max-width: 767px) {
	.body--indexLoading #content {
		display: none
	}
	.body--indexRemoving #contentIndex {
		display: none
	}
}

.body--indexLoaded #content {
	display: none
}

.body--indexLoaded .content {
	background: #000
}

.body--indexLoaded .header--dark {
	top: 0
}

.body--indexLoaded .header--light {
	display: none
}

.body--indexLoaded .header--darkContainer,
.body--indexLoaded #contentIndex {
	clip: auto !important
}

.body--indexRemoved #contentIndex {
	display: none
}

.body--indexRemoved .header--darkContainer,
.body--indexRemoved #contentIndex {
	clip: auto !important
}

.blockLoader__spin {
	color: rgba(0, 0, 0, 0.35)
}

.blockLoader {
	position: absolute;
	top: 30px;
	left: 40px;
	opacity: 1
}

@media (max-width: 599px) {
	.blockLoader {
		top: 20px;
		left: 25px
	}
}

.blockImage--loaded .blockLoader {
	opacity: 0
}

.blockCover {
	overflow: hidden;
	max-height: 700px;
	position: relative;
	display: block;
	margin-bottom: 4.3684210526em;
	background-size: cover
}

@media (max-width: 599px) {
	.blockCover {
		margin-bottom: 3.1578947368em
	}
}

.blockCover__image {
	width: 100%;
	height: 0;
	padding-bottom: 47.29%;
	background-size: cover;
	opacity: 0;
	background-repeat: no-repeat;
	background-position: top center
}

@media (max-width: 1315px) {
	.blockCover__image {
		padding-bottom: 56.25%
	}
}

@media (max-width: 480px) {
	.blockCover__image--pano {
		display: none
	}
}

.blockCover__image--square {
	padding-bottom: 100%
}

.blockCover__image--square {
	display: none
}

@media (max-width: 480px) {
	.blockCover__image--square {
		display: block
	}
}

.js-imgixLoaded .blockCover__image {
	opacity: 0
}

.js-imgixAnimated .blockCover__image {
	opacity: 1
}

.blockCover__image--top {
	background-position: top center
}

.blockCover__image--center {
	background-position: center center
}

.blockCover__image--bottom {
	background-position: bottom center
}

.blockCover__caption {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2em 3em;
	margin: 0;
	color: #fff;
	font-size: 15px;
	line-height: 1.4666666667em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (max-width: 1029px) {
	.blockCover__caption {
		font-size: 14px;
		line-height: 1.5em
	}
}

@media (max-width: 599px) {
	.blockCover__caption {
		font-size: 13px;
		line-height: 1.4615384615em
	}
}

@media (max-width: 480px) {
	.blockCover__caption {
		padding: 1em 1.5em
	}
}

@media (max-width: 1315px) {
	.body--detail .blockCover__image--pano {
		padding-bottom: 56.25%
	}
}

@media (min-width: 1315px) and (max-height: 962px) {
	.body--detail .blockCover__image--pano {
		padding-bottom: calc(100vh - 262px)
	}
}

@media (max-width: 1460px) {
	.panel .blockCover__image--pano {
		padding-bottom: 56.25%
	}
}

@media (min-width: 1460px) and (max-height: 962px) {
	.panel .blockCover__image--pano {
		padding-bottom: calc(100vh - 262px)
	}
}

@media (min-width: 1460px) and (min-height: 963px) {
	.panel .blockCover {
		height: 700px
	}
	.panel .blockCover__image--pano {
		padding-bottom: 700px
	}
	.panel .blockCover__image--bottom {
		position: absolute;
		bottom: 0
	}
}

@media (min-width: 1315px) and (min-height: 963px) {
	.body--detail .blockCover {
		height: 700px
	}
	.body--detail .blockCover__image--pano {
		padding-bottom: 700px
	}
	.body--detail .blockCover__image--bottom {
		position: absolute;
		bottom: 0
	}
}

.blockCover--people {
	background-color: #E3E5E6
}

.blockImage {
	width: 100%;
	margin-bottom: 40px;
	width: 100%;
	padding: 0 40px;
	font-size: .5921052632em
}

.blockImage:after {
	content: "";
	display: table;
	clear: both
}

.blockImage img,
.blockImage video {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	/*height: 100%;
	object-fit: cover;*/
}

.blockImage video {
	position: relative;
	width: calc(100% + 2px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media (max-width: 1240px) {
	.blockImage {
		font-size: 0.9075vw
	}
}

@media (max-width: 500px) {
	.blockImage {
		font-size: 1.2vw
	}
}

@media (max-width: 599px) {
	.blockImage {
		margin-bottom: 30px
	}
}

@media (max-width: 767px) {
	.blockImage {
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 30px
	}
}

@media (max-width: 599px) {
	.blockImage {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 20px
	}
}

.blockImage--image .blockImage__inner {
	background: #E6E6E6;
	position: relative
}

.blockImage__caption {
	display: block;
	padding-top: 24px;
	color: #767676;
	clear: both;
	font-size: 15px;
	line-height: 1.4666666667em
}

@media (max-width: 1029px) {
	.blockImage__caption {
		font-size: 14px;
		line-height: 1.5em
	}
}

@media (max-width: 599px) {
	.blockImage__caption {
		font-size: 13px;
		line-height: 1.4615384615em
	}
}

@media (max-width: 599px) {
	.blockImage__caption {
		padding-top: 14px
	}
}

.blockImage__caption.blockImage__caption--right {
	margin-left: 50%
}

@media (max-width: 599px) {
	.blockImage__caption.blockImage__caption--right {
		margin-left: 0
	}
}

.blockImage__slides {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.blockImage__slides img {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	/*height: 100%;
    object-fit: contain;*/
}

.blockImage__slides img:first-child {
	position: relative
}

.blockImage__slides img:first-child.slideshow--item,
.blockImage__slides img.slideshow--item {
	position: absolute
}

.blockImage__slides img:first-child.slideshow--current,
.blockImage__slides img.slideshow--current {
	position: absolute
}

.pncms-editor .blockImage__slides img:first-child,
.pncms-editor .blockImage__slides img:first-child.slideshow--item,
.pncms-editor .blockImage__slides img:first-child.slideshow--current {
	position: relative
}

*[data-slideshow] img:first-child.slideshow--prev,
*[data-slideshow] img.slideshow--prev {
	z-index: 2
}

*[data-slideshow] img:first-child.slideshow--current,
*[data-slideshow] img.slideshow--current {
	z-index: 3
}

*[data-slideshow].slideshow--fade img {
	-webkit-transition: opacity .6s ease;
	-o-transition: opacity .6s ease;
	transition: opacity .6s ease
}

*[data-slideshow].slideshow--fade img:first-child.slideshow--item,
*[data-slideshow].slideshow--fade img.slideshow--item {
	opacity: 0
}

*[data-slideshow].slideshow--fade img:first-child.slideshow--prev,
*[data-slideshow].slideshow--fade img.slideshow--prev {
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

*[data-slideshow].slideshow--fade img:first-child.slideshow--prev,
*[data-slideshow].slideshow--fade img.slideshow--prev,
*[data-slideshow].slideshow--fade img:first-child.slideshow--current,
*[data-slideshow].slideshow--fade img.slideshow--current {
	opacity: 1
}

*[data-slideshow].slideshow--cut img.slideshow--item {
	opacity: 0
}

*[data-slideshow].slideshow--cut img.slideshow--current {
	opacity: 1
}

.blockGrid {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.blockGrid:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.blockGrid {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.blockGrid {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width: 599px) {
	.blockGrid {
		margin-bottom: 20px
	}
}

.blockGrid .blockImage {
	padding: 0;
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(50% - 40px);
	margin-bottom: 0
}

@media (max-width: 767px) {
	.blockGrid .blockImage {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(50% - 30px);
		margin-bottom: 0
	}
}

@media (max-width: 599px) {
	.blockGrid .blockImage {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

@media (max-width: 599px) {
	.blockGrid .blockImage+.blockImage {
		margin-bottom: 0
	}
}

@media (min-width: 600px) {
	.blockGrid .blockImage.blockImage--right {
		margin-left: calc(50% + 15px)
	}
}

@media (min-width: 768px) {
	.blockGrid .blockImage.blockImage--right {
		margin-left: calc(50% + 20px)
	}
}

.blockGrid small {
	padding-left: 20px;
	padding-right: 20px
}

@media (max-width: 767px) {
	.blockGrid small {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.blockGrid small {
		padding-left: 10px;
		padding-right: 10px
	}
}

.blockImage--device .blockImage__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #E6E6E6;
	padding: 8.8888888889em 22.2222222222em;
	overflow: hidden;
	text-align: center;
	position: relative
}

@media (max-width: 1450px) {
	.blockImage--device .blockImage__inner {
		padding: 8.8888888889em 17.7777777778em
	}
}

@media (max-width: 1240px) {
	.blockImage--device .blockImage__inner {
		padding: 8.8888888889em 13.3333333333em
	}
}

@media (max-width: 500px) {
	.blockImage--device .blockImage__inner {
		padding: 8.8888888889em 0
	}
}

.html--panel .blockImage--device .blockImage__inner {
	padding: 8.8888888889em 17.7777777778em
}

@media (max-width: 1450px) {
	.html--panel .blockImage--device .blockImage__inner {
		padding: 8.8888888889em 12.4444444444em
	}
}

@media (max-width: 1240px) {
	.html--panel .blockImage--device .blockImage__inner {
		padding: 8.8888888889em 9.7777777778em
	}
}

@media (max-width: 500px) {
	.html--panel .blockImage--device .blockImage__inner {
		padding: 8.8888888889em 0
	}
}

.blockGrid .blockImage--device .blockImage__inner {
	padding-left: 0;
	padding-right: 0;
	height: 100%
}

@media (max-width: 1240px) {
	.blockGrid .blockImage--device .blockImage__inner {
		padding-left: 0;
		padding-right: 0
	}
}

@media (max-width: 500px) {
	.blockGrid .blockImage--device .blockImage__inner {
		padding-left: 0;
		padding-right: 0
	}
}

.blockImage--device .blockImage__device {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	border-radius: 2.2222222222em;
	background-color: #000
}

.blockImage--device .blockImage__device.blockImage__device--plain {
	border: none
}

.blockImage--device .blockImage__device.blockImage__device--stroke {
	border-style: solid;
	border-width: 1px;
	background-color: transparent !important
}

.blockImage--device.blockImage--mobile .blockImage__device {
	border-radius: 3em
}

.blockImage--device .blockImage__screen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.blockImage--device .blockImage__slideshow {
	width: 100%
}

.blockImage--device .blockImage__slides {
	margin: auto;
	border-radius: .1777777778em
}

.blockImage--device.blockImage--tabletHorizontal .blockImage__slides,
.blockImage--device.blockImage--tablet .blockImage__slides {
	border-radius: .5044444444em
}

.blockImage--device.blockImage--tabletHorizontal .blockImage__device--video .blockImage__slideshow,
.blockImage--device.blockImage--tablet .blockImage__device--video .blockImage__slideshow {
	border-radius: .5044444444em;
	overflow: hidden
}

.blockImage--white .blockImage__slides {
	-webkit-box-shadow: 0 0 0 3px #000;
	box-shadow: 0 0 0 3px #000;
	background-color: #000
}

@media (max-width: 1240px) {
	.blockImage--white .blockImage__slides {
		-webkit-box-shadow: 0 0 0 2px #000;
		box-shadow: 0 0 0 2px #000
	}
}

@media (max-width: 500px) {
	.blockImage--white .blockImage__slides {
		-webkit-box-shadow: 0 0 0 1px #000;
		box-shadow: 0 0 0 1px #000
	}
}

.blockImage--tablet .blockImage__device {
	width: 52.4444444444em
}

.blockImage--tablet .blockImage__screen {
	padding: 2.2222222222em
}

@media (max-width: 600px) {
	.blockImage--tabletHorizontal {
		font-size: 0.8875vw
	}
}

.blockImage--tabletHorizontal .blockImage__device {
	width: 68.4444444444em
}

.blockImage--tabletHorizontal .blockImage__screen {
	padding: 2.2222222222em
}

.blockImage--mobile .blockImage__device {
	width: 26.6666666667em
}

.blockImage--mobile .blockImage__screen {
	padding: 3.6666666667em 1em
}

.blockImage__device {
	opacity: 0
}

.blockImage--loaded .blockImage__device {
	opacity: 1
}

.blockImage--website .blockImage__inner {
	background: #E6E6E6;
	padding: 8.8888888889em 0;
	overflow: hidden;
	text-align: center;
	position: relative
}

@media (max-width: 599px) {
	.blockImage--website .blockImage__inner {
		padding: 0
	}
}

.blockImage--website .blockImage__browser {
	position: relative;
	display: block;
	margin: 0 auto
}

.blockImage--website .blockImage__browser:before {
	display: block;
	width: 100%;
	height: 1.7777777778em;
	border-top-left-radius: .1777777778em;
	border-top-right-radius: .1777777778em;
	background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#bebebe));
	background: -o-linear-gradient(top, #d2d2d2 0%, #bebebe 100%);
	background: linear-gradient(to bottom, #d2d2d2 0%, #bebebe 100%)
}

.blockImage--website .blockImage__browser.blockImage__browser--nav-show:before {
	content: ''
}

.blockImage--website .blockImage__browser.blockImage__browser--nav-hide:before {
	content: none
}

.blockImage--website .blockImage__slides {
	margin: auto;
	border-bottom-left-radius: .1777777778em;
	border-bottom-right-radius: .1777777778em
}

.blockImage--website .blockImage__browser,
.blockImage--website .blockImage__slides {
	width: 80em
}

@media (max-width: 599px) {
	.blockImage--website .blockImage__browser,
	.blockImage--website .blockImage__slides {
		width: 100%
	}
}

.blockImage--websiteBottom .blockImage__inner {
	padding-bottom: 0
}

.blockImage--websiteBottom .blockImage__slides {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.blockGrid .blockImage--website .blockImage__browser,
.blockGrid .blockImage--website .blockImage__slides {
	width: 35.5555555556em
}

@media (max-width: 599px) {
	.blockGrid .blockImage--website .blockImage__browser,
	.blockGrid .blockImage--website .blockImage__slides {
		width: 100%
	}
}

.blockImage__browser {
	opacity: 0
}

.blockImage__browser.blockImage__browser--video {
	overflow: hidden
}

.blockImage--loaded .blockImage__browser {
	opacity: 1
}

@media (max-width: 599px) {
	.blockImage--website.blockImage--loaded .blockImage__inner {
		-webkit-box-shadow: 0 0.5px 1px 1px #e5e5e5;
		box-shadow: 0 0.5px 1px 1px #e5e5e5;
		background: transparent !important
	}
}

.blockText {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.blockText {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 4.9473684211em;
	margin-bottom: 6.3157894737em
}

.blockText:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.blockText {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.blockText {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width: 599px) {
	.blockText {
		margin-top: 3.1578947368em;
		margin-bottom: 4.2105263158em
	}
}

.blockText:first-child {
	margin-top: 238px;
	margin-bottom: 120px
}

@media (min-width: 1301px) {
	.blockText:first-child .blockText__text {
		padding-right: 130px
	}
}

@media (max-width: 767px) {
	.blockText:first-child {
		margin-top: 195px
	}
	.blockText:first-child .blockText__title {
		margin-bottom: 10px
	}
}

@media (max-width: 599px) {
	.blockText:first-child {
		margin-top: 111px;
		margin-bottom: 4.2105263158em
	}
}

@media (max-height: 760px) {
	.blockText:first-child {
		margin-top: calc(80px + 17.763vh)
	}
}

@media (max-height: 760px) and (max-width: 767px) {
	.blockText:first-child {
		margin-top: calc(80px + 15.131vh)
	}
}

@media (max-height: 760px) and (max-width: 599px) {
	.blockText:first-child {
		margin-top: 111px
	}
}

.blockText .typo--title+.typo--title {
	color: #767676
}

@media (max-width: 767px) {
	.blockText .blockText__title .typo--title {
		font-size: 1em;
		letter-spacing: 0
	}
}

.blockText__title {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px);
	max-width: 760px;
	margin-bottom: 26px
}

.blockText__title h1,
.blockText__title h2,
.blockText__title h3,
.blockText__title h4 {
	font-weight: 500
}

@media (max-width: 767px) {
	.blockText__title {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px)
	}
	.blockText__title ul li {
		display: inline
	}
	.blockText__title ul li:after {
		content: "–";
		display: inline;
		margin-left: 5px
	}
	.blockText__title ul li:last-child:after {
		display: none
	}
}

@media (max-width: 599px) {
	.blockText__title {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

@media (max-width: 767px) {
	.blockText__title--date {
		margin-bottom: 10px
	}
}

.blockText__text {
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(66.6666666667% - 40px)
}

.blockText__text img{
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
}

@media (max-width: 767px) {
	.blockText__text {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px)
	}
}

@media (max-width: 599px) {
	.blockText__text {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.blockText__text p:empty {
	display: none
}

.blockText__text p:last-child {
	margin-bottom: 0
}

.blockText__text a {
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.blockText__text a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.blockText__text a:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.blockText__text a.button {
	text-decoration: none;
	background-image: none
}

.blockText__text a.button:hover,
.blockText__text a.button:focus {
	background-image: none
}

.blockText__text h4,
.blockText__text h5,
.blockText__text h6 {
	font-weight: 500;
	margin-top: 2.6315789474em;
	margin-bottom: 1.4210526316em
}

.blockText__text ul,
.blockText__text ol {
	margin: 0 0 1.3157894737em .9473684211em
}

.blockText__text p,
.blockText__text ul,
.blockText__text ol {
	margin-bottom: 1.3157894737em
}

.blockText__text li {
	display: list-item;
	margin: 0 5% .8421052632em 0;
	list-style-type: disc
}

.blockText__text b,
.blockText__text strong {
	font-weight: 700
}

.blockText__text--single {
	max-width: 100%
}

@media (min-width: 768px) {
	.blockText__text--single {
		margin-left: calc(33.3333333333% + 20px)
	}
}

.blockText__text--single {
	max-width: 100%
}

@media (min-width: 768px) {
	.blockText__text--single {
		margin-left: calc(33.3333333333% + 20px)
	}
}

@media (min-width: 768px) {
	.blockText__text:first-child {
		margin-left: calc(33.3333333333% + 20px)
	}
}

.blockText--titleCS {
	margin-top: 0;
	margin-bottom: 0
}

@media (max-width: 599px) {
	.blockText--titleCS {
		margin-top: 0;
		margin-bottom: 0
	}
}

@media (min-width: 1301px) {
	.blockText--titleCS .blockText__text {
		padding-right: 130px
	}
}

.blockText--introCS {
	margin-top: 4.1052631579em
}

@media (max-width: 599px) {
	.blockText--introCS {
		margin-top: 3.1578947368em
	}
}

@media (min-width: 1301px) {
	.blockText--textCS .blockText__text,
	.blockText--introCS .blockText__text {
		padding-right: 130px
	}
}

@media (max-width: 1300px) {
	.blockText--textCS .blockText__text,
	.blockText--introCS .blockText__text {
		padding-right: 10px
	}
}

.blockText--textCS .blockText__title h1,
.blockText--textCS .blockText__title h2,
.blockText--textCS .blockText__title h3,
.blockText--textCS .blockText__title h4 {
	font-weight: 700
}

.blockText--textPosition .blockText__text h1,
.blockText--textPosition .blockText__text h2,
.blockText--textPosition .blockText__text h3,
.blockText--textPosition .blockText__text h4 {
	font-weight: 700
}

.blockText--textPosition .blockText__text b {
	font-weight: 400;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #111), color-stop(75%, #111));
	background-image: -o-linear-gradient(top, #111 75%, #111 75%);
	background-image: linear-gradient(to bottom, #111 75%, #111 75%);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: 0 97%
}

.blockText--textPosition .blockText__text b:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.blockText--textPosition .blockText__text b:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #919090), color-stop(75%, #919090));
	background-image: -o-linear-gradient(top, #919090 75%, #919090 75%);
	background-image: linear-gradient(to bottom, #919090 75%, #919090 75%)
}

.blockText--textPosition .blockText__text strong {
	display: block;
	margin-top: 2.6315789474em;
	margin-bottom: 1.4210526316em
}

.blockText--textPosition .blockText__text p,
.blockText--textPosition .blockText__text ul,
.blockText--textPosition .blockText__text li {
	margin-bottom: 1.4210526316em
}

.blockText--textPosition .blockText__text li strong {
	display: inline
}

.blockText--titlePosition,
.blockText--titlePosition:first-child {
	margin-bottom: 0
}

@media (min-width: 1301px) {
	.blockText--textPosition .blockText__text {
		padding-right: 130px
	}
}

.blockText__text--form .emailUs__label {
	margin-top: 21px;
	margin-bottom: 0
}

.blockText__text--form .emailUs__uploader .emailUs__label {
	margin-bottom: 53px
}

@media (max-width: 767px) {
	.blockText__text--form .emailUs__uploader .emailUs__label {
		margin-bottom: 35px
	}
	
	.people__thumbnail{
		height: calc(100vw);
	}
}

@media (max-width: 599px) {
	.blockText__text--form .emailUs__uploader .emailUs__label {
		margin-bottom: 25px
	}
}

.blockText__text--form .emailUs button[type="submit"] {
	margin-top: 80px
}

.blockText__text--form .emailUs__holder--message .emailUs__label--secondary {
	margin-top: 35px
}

.blockText__text--form .emailUs__select {
	color: #767676
}

.blockText__text--form .emailUs__select:focus,
.blockText__text--form .emailUs__select.s-filled {
	color: #111
}

.blockText__text--form .emailUs input:not(.emailUs__field--required)::-webkit-input-placeholder {
	color: #767676
}

.blockText__text--form .emailUs input:not(.emailUs__field--required)::-moz-placeholder {
	color: #767676
}

.blockText__text--form .emailUs input:not(.emailUs__field--required):-ms-input-placeholder {
	color: #767676
}

.blockText__text--form .emailUs input:not(.emailUs__field--required)::-ms-input-placeholder {
	color: #767676
}

.blockText__text--form .emailUs input:not(.emailUs__field--required)::placeholder {
	color: #767676
}

.blockText__text--form .emailUs textarea {
	margin-bottom: 0
}

.blockText__text--form .emailUs textarea:not(.emailUs__field--required)::-webkit-input-placeholder {
	color: #767676
}

.blockText__text--form .emailUs textarea:not(.emailUs__field--required)::-moz-placeholder {
	color: #767676
}

.blockText__text--form .emailUs textarea:not(.emailUs__field--required):-ms-input-placeholder {
	color: #767676
}

.blockText__text--form .emailUs textarea:not(.emailUs__field--required)::-ms-input-placeholder {
	color: #767676
}

.blockText__text--form .emailUs textarea:not(.emailUs__field--required)::placeholder {
	color: #767676
}

.blockText__text--form .emailUs__label {
	color: #767676
}

.blockText__text--form .emailUs__tip {
	display: none
}

.blockText__text--form textarea:focus+.emailUs__tip,
.blockText__text--form input:focus+.emailUs__tip,
.blockText__text--form select:focus~.emailUs__tip,
.blockText__text--form .emailUs__tip p {
	display: block
}

.blockText__text--form .emailUs__holder--half:nth-child(odd) .emailUs__tip {
	width: calc(150% - 40px);
	width: 100%
}

@media (min-width: 1450px) {
	.blockText__text--form .emailUs__holder--half:nth-child(odd) .emailUs__tip {
		width: calc(150% - 40px)
	}
}

@media (max-width: 940px) {
	.blockText__text--form .emailUs__holder--half:nth-child(odd) .emailUs__tip {
		width: calc(50% - 20px);
		-webkit-transform: translate(-100%);
		-ms-transform: translate(-100%);
		transform: translate(-100%)
	}
}

.blockText__text--form .emailUs__holder--half:nth-child(even) .emailUs__tip {
	width: 100%;
	-webkit-transform: translate(calc(-200% - 40px));
	-ms-transform: translate(calc(-200% - 40px));
	transform: translate(calc(-200% - 40px))
}

@media (min-width: 1450px) {
	.blockText__text--form .emailUs__holder--half:nth-child(even) .emailUs__tip {
		width: 100%;
		-webkit-transform: translate(-250%);
		-ms-transform: translate(-250%);
		transform: translate(-250%)
	}
}

@media (max-width: 940px) {
	.blockText__text--form .emailUs__holder--half:nth-child(even) .emailUs__tip {
		width: calc(50% - 20px);
		-webkit-transform: translate(-100%);
		-ms-transform: translate(-100%);
		transform: translate(-100%)
	}
}

@media (min-width: 1301px) {
	.blockText__text--form .emailUs__holder--half:nth-child(even) .emailUs__tip p {
		padding: 0
	}
}

.blockText__text--form .emailUs__fieldset--has-tip .emailUs__tip {
	margin-top: 80px
}

.blockText__text--form .emailUs__fieldset--has-tip .emailUs__tip p {
	padding: 0
}

.blockText__text--form .emailUs__fieldset--has-tip:focus-within .emailUs__tip {
	display: block
}

.blockQuote {
	text-align: center
}

@media (max-width: 1029px) {
	.blockQuote {
		font-size: 1em
	}
}

@media (max-width: 599px) {
	.blockQuote {
		font-size: 1em
	}
}

.blockQuote blockquote {
	padding: 4em 0;
	width: 80%;
	max-width: 900px;
	margin: 0 auto
}

.blockImage--svg .blockImage__slides {
	background: #E6E6E6;
	position: relative;
	height: 0;
	padding-top: 67.3469387755%
}

.blockImage--svg .blockImage__slides.slideshow--fade .blockImage--svgInner {
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease
}

.blockImage--svgInner {
	display: block;
	position: absolute;
	top: 15%;
	bottom: 15%;
	left: 15%;
	right: 15%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	font: 0/0 a;
	text-shadow: none;
	color: transparent
}

.blockImage--svgInner.slideshow--item {
	opacity: 0
}

.blockImage--svgInner.slideshow--current {
	opacity: 1
}

.blockImage--svgInner.blockImage__slides {
	min-height: 0
}

.blockLogos {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 8.4210526316em;
	visibility: hidden
}

.blockLogos:after {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.blockLogos {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 599px) {
	.blockLogos {
		padding-left: 10px;
		padding-right: 10px
	}
}

.blockLogos.blockLogos--randomized {
	visibility: visible
}

.blockLogos__item {
	padding: 0;
	float: left;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.3333333333% - 40px)
}

@media (min-width: 1030px) {
	.blockLogos__item:nth-child(3n+4) {
		clear: both
	}
}

@media (max-width: 1029px) {
	.blockLogos__item {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(50% - 40px)
	}
	.blockLogos__item:nth-child(2n+3) {
		clear: both
	}
}

@media (max-width: 767px) {
	.blockLogos__item {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(50% - 30px)
	}
}

@media (max-width: 599px) {
	.blockLogos__item {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}
}

.blockLogo__figure {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	height: 0
}

.blockLogo__image {
	max-width: 320px;
	max-height: 320px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	background-position: center center;
	background-size: contain
}

.blockLogo__meta {
	margin-bottom: 45px;
	border-top: 1px solid #000;
	width: 100%;
	overflow: hidden
}

.blockLogo__year,
.blockLogo__name {
	padding-top: 15px;
	display: block;
	float: left;
	background-color: #fff
}

.blockLogo__year {
	width: 4.2105263158em
}

.blockLogo__name {
	width: calc(100% - 4.2105263158em)
}

.blockText * {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.blockText select,
.blockText input,
.blockText button {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.body--dark #content .blockText * {
	background-color: transparent
}

.prefooter--casestudy .prefooter__content {
	background-color: #fff
}

.body--indexLoading .clocks,
.body--indexRemoving .clocks {
	background-color: transparent
}

.prefooter__text {
	background: #fff
}

.body--dark #content .prefooter__text {
	background: transparent
}

@media (max-width: 599px) {
	.header--light {
		background-color: #fff
	}
	.body--dark .header--light,
	.body--indexLoading .header--light,
	.body--indexRemoving .header--light {
		background: transparent
	}
}

.button-layout-contact {
	pointer-events: auto;
	cursor: pointer;
	background: #e7e7e7;
	border: none;
	padding: 0.5rem 2.5rem;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	position: relative;
	display: inline-block;
}

.button-layout-contact::before,
.button-layout-contact::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button--anthe {
	font-family: bely-display, sans-serif;
	color: #000;
	cursor: none;
}

.button--anthe{
	-webkit-animation: filter-animation 15s infinite;
	animation: filter-animation 15s infinite;
	background-color: rgb(203, 255, 222);
}

@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
  }
  
  100% {
    -webkit-filter: hue-rotate(360deg);
  }
}

@keyframes filter-animation {
  0% {
    filter: hue-rotate(0deg);
  }
  
  100% {
    filter: hue-rotate(360deg);
  }
}

.black-site .button--anthe{
	color: #fff;
}

.button--anthe::before {
	content: '';
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
	transition: clip-path 0.4s cubic-bezier(0.2, 1, 0.8, 1), -webkit-clip-path 0.4s cubic-bezier(0.2, 1, 0.8, 1);
	width: 0;
}

.button--anthe.button--anthe-hover{
	background: none;
	transition: width .15s ease-in-out;
	color: #fff;
}

.button--anthe.button--anthe-hover::before {
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	background-color: #fff;
	transition: width .50s ease-in-out;
    width: 100%;
}

.button--anthe span {
	display: block;
	mix-blend-mode: difference;
	transition: transform 0.4s cubic-bezier(0.2, 1, 0.8, 1);
}

.button--anthe:hover span {
	transform: translate3d(-10px,0,0);
}


#cursor {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 100%;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: all 100ms ease;
  transition-property: background-color, opacity;
  z-index: 1000;
}

#cursor.hover {
  background-color: #000;
  opacity: 0.7;
}

#cursor.mousedown {
  background-color: #3772ff;
  animation: mousedown 200ms ease forwards;
}

#cursor.mouseup {
  animation: mouseup 500ms ease;
}

#cursor.hide {
  opacity: 0;
}

@keyframes mousedown {
  0% {
    background-color: blue;
    transform: translate(-50%, -50%) scale(0.5);
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
  }
}

@keyframes mouseup {
  0% {
    transform: translate(-50%, -50%) scale(3);
  }
  25% {
    transform: translate(-50%, -50%) scale(0.1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.8);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}

@media screen and (min-width: 768px){
		
	.similar-articles-block{
		margin-top: 50px;
	}

	.similar-articles-block-title{
		font-size: 24px;line-height: normal;letter-spacing: .01em;
		margin: 0px 24px 10px;
	}

	.similar-article-left-block, .similar-article-right-block{
		width: 50%; float: left;
	}

	.similar-article-title{
		font-size: 32px;line-height: normal;margin-bottom: 10px;letter-spacing: .01em; margin-left: 24px; margin-right: 24px;
	}

	.similar-article-category{
		font-size: 16px;line-height: normal;color: #999;letter-spacing: .01em; margin-left: 24px; margin-right: 24px; margin-bottom: 20px;
	}

	.similar-article-desc{
		font-size: 24px;line-height: normal;letter-spacing: .01em; margin-left: 24px; margin-right: 24px;
	}

	.clearfix{
		clear: both;
	}

	.similar-article-img{
		max-width: 80%;
	}

	.similar-article-img-block{
		height: 270px; overflow: hidden; padding: 80px 100px 0; background-color: black; text-align: center;
	}

	.black-site .similar-article-img-block{
		background-color: #fff;
	}
		
	.similar-article-img-block img{
		margin-top: 0;
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-transition: -webkit-transform .3s ease;
		-o-transition: -o-transform .3s ease;
		transition: transform .3s ease
	}
	.similar-article-img-block img:hover {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@media screen and (max-width: 768px){
	.similar-articles-block{
		margin-top: 50px;
	}

	.similar-articles-block-title{
		font-size: 18px;line-height: normal;letter-spacing: .01em;
		margin: 0px 24px 10px;
	}

	.similar-article-left-block, .similar-article-right-block{
		width: 100%; float: left;
	}

	.similar-article-title{
		font-size: 26px;line-height: normal;margin-bottom: 10px;letter-spacing: .01em; margin-left: 24px; margin-right: 24px;
	}

	.similar-article-category{
		font-size: 16px;line-height: normal;color: #999;letter-spacing: .01em; margin-left: 24px; margin-right: 24px; margin-bottom: 20px;
	}

	.similar-article-desc{
		font-size: 18px;line-height: normal;letter-spacing: .01em; margin-left: 24px; margin-right: 24px;
	}

	.clearfix{
		clear: both;
	}

	.similar-article-img{
		max-width: 100%;
	}

	.similar-article-img-block{
		height: 270px; overflow: hidden;
	}

	.similar-article-img-block img{
		margin-top: 0;
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-transition: -webkit-transform .3s ease;
		-o-transition: -o-transform .3s ease;
		transition: transform .3s ease
	}
	.similar-article-img-block img:hover {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

input[type="checkbox"].switch{
  appearance: none;
  -webkit-appearance: none;
  width: 3.5em;
  height: 1.5em;
  background: #ddd;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: all .2s ease-in-out;
	top: 5px;
   margin: 0px 5px;
}

input[type="checkbox"].switch:checked{
  background: #333;
}

input[type="checkbox"].switch:after{
  position: absolute;
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 .25em rgba(0,0,0,.3);
  transform: scale(.7);
  left: 0;
  transition: all .2s ease-in-out;
}

input[type="checkbox"].switch:checked:after{
      left: calc(100% - 1.65em);
    background: #000;
    border: 4px solid #fff;
    top: -1px;
    width: 1em;
    height: 1em;
}

.black-site html, body.black-site, .black-site .content, .black-site .header, .black-site .clocks, .black-site .prefooter__text,
.black-site .headerBackTop, .black-site .content__mask, .black-site .panel__header, .black-site .panel__close, 
.black-site .flatpickr-calendar, .black-site .blockLogo__year, .black-site .blockLogo__name, .black-site .similar-article-img-block{
	background-color: #fff;
}

.black-site html, body.black-site, .black-site a{
	color: #000;
}

.link-new {
    position: relative;
    white-space: nowrap;
	margin-right: 40px;
	height: 70px; 
	line-height: 70px;
}

@media (max-width: 1029px) {
	.link-new{
		margin-right: 30px;
	}
}

.link-new::before,
.link-new::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
}

.link-new::before {
    content: '';
    /* show by default */
}

.link--metis::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.link--metis:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

@media screen and (max-width: 768px){
	.header a{
		display: block;
		margin-right: 0;
		height: auto;
		line-height: normal;
	}
}

.black-site .footer:before, .black-site .prefooter--casestudy a+a, .black-site .prefooter--bordered, .black-site .journal, .black-site .button, .black-site .positions__item{
	border-color: #cccccc;
}

@media screen and (min-width: 1040px){
	.typo--number {
		top: 2px;
	}
}

.typo--number {
    font-size: 13px;
    vertical-align: top;
    display: inline;
    line-height: 13px;
    top: 3px;
    position: relative;
}

#content .spf-link{
	background-image: url('/static/images/logo_animated.gif');height: 128px;background-size: contain;width: auto;
	background-repeat: no-repeat;
}

html, body {
  cursor: none;
}

a {
  transition: all 0.3s ease;
}
.cursor {
  pointer-events: none;
  position: fixed;
  padding: 0.3rem;
  background-color: #fff;
  border-radius: 100px;
  mix-blend-mode: difference;
  transition: transform 0.3s ease;
  z-index: 20;
  width: 20px;
  height: 20px;
}

.cursor-over {
	border-radius: 100px;
	transform: scale(4);
}

.join-us-article .people__thumbnail{
	-webkit-animation: filter-animation 15s infinite;
	animation: filter-animation 15s infinite;
	background-color: rgb(203, 255, 222);
}

.join-us-article figure::before {
	font-family: "FontAwesome";
	content: "\f067";
	position: absolute;
	left: 41%;
	top: 45%;
	font-size: 80px;
}

#joinus_form option{
	background-color: black;
}

.blockGrid-padding-left{
	padding-left: 40px
}

.blockGrid-padding-right{
	padding-right: 40px
}

@media (max-width: 600px){
	.blockGrid-padding-left{
		padding-left: 20px
	}

	.blockGrid-padding-right{
		padding-right: 20px
	}
	
	.mainpage-title2-typo--heading{
		margin-right: 20px !important;
	}
}

.full-width-image-block{
	height: auto !important; 
	padding-bottom: unset !important;
}

.mainpage-title2-typo--heading{
	margin-right: 30px;
}

.blockCover-new .video-wrapper {
	position: relative;
	padding-bottom: 74.25%; /* 4:3 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}

.blockCover-new .video-wrapper-narrow {
	padding-bottom: 40%;
}

.blockCover-new iframe,.blockCover-new object,.blockCover-new embed,.blockCover-new video,.blockCover-new .videoWrapper,.blockCover-new .video-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.blockCover-new .video-js, .blockCover-new img.vjs-poster {
	width: 100% !important;
	height: 100% !important; //these need !important because IE wants to set height/width to 100px
	max-width: 100%;
}

.work__item .video-wrapper{
	height: 100%;
}

.work__item .video-wrapper video{
	object-fit: cover;
}

.changeble-h2-title span::before{
  content: '';
  animation: profile 20s infinite;
}

.content__text--intro a, .content__text--fullWidth a, .prefooter a{
	text-decoration: underline;
}

.new-collaborate-btn {
  position: fixed;
  right: 250px;
  top: 20px;
  display: block;
  width: auto;
  height: auto;
  border-radius: 30px;
  padding: 10px;
  cursor: pointer;
  transition: 2s all;
  text-decoration: none;
  border: 1px solid black;
  /*-webkit-box-shadow: 0px 0px 30px 0px #8233ff !important;
  -moz-box-shadow: 0px 0px 30px 0px #8233ff !important;
  box-shadow: 0px 0px 30px 0px #8233ff !important; */
}

.new-collaborate-btn a {
  color: black;
  text-decoration: none; 
}

.new-collaborate-btn {
  position: relative;
  z-index: 1000;
  display: inline-block;
  vertical-align: top;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  border-radius: 30px;
  background-color: white;
  padding: 10px 15px;
  transition: 2s all;
  cursor: pointer;
  /*-webkit-box-shadow: 0px 0px 30px -11px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 0px 0px 30px -11px rgba(0, 0, 0, 0.73);
  box-shadow: 0px 0px 30px -11px rgba(0, 0, 0, 0.73); }*/
}

.new-collaborate-btn:hover {
/*  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.73);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.73);*/ }

.new-collaborate-btn {
  margin-right: 10px;
  /*animation-name: tourne;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate; */
  color: black !important;
}

.nominate-btn{
	border: none;
	background-color: #28AECE;
	color: white !important;
}

.nominate-btn:hover{
	border: 1px solid #28AECE;
	background: none;
	color: black !important;
}

@keyframes tourne {
  0% {
	transform: perspective(1000px) rotateY(0); }

  100% {
	transform: perspective(1000px) rotateY(-90deg); } }

	
.hunt-sidebar{
	padding-top: 50px;
}

.hunt-content{
	padding-top: 70px;
}

@media screen and (max-width: 768px){
	.header.header--light.spf-link{
		padding-top: 30px;
	}
}