.kmf-hero-image {
	position: relative;
	width: 100%;
}

.kmf-hero-image.heart-left {
	padding-left: 10%;
}

.kmf-hero-image.heart-right {
	padding-right: 10%;
	padding-bottom: 15%;
}

.kmf-hero-image.offset {
	padding-left: 0;
	padding-bottom: 6%;
}

.kmf-hero-image.offset.heart-left {
	padding-left: 5%;
}

.kmf-hero-image.offset.heart-right {
	padding: 0 5% 13% 0;
}

.kmf-hero-image.angled {
	padding: 7% 5% 6% 5%;
}

.kmf-hero-image.angled.heart-left {
	padding: 5% 5% 8% 12%;
}

.kmf-hero-image.angled.heart-right {
	padding: 7% 12% 9% 5%;
}

.kmf-hero-image .kmf-hero-image-OffsetContainer {
	display: none;
}

.kmf-hero-image.angled .kmf-hero-image-OffsetContainer,
.kmf-hero-image.offset .kmf-hero-image-OffsetContainer {
	display: block;
}

.kmf-hero-image-Container,
.kmf-hero-image-OffsetContainer {
	position: relative;
	background-color: transparent;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	padding: 115% 0 0 0;
	margin: 0 0 0 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	-webkit-mask-size: 100% 100%;
	-webkit-mask-clip: border;
	-webkit-mask-image: url(shape-mask.svg);
	mask-size: 100% 100%;
	mask-clip: border-box;
	mask-image: url(shape-mask.svg);
}

.kmf-hero-image.offset .kmf-hero-image-Container,
.kmf-hero-image.offset .kmf-hero-image-OffsetContainer {
	width: 93%;
	padding-top: 107%;
}

.kmf-hero-image.offset .kmf-hero-image-Container {
	margin-left: 7%;
}

.kmf-hero-image-OffsetContainer {
	position: absolute;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../../images/design_elements/cube-pattern-sky-blue.svg);
	z-index: -1;
}

.kmf-hero-image-background {
	position: absolute;
	margin: auto;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	line-height: 0;
	z-index: -1;
}

.kmf-hero-image.offset .kmf-hero-image-OffsetContainer {
	top: 5%;
}

.kmf-hero-image.offset.heart-left  .kmf-hero-image-OffsetContainer {
	width: 88%;
	left: 5%;
	top: 2%;
}

.kmf-hero-image.offset.heart-right  .kmf-hero-image-OffsetContainer {
	width: 85%;
	right: 9%;
	top: 2%;
}

.kmf-hero-image.angled .kmf-hero-image-OffsetContainer {
	-webkit-mask-image: url(shape-mask-offset.svg);
	mask-image: url(shape-mask-offset.svg);
	width: 100%;
	top: 0;
}

.kmf-hero-image.angled.heart-left .kmf-hero-image-OffsetContainer,
.kmf-hero-image.angled.heart-right .kmf-hero-image-OffsetContainer {
	width: 93%;
	left: 1%;
	padding: 109% 0 0 0;
}

.kmf-hero-image.angled.heart-left .kmf-hero-image-OffsetContainer {
	left: 7%;
}

.kmf-hero-image.angled.heart-right .kmf-hero-image-OffsetContainer {
	left: -7%;
}

.kmf-hero-image .play-button {
	position: absolute !important;
	display: block;
	top: 39%;
	left: 39%;
	width: 22%;
	height: auto;
	cursor: pointer;
}

.kmf-hero-image.heart-left .play-button {
	left: 43%;
}

.kmf-hero-image.heart-right .play-button {
	left: 32%;
	top: 34%;
}

.kmf-hero-image.offset .play-button {
	top: 36%;
	left: 41%;
}

.kmf-hero-image.offset.heart-left .play-button {
	left: 43%;
}

.kmf-hero-image.offset.heart-right .play-button {
	left: 38%;
	top: 33%;
}

.kmf-hero-image.angled .play-button {
	top: 37%;
	left: 37%;
}

.kmf-hero-image.angled.heart-left .play-button {
	top: 41%;
	left: 41%;
}

.kmf-hero-image.angled.heart-right .play-button {
	top: 39%;
	left: 34%;
}

.kmf-hero-image .hero-image-heart {
	position: absolute !important;
	background-image: url(../../images/design_elements/heart-gradient.svg);
	background-color: transparent;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	top: 69%;
	left: 0;
	width: 33%;
	height: 27%;
}

.kmf-hero-image.heart-right .hero-image-heart,
.kmf-hero-image.offset.heart-right .hero-image-heart,
.kmf-hero-image.angled.heart-right .hero-image-heart {
	left: unset;
	right: 0;
}

.kmf-hero-image.offset .hero-image-heart {
	top: 68%;
}

.kmf-hero-image.offset.heart-right  .hero-image-heart {
	top: 73%;
}

.kmf-hero-image.angled .hero-image-heart {
	top: 60%;
}

.kmf-hero-image.angled.heart-right .hero-image-heart {
	top: 74%;
}