@font-face {
	font-family: 'Beaver Punch';
	src: url('../../../../fonts/BeaverPunch/BeaverPunch.eot');
	src: url('../../../../fonts/BeaverPunch/BeaverPunch.eot?#iefix') format('embedded-opentype'),
		url('../../../../fonts/BeaverPunch/BeaverPunch.woff2') format('woff2'),
		url('../../../../fonts/BeaverPunch/BeaverPunch.woff') format('woff'),
		url('../../../../fonts/BeaverPunch/BeaverPunch.ttf') format('truetype'),
		url('../../../../fonts/BeaverPunch/BeaverPunch.svg#BeaverPunch') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.beaver-punch {
	font-family: 'Beaver Punch';
}

#sep-promo {
	font-size: 16px;
}

#sep-hero {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/hero/back.jpg);
	background-image: -webkit-image-set(url("../images/hero/back.jpg") 1x,
			url("../images/hero/back@2x.jpg") 2x);
}

#sep-hero .button {
	font-size: 1.15em;
	width: 10.5em;
	height: 2.2em;
	border-radius: 1.1em;
	padding: 0;
	margin-top: 1em;
	background-color: #b2071c;
}

/* Layout / containers */
#sep-promo .ah-main {
	left: -14em;
	margin-top: 2em;
	margin-bottom: 5em;
}

#sep-promo .ah-right {
	right: -22em;
	top: 96px;
}

/* Images */
#sep-promo .ah-left {
	bottom: 0;
	left: -30em;
	z-index: 3;
}

#sep-promo .main {
	margin-bottom: -22px;
}

#sep-promo .main-text {
	font-size: 22.5px;
	line-height: 27.5px;
	color: #ffffff;
	text-align: center;
}

#sep-promo .main-text1 {
	font-size: 45px;
	line-height: 50.5px;
	color: #ffffff;
	text-align: center;
	rotate: -4deg;
	top: 24px;
}

#sep-promo .main-text2 {
	margin-bottom: 20px;
	max-width: 426px;
}

#sep-promo .main-text3 {
	max-width: 399px;
}

/* Lottie block */
#sep-promo .dotlottie-animation {
	width: 570px;
}

#sep-promo .animation-poster {
	max-width: 100%;
}

#sep-promo dotlottie-wc {
	aspect-ratio: 1120 / 984;
	max-height: fit-content;
	max-width: 100%;
}


/* Safari Only */
@supports (background: -webkit-named-image(i)) {
	#sep-promo .button {
		padding-top: 2px;
	}
}

@media screen and (max-width: 1350px) {
	#sep-promo .ah-left {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	#sep-hero {
		background-position: left center;
	}

	#sep-promo .ah-main {
		left: unset;
	}

}

@media screen and (max-width: 767px) {
	#sep-hero {
		background-position: top center;
		background-image: url(../images/hero/back-m@2x.jpg);
		background-image: -webkit-image-set(url("../images/hero/back-m.jpg") 1x,
				url("../images/hero/back-m@2x.jpg") 2x);
	}

	#sep-hero .ah-inner {
		flex-direction: column-reverse;
		max-width: 100%;
		width: 100%;
	}

	#sep-hero .ah-main {
		width: 100%;
		margin-top: -5px;
		margin-bottom: 277px;
	}

	#sep-promo .main-text1 {
		font-size: 32.5px;
		line-height: 35px;
		top: 21px;
	}

	#sep-promo .main-text {
		line-height: 29px;
		padding: 0 23px;
		max-width: 100%;
	}

	#sep-promo .ah-right {
		right: unset;
		top: unset;
		width: 100%;
		bottom: -23px;
	}

	#sep-promo .dotlottie-animation {
		width: 325px;
	}

	#sep-promo .main {
		margin-bottom: -28px;
		width: 100%;
	}
}