.article__media__image,
.careers__gallery__media__image,
.careers__position__content__gallery__box,
.careers__position__content__gallery__image,
.contact__gallery__media__image,
.cookie,
.home__header__article__media__image,
.home__header__more__indicator:before,
.home__header__navigation__progress__current,
.home__work__article__image,
.home__work__background,
.home__work__background:after,
.home__work__background__item,
.home__work__background__media,
.home__work__gallery,
.home__work__gallery__media__image,
.home__work__navigation__progress__current,
.how-we-work__grid__gallery__media__image,
.how-we-work__highlight__scroll__indicator:before,
.menu,
.menu:after,
.menu__link__media__image,
.menu__link__media__wrapper,
.menu__list,
.news__new__link,
.news__new__media__image,
.preloader,
.preloader__background,
.preloader__loader__bar,
.preloader__titles,
.preloader__titles__title,
.related__item__media__image,
.transition,
.what-we-do__gallery__media__image,
.who-we-are__management__item__image,
.who-we-are__offices__gallery__image,
.who-we-are__offices__item__image,
.who-we-are__people__item__image,
.work__new__media__image {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

.careers__position__content__link,
.contact__list__link,
.cookie__footer__link,
.home__about__link,
.home__header__article__link,
.home__who__highlight__link,
.home__work__article__link,
.home__work__discover__link,
.how-we-work__content__highlight__link,
.how-we-work__content__item__link,
.menu__openings__wrapper,
.what-we-do__list__link,
.what-we-stand-for__achievement__link,
.what-we-stand-for__achievements__link,
.who-we-are__numbers__highlight__link {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.5rem;
	font-weight: 700;
	overflow: hidden;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.careers__position__content__link span,
.contact__list__link span,
.cookie__footer__link span,
.home__about__link span,
.home__header__article__link span,
.home__who__highlight__link span,
.home__work__article__link span,
.home__work__discover__link span,
.how-we-work__content__highlight__link span,
.how-we-work__content__item__link span,
.menu__openings__wrapper span,
.what-we-do__list__link span,
.what-we-stand-for__achievement__link span,
.what-we-stand-for__achievements__link span,
.who-we-are__numbers__highlight__link span {
	display: inline-block;
	position: relative;
	-webkit-transform-origin: center center .5rem;
	transform-origin: center center .5rem;
	vertical-align: middle
}

.careers__position__content__link__arrow,
.contact__list__link__arrow,
.cookie__footer__link__arrow,
.home__about__link__arrow,
.home__header__article__link__arrow,
.home__who__highlight__link__arrow,
.home__work__article__link__arrow,
.home__work__discover__link__arrow,
.how-we-work__content__highlight__link__arrow,
.how-we-work__content__item__link__arrow,
.menu__openings__arrow,
.what-we-do__list__link__arrow,
.what-we-stand-for__achievement__link__arrow,
.what-we-stand-for__achievements__link__arrow,
.who-we-are__numbers__highlight__link__arrow {
	display: block;
	height: 4.8rem;
	margin-left: 1.5rem;
	width: 5rem
}

.careers__position__content__link__arrow path,
.contact__list__link__arrow path,
.cookie__footer__link__arrow path,
.home__about__link__arrow path,
.home__header__article__link__arrow path,
.home__who__highlight__link__arrow path,
.home__work__article__link__arrow path,
.home__work__discover__link__arrow path,
.how-we-work__content__highlight__link__arrow path,
.how-we-work__content__item__link__arrow path,
.menu__openings__arrow path,
.what-we-do__list__link__arrow path,
.what-we-stand-for__achievement__link__arrow path,
.what-we-stand-for__achievements__link__arrow path,
.who-we-are__numbers__highlight__link__arrow path {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease
}

.careers__position__content__link__arrow path:last-of-type,
.contact__list__link__arrow path:last-of-type,
.cookie__footer__link__arrow path:last-of-type,
.home__about__link__arrow path:last-of-type,
.home__header__article__link__arrow path:last-of-type,
.home__who__highlight__link__arrow path:last-of-type,
.home__work__article__link__arrow path:last-of-type,
.home__work__discover__link__arrow path:last-of-type,
.how-we-work__content__highlight__link__arrow path:last-of-type,
.how-we-work__content__item__link__arrow path:last-of-type,
.menu__openings__arrow path:last-of-type,
.what-we-do__list__link__arrow path:last-of-type,
.what-we-stand-for__achievement__link__arrow path:last-of-type,
.what-we-stand-for__achievements__link__arrow path:last-of-type,
.who-we-are__numbers__highlight__link__arrow path:last-of-type {
	-webkit-transform: translateX(-4.8rem);
	transform: translateX(-4.8rem)
}

.careers__position__content__link:hover .careers__position__content__link__arrow path:first-of-type,
.contact__list__link:hover .contact__list__link__arrow path:first-of-type,
.cookie__footer__link:hover .cookie__footer__link__arrow path:first-of-type,
.home__about__link:hover .home__about__link__arrow path:first-of-type,
.home__header__article__link:hover .home__header__article__link__arrow path:first-of-type,
.home__who__highlight__link:hover .home__who__highlight__link__arrow path:first-of-type,
.home__work__article__link:hover .home__work__article__link__arrow path:first-of-type,
.home__work__discover__link:hover .home__work__discover__link__arrow path:first-of-type,
.how-we-work__content__highlight__link:hover .how-we-work__content__highlight__link__arrow path:first-of-type,
.how-we-work__content__item__link:hover .how-we-work__content__item__link__arrow path:first-of-type,
.menu__openings:hover .menu__openings__arrow path:first-of-type,
.what-we-do__list__link:hover .what-we-do__list__link__arrow path:first-of-type,
.what-we-stand-for__achievement__link:hover .what-we-stand-for__achievement__link__arrow path:first-of-type,
.what-we-stand-for__achievements__link:hover .what-we-stand-for__achievements__link__arrow path:first-of-type,
.who-we-are__numbers__highlight__link:hover .who-we-are__numbers__highlight__link__arrow path:first-of-type {
	-webkit-transform: translateX(4.8rem);
	transform: translateX(4.8rem)
}

.careers__position__content__link:hover .careers__position__content__link__arrow path:last-of-type,
.contact__list__link:hover .contact__list__link__arrow path:last-of-type,
.cookie__footer__link:hover .cookie__footer__link__arrow path:last-of-type,
.home__about__link:hover .home__about__link__arrow path:last-of-type,
.home__header__article__link:hover .home__header__article__link__arrow path:last-of-type,
.home__who__highlight__link:hover .home__who__highlight__link__arrow path:last-of-type,
.home__work__article__link:hover .home__work__article__link__arrow path:last-of-type,
.home__work__discover__link:hover .home__work__discover__link__arrow path:last-of-type,
.how-we-work__content__highlight__link:hover .how-we-work__content__highlight__link__arrow path:last-of-type,
.how-we-work__content__item__link:hover .how-we-work__content__item__link__arrow path:last-of-type,
.menu__openings:hover .menu__openings__arrow path:last-of-type,
.what-we-do__list__link:hover .what-we-do__list__link__arrow path:last-of-type,
.what-we-stand-for__achievement__link:hover .what-we-stand-for__achievement__link__arrow path:last-of-type,
.what-we-stand-for__achievements__link:hover .what-we-stand-for__achievements__link__arrow path:last-of-type,
.who-we-are__numbers__highlight__link:hover .who-we-are__numbers__highlight__link__arrow path:last-of-type {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.news__header__filter__list,
.work__header__filter__list {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.about__navigation__item,
.news__header__filter__item,
.work__header__filter__item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0
}

@media (max-width:767px) {

	.about__navigation__item,
	.news__header__filter__item,
	.work__header__filter__item {
		margin-bottom: 1rem
	}
}

.about__navigation__item:not(:last-child):after,
.news__header__filter__item:not(:last-child):after,
.work__header__filter__item:not(:last-child):after {
	background: #f05037;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: .8rem;
	margin: 0 1rem;
	width: .8rem
}

.about__navigation__link,
.news__header__filter__button,
.work__header__filter__button {
	font-size: 2.4rem;
	font-weight: 700;
	opacity: .5;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.about__navigation__link:hover,
.news__header__filter__button:hover,
.work__header__filter__button:hover {
	opacity: .75
}

@media (max-width:767px) {

	.about__navigation__link,
	.news__header__filter__button,
	.work__header__filter__button {
		font-size: 1.8rem
	}
}

.about__navigation__link--active,
.about__navigation__link--active:hover,
.news__header__filter__button--active,
.news__header__filter__button--active:hover,
.work__header__filter__button--active,
.work__header__filter__button--active:hover {
	opacity: 1
}

.about__header__title,
.careers__header__label,
.careers__list__header__column,
.contact__header__label,
.home__about__title,
.home__who__label,
.how-we-work__content__item__label,
.how-we-work__content__label,
.how-we-work__graph__label,
.how-we-work__grid__label,
.how-we-work__highlight__label,
.how-we-work__partners__label,
.news__header__filter__label,
.news__header__label,
.what-we-do__header__label,
.what-we-stand-for__principles__label,
.who-we-are__management__content__description,
.who-we-are__numbers__label,
.who-we-are__people__item__description,
.who-we-are__people__label,
.work__header__filter__label,
.work__header__label {
	font-family: El Messiri;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: .1rem;
	text-transform: uppercase
}

.article__body,
.careers__header__description,
.careers__position__content__description,
.careers__position__location,
.contact__header__description,
.document__body,
.how-we-work__content__highlight__description,
.how-we-work__graph__highlight__description,
.how-we-work__grid__gallery__description,
.news__new__description,
.what-we-do__header__description,
.who-we-are__offices__description {
	font-size: 1.8rem;
	line-height: 1.8
}

.article__header__title,
.careers__position__title,
.contact__list__item__label,
.contact__list__item__link__text,
.document__header__title,
.how-we-work__content__highlight__title,
.how-we-work__graph__highlight__title,
.what-we-stand-for__achievement__description {
	font-size: 3.6rem;
	font-weight: 700;
	letter-spacing: -.15rem;
	line-height: 1.35
}

@media (max-width:767px) {

	.article__header__title,
	.careers__position__title,
	.contact__list__item__label,
	.contact__list__item__link__text,
	.document__header__title,
	.how-we-work__content__highlight__title,
	.how-we-work__graph__highlight__title,
	.what-we-stand-for__achievement__description {
		font-size: 2.4rem
	}
}

.careers__header__title,
.contact__header__title,
.home__about__description,
.how-we-work__content__header__description,
.how-we-work__graph__header__description,
.how-we-work__grid__header__highlight,
.how-we-work__partners__header__description,
.news__header__title,
.who-we-are__management__header,
.who-we-are__offices__title {
	font-size: 4.8rem;
	font-weight: 600;
	letter-spacing: -.2rem;
	line-height: 1.25;
	margin-top: -1rem;
	max-width: 60rem
}

@media (max-width:767px) {

	.careers__header__title,
	.contact__header__title,
	.home__about__description,
	.how-we-work__content__header__description,
	.how-we-work__graph__header__description,
	.how-we-work__grid__header__highlight,
	.how-we-work__partners__header__description,
	.news__header__title,
	.who-we-are__management__header,
	.who-we-are__offices__title {
		font-size: 3.6rem
	}
}

.about__list__item__link__text,
.home__who__description,
.home__work__article__title,
.home__work__discover__title,
.how-we-work__content__header__title,
.how-we-work__graph__header__title,
.how-we-work__grid__header__title,
.how-we-work__highlight__header__title,
.how-we-work__partners__header__title,
.menu__link__text,
.what-we-do__header__title,
.what-we-stand-for__principles__title,
.who-we-are__numbers__description,
.work__header__title {
	font-size: 8.4rem;
	font-weight: 900;
	letter-spacing: -.05rem;
	line-height: .95
}

@media (max-width:767px) {

	.about__list__item__link__text,
	.home__who__description,
	.home__work__article__title,
	.home__work__discover__title,
	.how-we-work__content__header__title,
	.how-we-work__graph__header__title,
	.how-we-work__grid__header__title,
	.how-we-work__highlight__header__title,
	.how-we-work__partners__header__title,
	.menu__link__text,
	.what-we-do__header__title,
	.what-we-stand-for__principles__title,
	.who-we-are__numbers__description,
	.work__header__title {
		font-size: 4.8rem;
		line-height: 1.2
	}
}

.cookie__description a,
.footer__languages__link--active,
.footer__languages__link:not(.footer__languages__link--active),
.footer__primary__link,
.footer__secondary__link,
.menu__languages__link--active,
.menu__languages__link:not(.menu__languages__link--active) {
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: top
}

.cookie__description a:after,
.footer__languages__link--active:after,
.footer__languages__link:not(.footer__languages__link--active):after,
.footer__primary__link:after,
.footer__secondary__link:after,
.menu__languages__link--active:after,
.menu__languages__link:not(.menu__languages__link--active):after {
	background: currentColor;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	-webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
	transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
	transition: transform 1s cubic-bezier(.19, 1, .22, 1);
	transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
	width: 100%
}

.cookie__description a:hover:after,
.footer__languages__link--active:hover:after,
.footer__languages__link:not(.footer__languages__link--active):after,
.footer__primary__link:after,
.footer__secondary__link:after,
.menu__languages__link--active:hover:after,
.menu__languages__link:not(.menu__languages__link--active):after {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.cookie__description a:after,
.footer__languages__link--active:after,
.footer__languages__link:not(.footer__languages__link--active):hover:after,
.footer__primary__link:hover:after,
.footer__secondary__link:hover:after,
.menu__languages__link--active:after,
.menu__languages__link:not(.menu__languages__link--active):hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.cookie__description a,
.footer__languages__link--active,
.footer__languages__link:not(.footer__languages__link--active),
.footer__primary__link,
.footer__secondary__link,
.menu__languages__link--active,
.menu__languages__link:not(.menu__languages__link--active) {
	display: inline-block
}

.home__header__navigation,
.home__work__navigation {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	bottom: 5.5rem;
	color: #1c1c1d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
	font-weight: 700;
	position: absolute;
	right: 15.8rem
}

@media (max-width:767px) {

	.home__header__navigation,
	.home__work__navigation {
		bottom: 2.5rem;
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		right: 2.5rem;
		width: 6.35rem
	}
}

.home__header__navigation__text,
.home__work__navigation__text {
	height: 1.6rem;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 1.85rem
}

.home__header__navigation__text__wrapper,
.home__work__navigation__text__wrapper {
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
	transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
	transition: transform 1s cubic-bezier(.19, 1, .22, 1);
	transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.home__header__navigation__progress,
.home__work__navigation__progress {
	background: #fff;
	height: .2rem;
	margin-right: 3rem;
	overflow: hidden;
	position: relative;
	width: 6.35rem
}

@media (max-width:767px) {

	.home__header__navigation__progress,
	.home__work__navigation__progress {
		margin-right: 0;
		margin-top: .3rem
	}
}

.home__header__navigation__progress__current,
.home__work__navigation__progress__current {
	background: #e03e96;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left
}

.home__header__navigation__bullet,
.home__work__navigation__bullet {
	background: #e03e96;
	border-radius: 50%;
	height: .8rem;
	margin: 0 1rem;
	width: .8rem
}

@media (max-width:767px) {

	.home__header__navigation__bullet,
	.home__work__navigation__bullet {
		margin: 0
	}
}

.home__who,
.who-we-are__numbers {
	background: #cb90ed;
	color: #dcf01e;
	padding: 16rem 0
}

@media (max-width:767px) {

	.home__who,
	.who-we-are__numbers {
		padding: 10rem 0
	}
}

.home__who__wrapper,
.who-we-are__numbers__wrapper {
	margin: auto;
	max-width: 112rem
}

@media (max-width:767px) {

	.home__who__wrapper,
	.who-we-are__numbers__wrapper {
		width: calc(100% - 5rem)
	}
	.preloader__bbdo svg{
		width:500px;
	}
}

.home__who__box,
.who-we-are__numbers__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:767px) {

	.home__who__box,
	.who-we-are__numbers__box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.home__who__label,
.who-we-are__numbers__label {
	padding-right: 5rem;
	width: 19rem
}

@media (max-width:767px) {

	.home__who__label,
	.who-we-are__numbers__label {
		width: 100%
	}
}

.home__who__content,
.who-we-are__numbers__content {
	width: calc(100% - 19rem)
}

@media (max-width:767px) {

	.home__who__content,
	.who-we-are__numbers__content {
		width: 100%
	}
}

.home__who__description,
.who-we-are__numbers__description {
	color: transparent;
	font-size: 8rem;
	line-height: 1.1;
	margin-right: -5rem;
	margin-top: -1.5rem;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;
	white-space: nowrap
}

.home__who__description strong,
.who-we-are__numbers__description strong {
	color: #fff;
	font-weight: 900
}

.home__who__description span,
.who-we-are__numbers__description span {
	padding-right: .3rem
}

[lang=de] .home__who__description,
[lang=de] .who-we-are__numbers__description {
	font-size: 6rem
}

@media (max-width:767px) {

	.home__who__description,
	.who-we-are__numbers__description {
		font-size: 3.8rem;
		letter-spacing: 0;
		line-height: 1.05;
		margin-right: 0;
		margin-top: 1rem;
		-webkit-text-stroke-width: .5px;
		white-space: normal
	}

	[lang=de] .home__who__description,
	[lang=de] .who-we-are__numbers__description {
		font-size: 3.8rem;
		margin-right: -1rem
	}

	.home__who__description br,
	.who-we-are__numbers__description br {
		display: none
	}

	.home__who__description span,
	.who-we-are__numbers__description span {
		display: inline !important;
		padding-right: 0
	}
}

.home__who__highlight,
.who-we-are__numbers__highlight {
	margin-top: 10rem;
	overflow: hidden
}

@media (max-width:767px) {

	.home__who__highlight,
	.who-we-are__numbers__highlight {
		margin-top: 5rem
	}
}

.home__who__highlight__text,
.who-we-are__numbers__highlight__text {
	display: inline-block;
	font-size: 0;
	line-height: 1;
	white-space: nowrap
}

.home__who__highlight__text span,
.who-we-are__numbers__highlight__text span {
	display: inline-block;
	font-family: El Messiri;
	font-size: 11.4rem;
	letter-spacing: -.2rem;
	vertical-align: middle
}

.home__who__highlight__text span:nth-child(2n),
.who-we-are__numbers__highlight__text span:nth-child(2n) {
	color: #90d9ed
}

@media (max-width:767px) {

	.home__who__highlight__text span,
	.who-we-are__numbers__highlight__text span {
		font-size: 5.7rem;
		letter-spacing: -.1rem
	}
}

.home__who__highlight__footer,
.who-we-are__numbers__highlight__footer {
	margin: auto;
	max-width: 112rem;
	padding-left: 19rem
}

@media (max-width:767px) {

	.home__who__highlight__footer,
	.who-we-are__numbers__highlight__footer {
		padding-left: 2.5rem
	}
}

.home__who__highlight__link,
.who-we-are__numbers__highlight__link {
	color: #231e1f;
	margin-top: 1rem
}

.home__who__highlight__link__arrow,
.who-we-are__numbers__highlight__link__arrow {
	color: #f05037;
	fill: transparent;
	stroke: #f05037;
	-webkit-transition: color .4s ease, fill .4s ease;
	transition: color .4s ease, fill .4s ease
}

.home__who__highlight__link:hover .home__who__highlight__link__arrow,
.who-we-are__numbers__highlight__link:hover .who-we-are__numbers__highlight__link__arrow {
	color: #fff;
	fill: #f05037
}

/* .about,
.article,
.careers,
.contact,
.document,
.home,
.how-we-work,
.news,
.what-we-do,
.what-we-stand-for,
.who-we-are,
.work {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	visibility: hidden;
	width: 100%;
	will-change: transform
} */

/* .about__content,
.article__content,
.careers__content,
.contact__content,
.document__content,
.home__content,
.how-we-work__content,
.news__content,
.what-we-do__wrapper,
.what-we-stand-for__wrapper,
.who-we-are__wrapper,
.work__content {
	pointer-events: auto
} */

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes scroll {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

.home__header__more,
.how-we-work__highlight__scroll {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	bottom: 0;
	color: #e03e96;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.1rem;
	font-weight: 700;
	left: 50%;
	letter-spacing: .1rem;
	line-height: 1;
	position: absolute;
	text-transform: uppercase;
	-webkit-transform: translate(-110%) rotate(90deg);
	transform: translate(-110%) rotate(90deg);
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.home__header__more__indicator,
.how-we-work__highlight__scroll__indicator {
	display: inline-block;
	height: 2px;
	margin-left: .75rem;
	overflow: hidden;
	position: relative;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 1s cubic-bezier(.77, 0, .175, 1);
	transition: -webkit-transform 1s cubic-bezier(.77, 0, .175, 1);
	transition: transform 1s cubic-bezier(.77, 0, .175, 1);
	transition: transform 1s cubic-bezier(.77, 0, .175, 1), -webkit-transform 1s cubic-bezier(.77, 0, .175, 1);
	width: 2.8rem
}

.home__header__more__indicator:before,
.how-we-work__highlight__scroll__indicator:before {
	-webkit-animation: scroll 2s ease infinite;
	animation: scroll 2s ease infinite;
	background: #e03e96;
	content: ""
}

.scrollbar {
	background: #231e1f;
	height: 100vh;
	position: fixed;
	right: 0;
	top: 0;
	width: 5px;
	z-index: 10000
}

.scrollbar__progress {
	background: #f05037;
	height: 25vh;
	position: absolute;
	top: 0;
	width: 100%
}

button{
	background: none;
	border: none;
	color: inherit;
	font: inherit;
	outline: none;
	padding: 0
}


.preloader {
	background: #ffcdd2;
	color: #fff;
	position: fixed;
	z-index: 1000;
	top:0;
}

.preloader--other {
	background: none
}

@media (max-width:767px) {
	.preloader {
		z-index: 7;
	}
}

.preloader__titles__title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 33.3rem;
	font-weight: 700;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	letter-spacing: -1rem;
	opacity: 0;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 2px;
	text-transform: uppercase
}

@media (max-width:767px) {
	.preloader__titles__title {
		font-size: 4rem;
		letter-spacing: -.25rem;
		-webkit-text-stroke-width: 1.5px
	}

}

.preloader__bbdo {
	fill: #e03e96;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media (max-width:767px) {
	.preloader__bbdo {
		-webkit-transform: translate(-50%, -50%) scale(.3);
		transform: translate(-50%, -50%) scale(.3)
	}
}

.preloader__bbdo__logo {
	height: 24.6rem;
	overflow: visible
}

.preloader__quote {
	color: transparent;
	font-size: 10.6rem;
	font-weight: 900;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 50%;
	line-height: 1.1;
	margin-top: -5rem;
	position: absolute;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 2px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	white-space: nowrap;
	z-index: 1
}

@media (max-width:767px) {
	.preloader__quote {
		font-size: 2rem;
		line-height: 1.2;
		-webkit-text-stroke-width: 1.5px
	}
}

.preloader__quote__line {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.preloader__quote__line:not(:last-child) {
	margin-bottom: -1rem
}

@media (max-width:767px) {
	.preloader__quote__line:not(:last-child) {
		margin-bottom: -.8rem
	}
}

.preloader__quote__line:nth-child(2),
.preloader__quote__line:nth-child(4) {
	padding-left: 6rem
}

.preloader__loader {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	bottom: 5.5rem;
	color: #e03e96;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 7rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 50%;
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 7rem;
	z-index: 1
}

.preloader--other .preloader__loader {
	display: none
}

.preloader__loader__title {
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: .1rem;
	text-transform: uppercase
}

.preloader__loader__background {
	fill: none;
	opacity: .3;
	stroke: currentColor;
	stroke-width: 1px
}

.preloader__loader__progress {
	fill: none;
	stroke: currentColor;
	stroke-dasharray: 150.818, 150.818;
	stroke-dashoffset: 150.818;
	stroke-width: 1px
}

.preloader__background {
	left: -25%;
	pointer-events: none;
	-webkit-transform: skew(20deg);
	transform: skew(20deg);
	width: 150%;
	z-index: 2
}

@media (max-width:767px) {
	.preloader__background {
		-webkit-transform: skew(20deg) scale(1.1);
		transform: skew(20deg) scale(1.1)
	}
}

.preloader__background__column {
	background: #ffcdd2;
	height: 100%;
	position: absolute;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	width: 25.5%
}

.preloader--other .preloader__background__column {
	background: #e03e96;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.preloader__background__column:first-child {
	left: 0
}

.preloader__background__column:nth-child(2) {
	left: 25%
}

.preloader__background__column:nth-child(3) {
	left: 50%
}

.preloader__background__column:nth-child(4) {
	left: 75%
}

.transition {
	left: -25%;
	pointer-events: none;
	position: fixed;
	top: 0;
	-webkit-transform: skew(20deg);
	transform: skew(20deg);
	width: 150%;
	z-index: 10
}

@media (max-width:767px) {
	.transition {
		-webkit-transform: skew(20deg) scale(1.1);
		transform: skew(20deg) scale(1.1)
	}
}

.transition__column {
	background: #e03e96;
	height: 100%;
	position: absolute;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	width: 25.5%
}

.transition__column:first-child {
	left: 0
}

.transition__column:nth-child(2) {
	left: 25%
}

.transition__column:nth-child(3) {
	left: 50%
}

.transition__column:nth-child(4) {
	left: 75%
}