.page-id-970 .container.gutenberg .page-content {
	padding: 48px;
	max-width: 1440px;
}

.page-id-970 .anim-section {
	border: 2px dashed #888;
	padding: 64px;
	margin-bottom: 48px;
	overflow: hidden;
	border-radius: 25px;
}

.page-id-970 .container.gutenberg .page-content {
	margin-top: 109px;
}

.hf-animate-hide {
	opacity: 0;
}

.animate__animated {
	opacity: 1;
}

.button-white:after, .button-black:after, .link-button-white:after, .link-button-transparent:after, .link-button-black:after, .box-cta:after, .box-cta.light img, .press-release a img, .button-header a:after {
	transition: transform .6s ease-in-out;
	transform: rotate(0);
}

.button-white:hover:after, .button-black:hover:after, .link-button-white:hover:after, .link-button-transparent:hover:after, .link-button-black:hover:after, .box-cta:hover:after, .box-cta.light:hover img, .press-release a:hover img, .button-header a:hover:after {
	transform: rotate(-315deg);
}

.button-white:not(:hover):after, .button-black:not(:hover):after, .link-button-white:not(:hover):after, .link-button-transparent:not(:hover):after, .link-button-black:not(:hover):after, .box-cta:not(:hover):after, .box-cta.light:not(:hover) img, .press-release a:not(:hover) img, .button-header a:not(:hover):after {
	transform: rotate(0);
}

.text-gradient.gradient.animate__animated {
	width: 68px;
}

hr.expect_animation {
	background-color: #888;
	height: 5px;
	margin: 64px 0;
}

hr.hf-hr-short {
	opacity: 1;
	width: 3%;
	transition: width 1s ease-in-out;
}

hr.animate_widen {
	width: 100%;
}

.hf-box {
	width: 300px;
	padding: 32px;
	margin: 0;
	background-color: #ccc;
	justify-content: center;
	font-size: 24px;
}

.animate__animated.duration_400 {
	animation-duration: .4s;
}

.animate__animated.duration_500 {
	animation-duration: .5s;
}

.animate__animated.duration_1 {
	animation-duration: 1s;
}

.animate__animated.duration_2 {
	animation-duration: 2s;
}

.animate__animated.duration_3 {
	animation-duration: 3s;
}

.animate__animated.duration_4 {
	animation-duration: 4s;
}

.hf-hide-overflow {
	overflow: hidden;
}

@keyframes shift-gradient {
	0% {
		background-size: 100% 100%;
	}
	
	50% {
		background-size: 500% 500%;
	}
	
	100% {
		background-size: 100% 100%;
	}
}

.animate-gradient {
	background-size: 100% 100%;
	animation: 3s ease-in-out forwards shift-gradient;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

@media screen and (min-width: 500px) {
	.animate__animated.delay_0 {}
	
	.delay_100 {
		-webkit-animation-delay: .1s !important;
		animation-delay: .1s !important;
	}
	
	.delay_200 {
		-webkit-animation-delay: .2s !important;
		animation-delay: .2s !important;
	}
	
	.delay_300 {
		-webkit-animation-delay: .3s !important;
		animation-delay: .3s !important;
	}
	
	.delay_400 {
		-webkit-animation-delay: .4s !important;
		animation-delay: .4s !important;
	}
	
	.delay_500 {
		-webkit-animation-delay: .5s !important;
		animation-delay: .5s !important;
	}
	
	.delay_600 {
		-webkit-animation-delay: .6s !important;
		animation-delay: .6s !important;
	}
	
	.delay_700 {
		-webkit-animation-delay: .7s !important;
		animation-delay: .7s !important;
	}
	
	.delay_800 {
		-webkit-animation-delay: .8s !important;
		animation-delay: .8s !important;
	}
	
	.delay_900 {
		-webkit-animation-delay: .9s !important;
		animation-delay: .9s !important;
	}
	
	.delay_1000 {
		-webkit-animation-delay: 1s !important;
		animation-delay: 1s !important;
	}
	
	.delay_1100 {
		-webkit-animation-delay: 1.1s !important;
		animation-delay: 1.1s !important;
	}
	
	.delay_1200 {
		-webkit-animation-delay: 1.2s !important;
		animation-delay: 1.2s !important;
	}
	
	.delay_1300 {
		-webkit-animation-delay: 1.3s !important;
		animation-delay: 1.3s !important;
	}
	
	.delay_1400 {
		-webkit-animation-delay: 1.4s !important;
		animation-delay: 1.4s !important;
	}
	
	.delay_1500 {
		-webkit-animation-delay: 1.5s !important;
		animation-delay: 1.5s !important;
	}
	
	.delay_1600 {
		-webkit-animation-delay: 1.6s !important;
		animation-delay: 1.6s !important;
	}
	
	.delay_1700 {
		-webkit-animation-delay: 1.7s !important;
		animation-delay: 1.7s !important;
	}
	
	.delay_1800 {
		-webkit-animation-delay: 1.8s !important;
		animation-delay: 1.8s !important;
	}
	
	.delay_1900 {
		-webkit-animation-delay: 1.9s !important;
		animation-delay: 1.9s !important;
	}
	
	.delay_2000 {
		-webkit-animation-delay: 2s !important;
		animation-delay: 2s !important;
	}
	
	.delay_2100 {
		-webkit-animation-delay: 2.1s !important;
		animation-delay: 2.1s !important;
	}
	
	.delay_2200 {
		-webkit-animation-delay: 2.2s !important;
		animation-delay: 2.2s !important;
	}
	
	.delay_2300 {
		-webkit-animation-delay: 2.3s !important;
		animation-delay: 2.3s !important;
	}
	
	.delay_2400 {
		-webkit-animation-delay: 2.4s !important;
		animation-delay: 2.4s !important;
	}
	
	.delay_2500 {
		-webkit-animation-delay: 2.5s !important;
		animation-delay: 2.5s !important;
	}
	
	.delay_3000 {
		-webkit-animation-delay: 3s !important;
		animation-delay: 3s !important;
	}
	
	.delay_3500 {
		-webkit-animation-delay: 3.5s !important;
		animation-delay: 3.5s !important;
	}
	
	.delay_4000 {
		-webkit-animation-delay: 4s !important;
		animation-delay: 4s !important;
	}
}

.parallax-container {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.parallax-car, .hf-anim-parallax-frame {
	overflow: hidden;
	width: 400px;
	height: 400px;
	border-radius: 32px;
	transition: transform .1s linear;
}

.parallax-car img, .hf-anim-parallax-frame img {
	width: 100%;
	height: 150%;
	object-fit: cover;
}

.hf-textl-imager-wrapper .col-right img {
	border-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.hf-animated-line {
	height: 4px;
}

.hf-animated-line {
	justify-content: center !important;
}

.hf-animated-line .line {
	transition: width 1s ease-in-out;
	width: 5% !important;
}

.hf-animated-line.animate__animated .line {
	width: 100% !important;
}

@keyframes fadeInLeft_short {
	from {
		opacity: 0;
		transform: translate3d(-5%, 0, 0);
	}
	
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeInLeft_short {
	animation: .5s ease-out forwards fadeInLeft_short;
}

.fadeInLeft_short.long_duration {
	animation: 1.5s ease-out forwards fadeInLeft_short;
}

@keyframes fadeInRight_short {
	from {
		opacity: 0;
		transform: translate3d(80%, 0, 0);
	}
	
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeInRight_short {
	animation: .5s ease-out forwards fadeInRight_short;
}

@keyframes marginFadeUp {
	from {
		opacity: 1;
		margin-top: 0;
	}
	
	to {
		opacity: 1;
		margin-top: -90px;
	}
}

.marginFadeUp {
	animation: 1s ease-out forwards marginFadeUp;
}

@keyframes fadeInUp_short {
	from {
		opacity: 0;
		transform: translate3d(0, 80px, 0);
	}
	
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUp_short {
	animation-name: fadeInUp_short;
}

@keyframes fadeInLeft_icon {
	0% {
		opacity: 0;
		transform: translate3d(-5%, 0, 0);
	}
	
	50% {
		transform: translate3d(0, 0, 0);
	}
	
	100% {
		opacity: 1;
	}
}

.fadeInLeft_icon {
	opacity: 0;
	animation: 1s ease-out forwards fadeInLeft_icon;
}

@keyframes growFadeMask {
	from {
		-webkit-mask-size: 100% 0%;
		mask-size: 100% 0%;
	}
	
	to {
		-webkit-mask-size: 100% 300%;
		mask-size: 100% 300%;
	}
}

.hf-gradient-reveal {
	-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000 100%);
	mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000 100%);
	-webkit-mask-size: 100% 0%;
	mask-size: 100% 0%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	animation: 1.5s ease-in forwards growFadeMask;
}

@keyframes revealArrowLeftToRight {
	from {
		clip-path: inset(0 100% 0 0);
	}
	
	to {
		clip-path: inset(0);
	}
}

@keyframes revealArrowTopToBottom {
	from {
		clip-path: inset(0 0 100%);
	}
	
	to {
		clip-path: inset(0);
	}
}

.hf-reveal_arrow {
	clip-path: inset(0 100% 0 0);
	animation: 1.5s ease-out forwards revealArrowLeftToRight;
}

@media screen and (max-width: 990px) {
	.hf-reveal_arrow {
		clip-path: inset(0 0 100%);
		animation: 1.5s ease-out forwards revealArrowTopToBottom;
	}
}

@keyframes moveUp {
	from {
		transform: translateY(0);
	}
	
	to {
		transform: translateY(-56px);
	}
}

.parallax-image-up img, .hf-anim-parallax-image-up img {
	animation: 2s ease-in-out forwards moveUp;
}

@keyframes bounceInUp_short {
	from, 60%, 75%, 90%, to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	}
	
	from {
		opacity: 0;
		transform: translate3d(0, 500px, 0) scaleY(1.1);
	}
	
	60% {
		opacity: 1;
		transform: translate3d(0, -5px, 0) scaleY(.98);
	}
	
	75% {
		transform: translate3d(0, 3px, 0) scaleY(.99);
	}
	
	90% {
		transform: translate3d(0, -2px, 0) scaleY(.995);
	}
	
	to {
		transform: translate3d(0, 0, 0);
	}
}

.bounceInUp_short {
	animation-name: bounceInUp_short;
}

@keyframes bounceInUp_supershort {
	from, 60%, 75%, 90%, to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	}
	
	from {
		opacity: 0;
		transform: translate3d(0, 90px, 0) scaleY(1.1);
	}
	
	60% {
		opacity: 1;
		transform: translate3d(0, -5px, 0) scaleY(.98);
	}
	
	75% {
		transform: translate3d(0, 3px, 0) scaleY(.99);
	}
	
	90% {
		transform: translate3d(0, -2px, 0) scaleY(.995);
	}
	
	to {
		transform: translate3d(0, 0, 0);
	}
}

.bounceInUp_supershort {
	animation: .5s linear forwards bounceInUp_supershort;
}