.btx-page-hero-inner {
	position: relative;
	z-index: 2;
}
.head-bg {
	--transition-height: 2000px;
	background: #2c2a28;
	z-index: 1;
}
.head-bg:after {
	content: ' ';
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}
.head-bg__wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: opacity 0.3s;
	opacity: 0;
}
@media (max-width: 767px) {
	.head-bg__wrap {
		transform: scale(0.6);
	}
}
.head-bg--loaded .head-bg__wrap {
	opacity: 1;
}
.head-bg__image {
	position: absolute;
	transform: translate(-50%,-50%);
}
.head-bg__image--type-logo {
	width: 100px;
	left: calc(50vw);
	z-index: 4;
	top: calc(50% + 180px);
}
.head-bg__image__in {
	animation-name: head-bg__image;
	animation-duration: 100s;
	animation-delay: 0s;
	animation-play-state: paused;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.head-bg__image--type-logo .head-bg__image__in {
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(.59,.72,.84,1);
	animation-duration: 25s;
	animation-delay: -1s;
	animation-name: head-bg__image--type-logo;
}
.head-bg--loaded .head-bg__image__in {
	animation-play-state: running;
}
@keyframes head-bg__image--type-logo {
	0% { transform: translateY(var(--transition-height))}
	100% { transform: translateY(0)}
}
@keyframes head-bg__image {
	0% { transform: translateY(var(--transition-height))}
	100% { transform: translateY(calc(-1*var(--transition-height)))}
}
.head-bg__image--speed-2 .head-bg__image__in {
	animation-name: head-bg__image--speed-2;
}
@keyframes head-bg__image--speed-2 {
	0% { transform: translateY(var(--transition-height))}
	5% { transform: translateY(var(--transition-height))}
	95% { transform: translateY(calc(-1*var(--transition-height)))}
	100% { transform: translateY(calc(-1*var(--transition-height)))}
}
.head-bg__image--speed-3 .head-bg__image__in {
	animation-name: head-bg__image--speed-3;
}
@keyframes head-bg__image--speed-3 {
	0% { transform: translateY(var(--transition-height))}
	10% { transform: translateY(var(--transition-height))}
	90% { transform: translateY(calc(-1*var(--transition-height)))}
	100% { transform: translateY(calc(-1*var(--transition-height)))}
}
.head-bg__image--speed-4 .head-bg__image__in {
	animation-name: head-bg__image--speed-4;
}
@keyframes head-bg__image--speed-4 {
	0% { transform: translateY(var(--transition-height))}
	15% { transform: translateY(var(--transition-height))}
	85% { transform: translateY(calc(-1*var(--transition-height)))}
	100% { transform: translateY(calc(-1*var(--transition-height)))}
}
.head-bg__image img {
	display: block;
	width: 100% !important;
	height: auto !important;
}
.head-bg__image--angled img {
	transform: rotate(45deg);
}
.head-bg__image--minus-angled img {
	transform: rotate(-45deg);
}
.head-bg__image--shadow img {
	box-shadow: rgba(0,0,0, 0.8) 15px -15px 20px -10px;
}
.head-bg__image--type-logo img {
	box-shadow: none;
}