.register {
	background-color: #fff;
	padding: 100px 0 90px 0;
}

.register .container {
	min-height: 80%
}

.register .container .remove-margin {
	margin-bottom: 0
}

.side-by-side-text-blocks {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 0
}

.side-by-side-text-blocks>div:first-of-type {
	padding-bottom: 64px
}

.side-by-side-text-blocks .headline-xlarge {
	font-size: 26px
}

@media screen and (min-width:960px) {
	.side-by-side-text-blocks .headline-xlarge {
		font-size: calc(2.22222vw + 4.66667px)
	}
}

@media screen and (min-width:1320px) {
	.side-by-side-text-blocks .headline-xlarge {
		font-size: 34px
	}
}

.side-by-side-text-blocks .text-block-wrapper {
	padding: 0
}

.side-by-side-text-blocks .text-block-wrapper .text-block {
	width: 100%
}

@media screen and (min-width:768px) {
	.side-by-side-text-blocks {
		flex-direction: row
	}

	.side-by-side-text-blocks .text-block-wrapper {
		max-width: 450px
	}

	.side-by-side-text-blocks .text-block-wrapper.contact-tb p,.side-by-side-text-blocks .text-block-wrapper .stacked,.side-by-side-text-blocks .text-block-wrapper .text-block {
		height: 100%
	}

	.side-by-side-text-blocks .text-block-wrapper .stacked {
		justify-content: flex-start!important
	}

	.side-by-side-text-blocks .text-block-wrapper .stacked div:last-of-type {
		margin: 0 0 auto
	}

	.side-by-side-text-blocks .text-block-wrapper p {
		margin-bottom: 32px
	}

	.side-by-side-text-blocks>div:first-of-type {
		margin-right: 150px;
		padding-bottom: 0
	}

	.side-by-side-text-blocks .arrow-text {
		display: flex
	}
}

/*.content {
	width: 100%
}
*/
.content .wysiwyg {
	min-width: 100%
}

.content .wysiwyg img {
	width: 100%;
	height: auto;
	margin: 2rem auto
}

.content .wysiwyg h1,.content .wysiwyg h2,.content .wysiwyg h3,.content .wysiwyg h4,.content .wysiwyg h5,.content .wysiwyg h6,.content .wysiwyg ol,.content .wysiwyg p,.content .wysiwyg ul {
	margin-bottom: 1rem
}

.content .wysiwyg h1,.content .wysiwyg h2 {
	font-size: 32px;
	line-height: 1.4444444444
}

@media screen and (min-width:960px) {
	.content .wysiwyg h1,.content .wysiwyg h2 {
		font-size: calc(1.11111vw + 21.33333px)
	}
}

@media screen and (min-width:1320px) {
	.content .wysiwyg h1,.content .wysiwyg h2 {
		font-size: 36px
	}
}

.content .wysiwyg h3 {
	font-size: 20px;
	line-height: 1.666666
}

@media screen and (min-width:960px) {
	.content .wysiwyg h3 {
		font-size: calc(2.22222vw - 1.33333px)
	}
}

@media screen and (min-width:1320px) {
	.content .wysiwyg h3 {
		font-size: 28px
	}
}

.content .wysiwyg h4 {
	font-size: 18px;
	line-height: 1.666666
}

@media screen and (min-width:960px) {
	.content .wysiwyg h4 {
		font-size: calc(.55556vw + 12.66667px)
	}
}

@media screen and (min-width:1320px) {
	.content .wysiwyg h4 {
		font-size: 20px
	}
}

.content .wysiwyg p {
	font-size: 16px
}

@media screen and (min-width:960px) {
	.content .wysiwyg p {
		font-size: calc(.55556vw + 10.66667px)
	}
}

@media screen and (min-width:1320px) {
	.content .wysiwyg p {
		font-size: 18px
	}
}

.content .wysiwyg a {
	color: #1ee3cf;
	margin: 0;
	padding: 0;
	font-size: 16px;
	border: 0
}

@media screen and (min-width:960px) {
	.content .wysiwyg a {
		font-size: calc(.55556vw + 10.66667px)
	}
}

@media screen and (min-width:1320px) {
	.content .wysiwyg a {
		font-size: 18px
	}
}

.content .wysiwyg a.button-light {
	color: #fff
}

.content .wysiwyg ul li {
	margin-left: 1.5rem
}

.content .wysiwyg ul li:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 1rem;
	background-color: #1ee3cf
}

.content .wysiwyg ol {
	list-style: none;
	counter-reset: wysiwyg-counter
}

.content .wysiwyg ol li {
	margin-left: 1.5rem;
	counter-increment: wysiwyg-counter
}

.content .wysiwyg ol li:before {
	content: "0" counter(wysiwyg-counter) ".";
	color: #1ee3cf;
	margin-right: 1rem
}

.content .wysiwyg pre {
	color: #ffd739;
	padding: 1rem;
	background-color: #1e1e1e
}

.case-study-color-wrapper {
	background-color: #ffd739
}

.case-blocks .case-study {
	width: 100%;
	height: 100vh
}

@media screen and (min-width:960px) {
	.case-blocks .case-study .study-text-1 {
		position: relative;
		z-index: 1
	}

	.case-blocks .case-study .study-text-2 {
		position: relative;
		top: -90%;
		z-index: 0
	}

	.case-blocks .case-study .study-text-3 {
		position: relative;
		top: -190%;
		z-index: 0
	}

	.case-blocks .case-study .study-text-4 {
		position: relative;
		top: -290%;
		z-index: 0
	}
}

.case-blocks .case-study .case-study-content {
	height: 100%
}

@media screen and (max-width:959px) {
	.case-blocks .case-study .case-study-content {
		flex-direction: column;
		width: 100%
	}
}

.case-blocks .case-study .case-study-content>div {
	width: 50%
}

@media screen and (max-width:959px) {
	.case-blocks .case-study .case-study-content>div {
		width: 100%
	}
}

.case-blocks .case-study .case-study-content .case-study-text,.case-blocks .case-study .case-study-content .last-case-text {
	flex-direction: column;
	justify-content: space-between;
	padding: 100px 0
}

@media screen and (max-width:959px) {
	.case-blocks .case-study .case-study-content .case-study-text,.case-blocks .case-study .case-study-content .last-case-text {
		width: 87.5%;
		margin: auto;
		padding: 0;
		justify-content: center;
		height: 25%;
		min-height: 250px;
		order: 2
	}
}

.case-blocks .case-study .case-study-content .case-study-text .case-arrow svg,.case-blocks .case-study .case-study-content .last-case-text .case-arrow svg {
	transform: rotate(90deg);
	height: 52px;
	width: 52px
}

.case-blocks .case-study .case-study-content .case-study-text .case-text h1,.case-blocks .case-study .case-study-content .last-case-text .case-text h1 {
	padding-bottom: 16px
}

@media screen and (min-width:960px) {
	.case-blocks .case-study .case-study-content .case-study-text .case-text h1,.case-blocks .case-study .case-study-content .last-case-text .case-text h1 {
		padding-bottom: calc(4.44444vw - 26.66667px)
	}
}

@media screen and (min-width:1320px) {
	.case-blocks .case-study .case-study-content .case-study-text .case-text h1,.case-blocks .case-study .case-study-content .last-case-text .case-text h1 {
		padding-bottom: 32px
	}
}

.case-blocks .case-study .case-study-content .case-study-text.white,.case-blocks .case-study .case-study-content .last-case-text.white {
	color: #fff
}

.case-blocks .case-study .case-study-content .case-study-text.white ::selection,.case-blocks .case-study .case-study-content .last-case-text.white ::selection {
	background: #fff;
	color: #6807f9
}

.case-blocks .case-study .case-study-content .case-study-text.white .case-arrow svg path,.case-blocks .case-study .case-study-content .last-case-text.white .case-arrow svg path {
	stroke: #fff
}

@media screen and (max-width:959px) {
	.case-blocks .case-study .case-study-content .case-image,.case-blocks .case-study .case-study-content .last-case-image {
		height: 80%
	}
}

@media screen and (min-width:960px) {
	.case-blocks .case-study .case-study-content .case-image,.case-blocks .case-study .case-study-content .last-case-image {
		position: absolute;
		width: 50%;
		left: 50%;
		overflow: hidden
	}
}

.case-blocks .case-study .case-study-content .case-image img,.case-blocks .case-study .case-study-content .last-case-image img {
	order: 1;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media screen and (min-width:960px) {
	.case-blocks .case-study .case-study-content .case-image img,.case-blocks .case-study .case-study-content .last-case-image img {
		height: 100vh
	}
}

.case-study-wrapper .scroll-top-container {
	width: 100%;
	display: flex;
	justify-content: flex-end
}

.case-study-wrapper .scroll-top-container .scroll-top {
	position: fixed;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(../fonts/button-arrow-light.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	transform: rotate(-90deg) translateY(100%);
	margin-right: 5px;
	opacity: 0;
	cursor: pointer;
	top: 85vh;
	z-index: 1;
	transition: all .27s
}

.case-study-wrapper .scroll-top-container .scroll-top.show-me {
	opacity: 1;
	transform: rotate(-90deg) translateY(0)
}

.case-study-wrapper .excerpt {
	padding-top: 16px;
	padding-bottom: 16px
}

@media screen and (min-width:960px) {
	.case-study-wrapper .excerpt {
		padding-top: calc(4.44444vw - 26.66667px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-wrapper .excerpt {
		padding-top: 32px
	}
}

@media screen and (min-width:960px) {
	.case-study-wrapper .excerpt {
		padding-bottom: calc(4.44444vw - 26.66667px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-wrapper .excerpt {
		padding-bottom: 32px
	}
}

.case-study-wrapper .tag-group {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 32px
}

@media screen and (min-width:960px) {
	.case-study-wrapper .tag-group {
		padding-bottom: calc(8.88889vw - 53.33333px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-wrapper .tag-group {
		padding-bottom: 64px
	}
}

.case-study-wrapper .tag-group .tag {
	color: #fff;
	text-align: center;
	margin: 0 16px 20px 0;
	min-width: -moz-fit-content;
	min-width: fit-content;
	padding: 8px 24px;
	border: 1px solid #fff;
	border-radius: 68px
}

.project-info-button-container {
	justify-content: center;
	background-color: #000;
	margin-bottom: 16px;
	transition: all .27s;
	width: 100%
}

.project-info-button-container.sticky {
	position: fixed;
	top: 0;
	padding: 1rem 0;
	background-color: rgba(0,0,0,.9);
	z-index: 10
}

.project-info-button-container .button-wrapper .project-info-button {
	color: #fff;
	gap: 16px;
	width: -moz-fit-content;
	width: fit-content
}

.project-info-button-container .button-wrapper .project-info-button:hover .button-toggle {
	transform: rotate(0)
}

@media screen and (min-width:768px) {
	.project-info-button-container .button-wrapper .project-info-button:hover .button-toggle {
		transform: rotate(30deg)
	}
}

@media (hover:hover) {
	.project-info-button-container .button-wrapper .project-info-button:hover .button-toggle {
		transform: rotate(0)
	}
}

@media screen and (hover:hover) and (min-width:768px) {
	.project-info-button-container .button-wrapper .project-info-button:hover .button-toggle {
		transform: rotate(30deg)
	}
}

@media (hover:none) {
	.project-info-button-container .button-wrapper .project-info-button:hover .button-toggle {
		transform: rotate(0)
	}
}

.project-info-button-container .button-wrapper .project-info-button .button-toggle {
	justify-content: center;
	flex-direction: column;
	width: 20px;
	height: 20px;
	margin-bottom: 6px;
	transition: .27s cubic-bezier(.33,.59,.57,.63)
}

.project-info-button-container .button-wrapper .project-info-button .button-toggle.toggled {
	transform: rotate(-135deg)
}

.project-info-button-container .button-wrapper .project-info-button .button-toggle span {
	width: 100%;
	height: 1.5px;
	background-color: #fff
}

.project-info-button-container .button-wrapper .project-info-button .button-toggle span:first-child {
	transform: translateY(1.5px) rotate(90deg)
}

.case-study-gallery {
	width: 100%;
	display: flex;
	flex-flow: wrap
}

.case-study-gallery .case-study-video {
	width: 100%;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 16px
}

@media screen and (min-width:960px) {
	.case-study-gallery .case-study-video {
		margin-bottom: calc(4.44444vw - 26.66667px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-gallery .case-study-video {
		margin-bottom: 32px
	}
}

.case-study-gallery .case-study-video video {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover
}

.case-study-gallery .layout-wrapper {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	width: 100%;
	margin-bottom: 16px
}

@media screen and (min-width:960px) {
	.case-study-gallery .layout-wrapper {
		margin-bottom: calc(4.44444vw - 26.66667px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-gallery .layout-wrapper {
		margin-bottom: 32px
	}
}

.case-study-gallery .layout-wrapper.wrap-reverse {
	flex-wrap: wrap-reverse
}

.case-study-gallery .layout-wrapper .half-image-left {
	width: 50%;
	padding-right: 8px
}

@media screen and (min-width:960px) {
	.case-study-gallery .layout-wrapper .half-image-left {
		padding-right: calc(2.22222vw - 13.33333px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-gallery .layout-wrapper .half-image-left {
		padding-right: 16px
	}
}

.case-study-gallery .layout-wrapper .half-image-left .wysiwyg {
	padding-right: 10px
}

@media screen and (min-width:960px) {
	.case-study-gallery .layout-wrapper .half-image-left .wysiwyg {
		padding-right: calc(25vw - 230px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-gallery .layout-wrapper .half-image-left .wysiwyg {
		padding-right: 100px
	}
}

.case-study-gallery .layout-wrapper .half-image-left.full-image-mobile {
	width: 100%;
	padding-right: 0;
	margin-bottom: 16px
}

@media screen and (min-width:960px) {
	.case-study-gallery .layout-wrapper .half-image-left.full-image-mobile {
		margin-bottom: calc(4.44444vw - 26.66667px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-gallery .layout-wrapper .half-image-left.full-image-mobile {
		margin-bottom: 32px
	}
}

.case-study-gallery .layout-wrapper .half-image-left.full-image-mobile .wysiwyg {
	padding-right: 0
}

@media screen and (min-width:768px) {
	.case-study-gallery .layout-wrapper .half-image-left.full-image-mobile {
		width: 50%;
		margin-bottom: 0;
		padding-right: 8px
	}
}

@media screen and (min-width:768px) and (min-width:960px) {
	.case-study-gallery .layout-wrapper .half-image-left.full-image-mobile {
		padding-right: calc(2.22222vw - 13.33333px)
	}
}

@media screen and (min-width:768px) and (min-width:1320px) {
	.case-study-gallery .layout-wrapper .half-image-left.full-image-mobile {
		padding-right: 16px
	}
}

@media screen and (min-width:768px) {
	.case-study-gallery .layout-wrapper .half-image-left.full-image-mobile .wysiwyg {
		padding-right: 100px
	}
}

.case-study-gallery .layout-wrapper .half-image-right {
	width: 50%;
	padding-left: 8px
}

@media screen and (min-width:960px) {
	.case-study-gallery .layout-wrapper .half-image-right {
		padding-left: calc(2.22222vw - 13.33333px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-gallery .layout-wrapper .half-image-right {
		padding-left: 16px
	}
}

.case-study-gallery .layout-wrapper .half-image-right .wysiwyg {
	padding-left: 10px
}

@media screen and (min-width:960px) {
	.case-study-gallery .layout-wrapper .half-image-right .wysiwyg {
		padding-left: calc(25vw - 230px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-gallery .layout-wrapper .half-image-right .wysiwyg {
		padding-left: 100px
	}
}

.case-study-gallery .layout-wrapper .half-image-right.full-image-mobile {
	width: 100%;
	padding-left: 0;
	margin-bottom: 16px
}

@media screen and (min-width:960px) {
	.case-study-gallery .layout-wrapper .half-image-right.full-image-mobile {
		margin-bottom: calc(4.44444vw - 26.66667px)
	}
}

@media screen and (min-width:1320px) {
	.case-study-gallery .layout-wrapper .half-image-right.full-image-mobile {
		margin-bottom: 32px
	}
}

.case-study-gallery .layout-wrapper .half-image-right.full-image-mobile .wysiwyg {
	padding-left: 0
}

@media screen and (min-width:768px) {
	.case-study-gallery .layout-wrapper .half-image-right.full-image-mobile {
		width: 50%;
		margin-bottom: 0;
		padding-left: 8px
	}
}

@media screen and (min-width:768px) and (min-width:960px) {
	.case-study-gallery .layout-wrapper .half-image-right.full-image-mobile {
		padding-left: calc(2.22222vw - 13.33333px)
	}
}

@media screen and (min-width:768px) and (min-width:1320px) {
	.case-study-gallery .layout-wrapper .half-image-right.full-image-mobile {
		padding-left: 16px
	}
}

@media screen and (min-width:768px) {
	.case-study-gallery .layout-wrapper .half-image-right.full-image-mobile .wysiwyg {
		padding-left: 100px
	}
}

.case-study-gallery .layout-wrapper .wysiwyg {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%
}

.case-study-gallery .layout-wrapper img {
	width: 100%;
	flex: none
}

.flipp-parallax {
	width: 100%;
	height: 270vh;
	display: flex;
	justify-content: center;
	mix-blend-mode: exclusion
}

.flipp-parallax .flipp-logo {
	z-index: 20;
	max-width: 450px;
	width: 87.5%
}

.flipp-parallax .flipp-logo img {
	max-width: 450px;
	width: 100%;
	height: auto;
	filter: invert(1)
}

.flipp-parallax .parallax-images {
	position: absolute;
	height: 270vh;
	width: 100%
}

.flipp-parallax .parallax-images .parallax-image {
	position: absolute
}

.flipp-parallax .parallax-images .parallax-image p {
	color: #fff;
	font-size: 18px;
	line-height: 32px;
	position: absolute;
	right: 5%;
	bottom: 5%
}

.flipp-parallax .parallax-images .parallax-image:first-child {
	left: 0;
	top: 8%;
	z-index: 10;
	max-width: 350px;
	max-height: 250px;
	width: 50%;
	height: auto
}

.flipp-parallax .parallax-images .parallax-image:first-child img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media screen and (min-width:770px) {
	.flipp-parallax .parallax-images .parallax-image:first-child {
		max-width: 550px;
		max-height: 350px;
		width: 100%;
		height: 100%
	}
}

@media screen and (min-width:1440px) {
	.flipp-parallax .parallax-images .parallax-image:first-child {
		left: -10%;
		z-index: 10;
		max-width: 650px;
		max-height: 450px;
		width: 100%;
		height: 100%
	}
}

.flipp-parallax .parallax-images .parallax-image:nth-child(2) {
	z-index: 40;
	right: 5%;
	top: 15%;
	max-width: 275px;
	max-height: 350px;
	width: 45%;
	height: auto
}

.flipp-parallax .parallax-images .parallax-image:nth-child(2) img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media screen and (min-width:770px) {
	.flipp-parallax .parallax-images .parallax-image:nth-child(2) {
		max-width: 375px;
		max-height: 450px;
		right: 6%;
		width: 100%;
		height: 100%
	}
}

.flipp-parallax .parallax-images .parallax-image:nth-child(3) {
	left: 10%;
	z-index: 10;
	top: 30%;
	max-width: 350px;
	max-height: 350px;
	width: 40%;
	height: auto
}

.flipp-parallax .parallax-images .parallax-image:nth-child(3) img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media screen and (min-width:1440px) {
	.flipp-parallax .parallax-images .parallax-image:nth-child(3) {
		left: 5%;
		z-index: 10;
		max-width: 550px;
		max-height: 550px;
		width: 100%;
		height: 100%
	}
}

@media screen and (min-width:770px) {
	.flipp-parallax .parallax-images .parallax-image:nth-child(3) {
		max-width: 450px;
		max-height: 450px;
		left: 5%;
		width: 100%;
		height: 100%
	}
}

.flipp-parallax .parallax-images .parallax-image:nth-child(4) {
	right: 12%;
	top: 40%;
	z-index: 40;
	max-width: 250px;
	max-height: 250px;
	width: 42%;
	height: auto
}

.flipp-parallax .parallax-images .parallax-image:nth-child(4) img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media screen and (min-width:1035px) {
	.flipp-parallax .parallax-images .parallax-image:nth-child(4) {
		right: 15%;
		z-index: 40;
		max-width: 350px;
		max-height: 350px;
		width: 100%;
		height: 100%
	}
}

.flipp-parallax .parallax-images .parallax-image:nth-child(5) {
	left: 10%;
	top: 50%;
	z-index: 10;
	max-width: 275px;
	max-height: 300px;
	width: 55%;
	height: auto
}

.flipp-parallax .parallax-images .parallax-image:nth-child(5) img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media screen and (min-width:770px) {
	.flipp-parallax .parallax-images .parallax-image:nth-child(5) {
		max-width: 325px;
		max-height: 350px;
		width: 100%;
		height: 100%
	}
}

.flipp-parallax .parallax-images .parallax-image:nth-child(6) {
	right: 0;
	top: 60%;
	z-index: 40;
	max-width: 450px;
	max-height: 300px;
	width: 60%;
	height: auto
}

.flipp-parallax .parallax-images .parallax-image:nth-child(6) img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media screen and (min-width:1035px) {
	.flipp-parallax .parallax-images .parallax-image:nth-child(6) {
		right: 0;
		z-index: 40;
		max-width: 650px;
		max-height: 500px;
		width: 100%;
		height: 100%
	}
}

.main-color-wrapper {
	background: #000
}

.main-cta {
	background-color: #ffd739;
	flex-direction: row;
	flex-wrap: nowrap
}

@media screen and (min-width:768px) {
	.main-cta {
		min-height: 320px
	}
}

.main-cta .cta-left-side {
	width: 70%;
	border-right: 2px solid #000
}

.main-cta .cta-left-side .button-info,.main-cta .cta-left-side h1,.main-cta .cta-left-side h2 {
	margin-left: 5%
}

.main-cta .cta-left-side div {
	height: 50%;
	display: flex;
	align-items: center
}

.main-cta .cta-left-side div:first-child {
	border-bottom: 2px solid #000
}

.main-cta .cta-left-side .button-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.main-cta .cta-right-side {
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center
}

.main-cta .cta-right-side lottie-player {
	display: block;
	max-width: calc(4rem + 185px);
	padding: 0 2rem
}

@media screen and (max-width:767px) {
	.main-cta {
		flex-direction: column-reverse
	}

	.main-cta .cta-left-side {
		width: 100%;
		border-right: none
	}

	.main-cta .cta-left-side .button-info,.main-cta .cta-left-side h1 {
		margin: auto
	}

	.main-cta .cta-left-side div {
		height: auto;
		padding: 32px 1rem;
		display: flex;
		align-items: center
	}

	.main-cta .cta-left-side div:first-child {
		border-bottom: 2px solid #000;
		border-top: 2px solid #000
	}

	.main-cta .cta-left-side .button-info {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		margin: auto
	}

	.main-cta .cta-right-side {
		padding: 32px 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: centerr
	}
}

.contact-cta .cta-wrapper {
	padding-top: 0!important;
	padding-bottom: 100px
}

@media screen and (min-width:960px) {
	.contact-cta .cta-wrapper {
		padding-bottom: calc(27.77778vw - 166.66667px)
	}
}

@media screen and (min-width:1320px) {
	.contact-cta .cta-wrapper {
		padding-bottom: 200px
	}
}

.icon-gallery .container {
	display: grid;
	grid-template-columns: repeat(auto-fill,40%);
	justify-content: space-between;
	align-items: center;
	gap: 4rem 2rem
}

@media screen and (min-width:768px) {
	.icon-gallery .container {
		grid-template-columns: repeat(auto-fill,30%);
		justify-content: center;
		align-items: center;
		gap: 7rem 2rem
	}
}

.icon-gallery .container a {
	cursor: pointer
}

.icon-gallery .container a,.icon-gallery .container div {
	position: relative;
	margin: auto;
	min-height: 55px
}

.icon-gallery .container a svg,.icon-gallery .container div svg {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translateX(-50%);
	transition: .27s;
	width: 150px;
	max-width: 150px
}

@media screen and (max-width:767px) {
	.icon-gallery .container a svg,.icon-gallery .container div svg {
		width: 100px;
		max-width: 100px;
		max-height: 125%
	}
}

.icon-gallery .container a svg.fill-white,.icon-gallery .container div svg.fill-white {
	z-index: 5
}

.icon-gallery .container a svg.fill-white path,.icon-gallery .container a svg.fill-white polygon,.icon-gallery .container a svg.fill-white rect,.icon-gallery .container div svg.fill-white path,.icon-gallery .container div svg.fill-white polygon,.icon-gallery .container div svg.fill-white rect {
	fill: #fff!important
}

.icon-gallery .container a svg.fill-yellow,.icon-gallery .container div svg.fill-yellow {
	visibility: hidden
}

.icon-gallery .container a svg.fill-yellow path,.icon-gallery .container a svg.fill-yellow polygon,.icon-gallery .container a svg.fill-yellow rect,.icon-gallery .container div svg.fill-yellow path,.icon-gallery .container div svg.fill-yellow polygon,.icon-gallery .container div svg.fill-yellow rect {
	fill: #ffd739!important
}

.icon-gallery .container a svg.fill-blue,.icon-gallery .container div svg.fill-blue {
	visibility: hidden
}

.icon-gallery .container a svg.fill-blue path,.icon-gallery .container a svg.fill-blue polygon,.icon-gallery .container a svg.fill-blue rect,.icon-gallery .container div svg.fill-blue path,.icon-gallery .container div svg.fill-blue polygon,.icon-gallery .container div svg.fill-blue rect {
	fill: #1ee3cf!important
}

.icon-gallery .container a:hover .fill-white path,.icon-gallery .container a:hover .fill-white polygon,.icon-gallery .container a:hover .fill-white rect,.icon-gallery .container div:hover .fill-white path,.icon-gallery .container div:hover .fill-white polygon,.icon-gallery .container div:hover .fill-white rect {
	fill: #000!important;
	stroke: #fff!important;
	stroke-opacity: .5
}

.icon-gallery .container a:hover .fill-yellow,.icon-gallery .container div:hover .fill-yellow {
	visibility: visible;
	transform: translate(-52%,5%)
}

.icon-gallery .container a:hover .fill-blue,.icon-gallery .container div:hover .fill-blue {
	visibility: visible;
	transform: translate(-48%,-5%)
}

.icon-gallery .container div:hover svg.fill-white {
	z-index: 5
}

.icon-gallery .container div:hover svg.fill-white path,.icon-gallery .container div:hover svg.fill-white polygon,.icon-gallery .container div:hover svg.fill-white rect {
	fill: #fff!important
}

@media screen and (max-width:959px) {
	.scaling-text-section {
		display: none
	}
}

.scaling-text-section .scaling-text {
	background-color: #ffd739
}

.scaling-text-section .scaling-text .headline-medium {
	padding: 0 50px;
	max-width: 81%
}

.scaling-text-section .scaling-controls p {
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	opacity: .5
}

.scaling-text-section .scaling-controls .slider-controls {
	max-width: 80%
}

.slider-container:first-child {
	margin-top: 2.4rem
}

.slider-container .slider {
	position: relative;
	z-index: 20;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 1px;
	background: hsla(0,0%,100%,.713);
	outline: none
}

.slider-container .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 36px;
	background: #1ee3cf;
	z-index: -10
}

.slider-container .slider::-moz-range-thumb {
	appearance: none;
	border: none;
	outline: none;
	width: 16px;
	height: 36px;
	background: #1ee3cf;
	cursor: pointer;
	border-radius: 0
}

.slider-container .labels {
	padding: 5px;
	display: flex;
	justify-content: space-between
}

.slider-container .rs-value {
	position: relative;
	transform-origin: center center;
	display: block;
	width: 50px;
	background: transparent;
	line-height: 30px;
	text-align: center;
	font-weight: 700;
	box-sizing: border-box;
	margin-left: -25px;
	color: #fff
}

.slider-container .progress-line {
	position: relative;
	top: -11px;
	height: 2px;
	background: #fff;
	z-index: 10
}

.video-section {
	background-color: #000;
	display: flex;
	justify-content: center;
	align-items: center
}

.video-section>a {
	width: 100%;
	position: relative
}

.video-section>a:hover+.play-button {
	background-image: url(../fonts/play-light.svg)
}

.video-section .scrim-overlay {
	position: absolute;
	width: 100%;
	height: 100%
}

.video-section video {
	width: 100%;
	max-height: 40vh;
	-o-object-fit: cover;
	object-fit: cover
}

@media screen and (min-width:768px) {
	.video-section video {
		max-height: 70vh
	}
}

.video-section .button-blue {
	position: absolute;
	width: 54px;
	height: 54px
}

@media screen and (min-width:768px) {
	.video-section .button-blue {
		width: 108px;
		height: 108px
	}
}

.services-color-wrapper {
	background-color: #000
}

.marketing-services {
	color: #fff;
	transition: all .27s;
	z-index: 500
}

.marketing-services:last-of-type .marketing-item:last-of-type .service-number {
	color: #6807f9!important
}

.marketing-services a:after {
	filter: invert(1);
	transition: filter .27s
}

.marketing-services .line-ltr:after {
	margin-top: 0;
	background-color: #fff;
	mix-blend-mode: normal
}

.marketing-services.black-text {
	color: #000
}

.marketing-services.black-text .service-number {
	color: #000!important
}

.marketing-services.black-text a:after {
	filter: invert(0)
}

.marketing-services.black-text .nav-handle .toggle span {
	background-color: #000!important
}

.marketing-services.black-text .line-ltr:after {
	margin-top: 0;
	background-color: #000;
	mix-blend-mode: normal
}

.marketing-services .accordion .content {
	height: 0;
	transition: .3s cubic-bezier(0,0,0,1);
	overflow: hidden
}

.marketing-services .accordion .content .category-text {
	overflow: hidden
}

.marketing-services .accordion .content .category-text>p {
	max-width: 870px;
	width: 100%;
	padding-bottom: 16px;
	font-size: 16px;
	line-height: 1.6666666;
	margin: 0;
	opacity: 0;
	transition: opacity 1.27s;
	transition-delay: .27s
}

@media screen and (min-width:960px) {
	.marketing-services .accordion .content .category-text>p {
		padding-bottom: calc(4.44444vw - 26.66667px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion .content .category-text>p {
		padding-bottom: 32px
	}
}

@media screen and (min-width:960px) {
	.marketing-services .accordion .content .category-text>p {
		font-size: calc(.55556vw + 10.66667px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion .content .category-text>p {
		font-size: 18px
	}
}

.marketing-services .accordion .content .category-text>p.animate-me {
	opacity: 1
}

.marketing-services .accordion .content>a {
	opacity: 0;
	transition: opacity 1.27s;
	transition-delay: .27s
}

.marketing-services .accordion .content>a.animate-me {
	opacity: 1
}

.marketing-services .accordion .content .service-item-wrapper.animate-me {
	transform: translateY(0)!important;
	transition-delay: .27s
}

.marketing-services .accordion .content .service-item-wrapper.invert-bg {
	filter: invert(1) brightness(2) grayscale(1)
}

.marketing-services .accordion .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer
}

.marketing-services .accordion .title .category-header {
	font-size: 22px
}

@media screen and (min-width:960px) {
	.marketing-services .accordion .title .category-header {
		font-size: calc(1.11111vw + 11.33333px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion .title .category-header {
		font-size: 26px
	}
}

.marketing-services .accordion .title .nav-handle {
	width: 20px;
	height: 20px;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	cursor: pointer;
	pointer-events: auto;
	transition: .27s cubic-bezier(.33,.59,.57,.63)
}

.marketing-services .accordion .title .nav-handle .toggle {
	width: 100%;
	display: flex;
	flex-direction: column
}

.marketing-services .accordion .title .nav-handle .toggle span {
	width: 100%;
	height: 1.5px;
	background-color: #fff;
	transition: transform .25s
}

.marketing-services .accordion .title .nav-handle .toggle span:first-child {
	transform: translateY(1.5px) rotate(90deg)
}

.marketing-services .accordion.accordion.open .content {
	padding-bottom: 32px
}

@media screen and (min-width:960px) {
	.marketing-services .accordion.accordion.open .content {
		padding-bottom: calc(8.88889vw - 53.33333px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion.accordion.open .content {
		padding-bottom: 64px
	}
}

.marketing-services .accordion.accordion.open .nav-handle .toggle span {
	transition: transform .25s
}

.marketing-services .accordion.accordion.open .nav-handle .toggle span:first-child {
	transform: translateY(1.5px) rotate(0deg)
}

.marketing-services .accordion.single-service {
	padding-top: 100px;
	padding-bottom: 0
}

@media screen and (min-width:960px) {
	.marketing-services .accordion.single-service {
		padding-top: calc(27.77778vw - 166.66667px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion.single-service {
		padding-top: 200px
	}
}

@media screen and (min-width:960px) {
	.marketing-services .accordion.single-service {
		padding-bottom: calc(0vw - 0px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion.single-service {
		padding-bottom: 0
	}
}

.marketing-services .accordion.single-service h1 {
	padding-bottom: 32px
}

@media screen and (min-width:960px) {
	.marketing-services .accordion.single-service h1 {
		padding-bottom: calc(8.88889vw - 53.33333px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion.single-service h1 {
		padding-bottom: 64px
	}
}

.marketing-services .accordion.single-service p {
	max-width: 900px;
	margin-bottom: 16px
}

@media screen and (min-width:960px) {
	.marketing-services .accordion.single-service p {
		margin-bottom: calc(4.44444vw - 26.66667px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion.single-service p {
		margin-bottom: 32px
	}
}

@media screen and (max-width:767px) {
	.marketing-services .accordion .category-header {
		display: flex;
		align-items: center
	}

	.marketing-services .accordion .category-header span {
		width: 8px;
		height: 8px;
		display: inline-block;
		margin-right: 15px
	}
}

.marketing-services .accordion a {
	margin-bottom: 32px
}

@media screen and (min-width:960px) {
	.marketing-services .accordion a {
		margin-bottom: calc(8.88889vw - 53.33333px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion a {
		margin-bottom: 64px
	}
}

.marketing-services .accordion .services {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	grid-gap: 1rem;
	justify-content: space-between
}

@media screen and (max-width:767px) {
	.marketing-services .accordion .services {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 2rem
	}
}

.marketing-services .accordion .services .service-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow: hidden;
	height: -moz-fit-content;
	height: fit-content
}

.marketing-services .accordion .services .service-item .category-container {
	display: flex;
	flex-direction: row;
	align-items: center
}

@media screen and (min-width:768px) {
	.marketing-services .accordion .services .service-item .category-container {
		flex-direction: column;
		align-items: flex-start
	}
}

.marketing-services .accordion .services .service-item .service-number {
	font-size: 12px;
	line-height: 22px;
	color: #ffd739;
	margin: 0;
	padding-right: 15px
}

.marketing-services .accordion .services .service-item .service {
	font-size: 16px;
	line-height: 1.66666;
	margin: 0
}

@media screen and (min-width:960px) {
	.marketing-services .accordion .services .service-item .service {
		font-size: calc(.55556vw + 10.66667px)
	}
}

@media screen and (min-width:1320px) {
	.marketing-services .accordion .services .service-item .service {
		font-size: 18px
	}
}

.marketing-services .accordion .services .service-item .service-item-wrapper {
	transform: translateY(100%);
	transition: transform .27s ease-in
}

.marketing-services .accordion .services .service-item .service-item-wrapper .service-text-sm {
	margin-top: 1rem;
	font-size: 18px
}

.marketing-services .accordion .services .service-item:first-of-type .service-item-wrapper {
	transition-delay: .5s
}

.marketing-services .accordion .services .service-item:nth-of-type(2) .service-item-wrapper {
	transition-delay: .6s
}

.marketing-services .accordion .services .service-item:nth-of-type(3) .service-item-wrapper {
	transition-delay: .7s
}

.marketing-services .accordion .services .service-item:nth-of-type(4) .service-item-wrapper {
	transition-delay: .8s
}

.marketing-services .accordion .services .service-item:nth-of-type(5) .service-item-wrapper {
	transition-delay: .9s
}

.marketing-services .accordion .services .service-item:nth-of-type(6) .service-item-wrapper {
	transition-delay: 1s
}

.marketing-services .accordion .services .service-item:nth-of-type(7) .service-item-wrapper {
	transition-delay: 1.1s
}

.marketing-services .accordion .services .service-item:nth-of-type(8) .service-item-wrapper {
	transition-delay: 1.2s
}

.marketing-services .accordion .services .service-item:nth-of-type(9) .service-item-wrapper {
	transition-delay: 1.3s
}

.marketing-services .accordion .services .service-item:nth-of-type(10) .service-item-wrapper {
	transition-delay: 1.4s
}

.marketing-services .accordion .services.active .service-item-wrapper {
	transform: translateY(0)
}

.marketing-services .accordion .badges {
	margin-top: 3rem;
	display: flex;
	justify-content: space-evenly
}

.marketing-services .accordion .badges .service-item img {
	max-width: 220px
}

.marketing-services .accordion .badges .service-item:first-of-type .service-item-wrapper {
	transition-delay: 1.5s
}

.marketing-services .accordion .badges .service-item:nth-of-type(2) .service-item-wrapper {
	transition-delay: 1.6s
}

.marketing-services .accordion .badges .service-item:nth-of-type(3) .service-item-wrapper {
	transition-delay: 1.7s
}

.marketing-services .accordion .badges .service-item:nth-of-type(4) .service-item-wrapper {
	transition-delay: 1.8s
}

.marketing-services .accordion.active .service-item-wrapper {
	transform: translateY(0)!important
}

.accordion-hover .title,.line-ltr-top .title {
	padding: 28px 0;
	transition: all .27s
}

@media screen and (min-width:768px) {
	.accordion-hover,.line-ltr-top {
		transition: all .27s
	}

	.accordion-hover.tertiary,.line-ltr-top.tertiary {
		opacity: .1
	}

	.accordion-hover.secondary,.line-ltr-top.secondary {
		opacity: .3
	}

	.accordion-hover.primary,.line-ltr-top.primary {
		opacity: 1
	}

	.accordion-hover:not(.single-service):not(.open).primary .title,.line-ltr-top:not(.single-service):not(.open).primary .title {
		padding: 36px 0
	}

	.accordion-hover:not(.single-service):not(.open).secondary .title,.line-ltr-top:not(.single-service):not(.open).secondary .title {
		padding: 30px 0
	}
}

.team-section {
	display: grid;
	justify-content: space-between;
	align-items: baseline;
	grid-template-columns: repeat(auto-fill,47.148%);
	gap: 2.5rem 1rem
}

@media screen and (min-width:640px) {
	.team-section {
		grid-template-columns: repeat(auto-fill,27%)
	}
}

@media screen and (min-width:768px) {
	.team-section {
		grid-template-columns: repeat(auto-fill,20%);
		gap: 4rem 2.5rem
	}
}

@media screen and (min-width:1200px) {
	.team-section {
		grid-template-columns: repeat(auto-fill,17%)
	}
}

.team-section .image-wrapper {
	overflow: hidden
}

.team-section .image-wrapper .headshot {
	width: 100%;
	transition: .27s;
	vertical-align: top
}

.team-section .image-wrapper .headshot:hover {
	transform: scale(1.05);
	filter: hue-rotate(25deg)
}

.team-section .headline-xsmall {
	font-size: 18px;
	margin-top: 1rem
}

@media screen and (min-width:960px) {
	.team-section .headline-xsmall {
		font-size: calc(.55556vw + 12.66667px)
	}
}

@media screen and (min-width:1320px) {
	.team-section .headline-xsmall {
		font-size: 20px
	}
}

.team-section .position {
	line-height: 1.5555555;
	font-size: 16px
}

.project-planner-container form {
	color: #fff
}

.project-planner-container form input,.project-planner-container form textarea {
	all: unset
}

.project-planner-container form textarea {
	resize: vertical;
	min-height: 46px;
	max-height: 150px;
	overflow-wrap: break-word
}

.project-planner-container form input:-webkit-autofill,.project-planner-container form input:-webkit-autofill:active,.project-planner-container form input:-webkit-autofill:focus,.project-planner-container form input:-webkit-autofill:hover {
	box-shadow: inset 0 0 0 30px #000;
	-webkit-box-shadow: 0 0 0 30px #000 inset;
	-webkit-text-fill-color: #fff
}

.project-planner-container form h1 {
	padding-bottom: 32px
}

@media screen and (min-width:960px) {
	.project-planner-container form h1 {
		padding-bottom: calc(8.88889vw - 53.33333px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form h1 {
		padding-bottom: 64px
	}
}

.project-planner-container form .checkbox-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.project-planner-container form .checkbox-list li {
	margin: 0 16px 20px 0;
	min-width: -moz-fit-content;
	min-width: fit-content
}

.project-planner-container form .checkbox-list li input {
	position: absolute;
	opacity: 0
}

.project-planner-container form .checkbox-list li label {
	padding: 8px 24px;
	border: 1px solid #1ee3cf;
	border-radius: 68px;
	cursor: pointer;
	transition: all .27s
}

.project-planner-container form .checkbox-list li input[type=checkbox]:checked+label {
	background-color: #1ee3cf;
	color: #000;
	transition: all .2s
}

.project-planner-container form .text-field-container {
	display: flex;
	flex-direction: column;
	padding-bottom: 32px
}

@media screen and (min-width:960px) {
	.project-planner-container form .text-field-container {
		padding-bottom: calc(8.88889vw - 53.33333px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .text-field-container {
		padding-bottom: 64px
	}
}

.project-planner-container form .text-field-container label {
	font-size: 18px;
	line-height: 1.66666;
	display: flex;
	align-items: center
}

@media screen and (min-width:960px) {
	.project-planner-container form .text-field-container label {
		font-size: calc(2.22222vw - 3.33333px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .text-field-container label {
		font-size: 26px
	}
}

.project-planner-container form .text-field-container label svg {
	position: relative;
	margin-left: 8px;
	top: -8px;
	width: 13px;
	height: 16px
}

@media screen and (min-width:960px) {
	.project-planner-container form .text-field-container label svg {
		top: calc(-.55556vw - 2.66667px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .text-field-container label svg {
		top: -10px
	}
}

@media screen and (min-width:960px) {
	.project-planner-container form .text-field-container label svg {
		width: calc(.83333vw + 5px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .text-field-container label svg {
		width: 16px
	}
}

@media screen and (min-width:960px) {
	.project-planner-container form .text-field-container label svg {
		height: calc(1.11111vw + 5.33333px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .text-field-container label svg {
		height: 20px
	}
}

.project-planner-container form .text-field-container input {
	min-height: 33px;
	background-color: #000;
	border: none;
	border-bottom: 1px solid hsla(0,0%,100%,.5)
}

.project-planner-container form .text-field-container input:-ms-input-placeholder {
	color: #fff
}

.project-planner-container form .text-field-container input::placeholder {
	color: #fff
}

.project-planner-container form .text-field-container textarea {
	background-color: #000;
	border: none;
	border-bottom: 1px solid hsla(0,0%,100%,.5)
}

@media screen and (max-width:767px) {
	.project-planner-container form .text-field-container textarea {
		margin-bottom: 32px
	}
}

.project-planner-container form .slider-container {
	padding-bottom: 64px
}

.project-planner-container form .slider-container #budgetValue {
	font-weight: 300
}

.project-planner-container form .slider-container label {
	font-size: 18px;
	padding-bottom: 32px;
	line-height: 1.66666
}

@media screen and (min-width:960px) {
	.project-planner-container form .slider-container label {
		font-size: calc(2.22222vw - 3.33333px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .slider-container label {
		font-size: 26px
	}
}

@media screen and (min-width:960px) {
	.project-planner-container form .slider-container label {
		padding-bottom: calc(8.88889vw - 53.33333px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .slider-container label {
		padding-bottom: 64px
	}
}

.project-planner-container form .slider-container .labels {
	margin-top: 10px;
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	opacity: .5
}

@media screen and (min-width:960px) {
	.project-planner-container form .slider-container .labels {
		margin-top: calc(8.33333vw - 70px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .slider-container .labels {
		margin-top: 40px
	}
}

.project-planner-container form .slider-container .slider-input {
	padding-top: 10px;
	padding-bottom: 10px
}

@media screen and (min-width:960px) {
	.project-planner-container form .slider-container .slider-input {
		padding-top: calc(8.33333vw - 70px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .slider-container .slider-input {
		padding-top: 40px
	}
}

@media screen and (min-width:960px) {
	.project-planner-container form .slider-container .slider-input {
		padding-bottom: calc(8.33333vw - 70px)
	}
}

@media screen and (min-width:1320px) {
	.project-planner-container form .slider-container .slider-input {
		padding-bottom: 40px
	}
}

.split-fields {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap
}

.split-fields>div {
	width: 100%
}

@media screen and (min-width:768px) {
	.split-fields>div {
		width: 45%
	}
}

.thank-you {
	display: none;
	background-color: #ffd739;
	padding: 32px
}

@media screen and (min-width:960px) {
	.thank-you {
		padding-top: calc(13.88889vw - 101.33333px)
	}
}

@media screen and (min-width:1320px) {
	.thank-you {
		padding-top: 82px
	}
}

@media screen and (min-width:960px) {
	.thank-you {
		padding-bottom: calc(13.88889vw - 101.33333px)
	}
}

@media screen and (min-width:1320px) {
	.thank-you {
		padding-bottom: 82px
	}
}

@media screen and (min-width:960px) {
	.thank-you {
		padding-right: calc(5vw - 16px)
	}
}

@media screen and (min-width:1320px) {
	.thank-you {
		padding-right: 50px
	}
}

@media screen and (min-width:960px) {
	.thank-you {
		padding-left: calc(5vw - 16px)
	}
}

@media screen and (min-width:1320px) {
	.thank-you {
		padding-left: 50px
	}
}

.thank-you h1,.thank-you p {
	margin-bottom: clamp(16px,2%,32px)
}

.thank-you p {
	width: 100%
}

@media screen and (min-width:768px) {
	.thank-you p {
		width: 80%
	}
}

.error-wrapper {
	color: #fff;
	min-height: 100vh
}

.error-wrapper lottie-player {
	margin: auto;
	max-width: 600px
}

.error-wrapper .headline {
	margin-bottom: 1.5rem;
	font-size: 48px
}

@media screen and (min-width:960px) {
	.error-wrapper .headline {
		font-size: calc(11.66667vw - 64px)
	}
}

@media screen and (min-width:1320px) {
	.error-wrapper .headline {
		font-size: 90px
	}
}

.error-wrapper .headline-small-medium {
	margin: 0 1rem;
	max-width: 550px;
	font-size: 22px
}

@media screen and (min-width:960px) {
	.error-wrapper .headline-small-medium {
		font-size: calc(1.11111vw + 11.33333px)
	}
}

@media screen and (min-width:1320px) {
	.error-wrapper .headline-small-medium {
		font-size: 26px
	}
}

.error-wrapper .button-light {
	margin: 1.5rem auto;
	justify-content: center
}

::-webkit-calendar-picker-indicator {
	filter: invert(1);
	cursor: pointer
}

.thank-you-changed {
	padding-bottom: 32px
}

@media screen and (min-width:960px) {
	.thank-you-changed {
		padding-bottom: calc(8.88889vw - 53.33333px)
	}
}

@media screen and (min-width:1320px) {
	.thank-you-changed {
		padding-bottom: 64px
	}
}

.thankYouShow {
	display: none
}

form.register {
	width: 100%;
	max-width: 950px;
	margin: auto;
	padding: 64px 0
}

form.register label {
	display: none
}

form.register fieldset,form.register input {
	all: unset;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap
}

@media screen and (min-width:960px) {
	form.register fieldset,form.register input {
		flex-wrap: no-wrap
	}
}

form.register input:-webkit-autofill,form.register input:-webkit-autofill:active,form.register input:-webkit-autofill:focus,form.register input:-webkit-autofill:hover {
	box-shadow: inset 0 0 0 30px #ffd739;
	-webkit-box-shadow: 0 0 0 30px #ffd739 inset;
	-webkit-text-fill-color: #000
}

form.register .text-fields {
	width: 100%
}

form.register .text-fields .text-field {
	display: flex;
	flex-direction: column
}

form.register .text-fields .text-field:nth-child(2) {
	margin-top: 32px
}

form.register .text-fields .text-field input {
	padding-bottom: 5px;
	border-bottom: 1px solid #000
}

form.register .text-fields .text-field input:-ms-input-placeholder {
	color: #000
}

form.register .text-fields .text-field input::placeholder {
	color: #000
}

form.register .button-dark {
	margin-top: 32px
}

@media screen and (min-width:960px) {
	form.register .text-field:nth-child(2) {
		margin-top: 0
	}
}

.sliding-text-wrapper {
	max-width: 100%;
	overflow: hidden
}

.sliding-text-wrapper .marquee-wrapper {
	width: -moz-fit-content;
	width: fit-content
}

.sliding-text-wrapper .marquee {
	white-space: nowrap;
	display: flex;
	transform: translateX(500px)
}

.sliding-text-wrapper .marquee .marquee-text-1 {
	animation: marquee1 140s linear -60s infinite
}

.sliding-text-wrapper .marquee .marquee-text-2 {
	animation: marquee2 140s linear 10s infinite
}

@keyframes marquee1 {
	0% {
		transform: translate3d(100vw,0,0)
	}

	to {
		transform: translate3d(100vw,0,0) translate3d(-200%,0,0)
	}
}

@keyframes marquee2 {
	0% {
		transform: translate3d(100vw,0,0) translate3d(-100%,0,0)
	}

	to {
		transform: translate3d(100vw,0,0) translate3d(-300%,0,0)
	}
}

.sliding-text-wrapper .marquee div {
	display: flex
}

.sliding-text-wrapper .marquee div h1 {
	display: flex;
	align-items: center;
/*	-webkit-text-fill-color: #ffd739;
	-webkit-text-stroke-width: .075rem;
	-webkit-text-stroke-color: #000*/
	margin: 20px 20px;
}

.sliding-text-wrapper .marquee div h1 svg {
	margin: 0 30px
}