.hss-v2 {
	font-family:'Embedded-DINWebPro-Bold', sans-serif;
	position: relative;
	overflow: hidden;
	max-width: 100%;
}

.site-business .hss-v2 {
	font-family: 'Embedded-DINWebPro', sans-serif;
	font-weight: bold;
}

.hss-v2__title {
	font-family: 'Embedded-DINWebPro-Black', sans-serif;
	color: inherit;
	font-size: 50px;
	line-height: 1.1;
	text-transform: uppercase;
	margin: 10px 0 0; /* space on top for "Å" character */
}

.site-business .hss-v2__title {
	font-family: 'Embedded-DINWebPro', sans-serif;
}

.hss-v2__title .highlight {
	display: block;
	letter-spacing: 4px;
	font-size: 150px;
	line-height: 0.933;
	margin-top: 50px; /* space on top for "Å" character */
}

.hss-v2--color-text_white { color: white; }
.hss-v2--color-text_black { color: black; }
.hss-v2--color-text_red { color: #ED3426; }
.hss-v2--color-text_gray { color: #505050; }
.hss-v2--color-text_ltgray { color: #9c9c9c; }

.site-business .hss-v2--color-text_red { color: #f00; }

.hss-v2--has-text-shadow {
	text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}

.hss-v2__subtitle {
	margin-top: 9px;
	font-size: 14px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-family: 'Embedded-DINWebPro', sans-serif;
}

.hss-v2__description {
	margin-top: 1.9em;
	font-size: 20px;
	line-height: 1.5;
	font-family: 'Embedded-DINWebPro-Bold', sans-serif;
}

.site-business .hss-v2__description {
	font-family: 'Embedded-DINWebPro', sans-serif;
	font-weight: bold;
}


@media (max-width: 640px) {
	.hss-v2__title {
		font-size: 24px;
	}

	.hss-v2__title .highlight {
		font-size: 60px;
	}

	.hss-v2__subtitle {
		font-size: 14px;
	}

	.hss-v2__description {
		font-size: 14px;
	}
}

.hss-v2__cta-container {
	margin: 16px 0;
}

.hss-v2__asset-wrapper {
	padding-top: 55px;
	position: relative;
}

/* on the biz site, avoid excess whitespace between the page menu and the slideshow, ugly but functional, with no better way */
.contentRender_name_plugins_collections_template_custom_page_menu + .contentRender_name_plugins_collections_template_custom_header_slideshow_v2 [class*=hss-v2--asset-full] .hss-v2__asset-wrapper,
.contentRender_name_plugins_collections_template_custom_page_menu + .contentRender_name_plugins_collections_template_custom_header_slideshow_v2 [class*=hss-v2--title-below] .hss-v2__asset-wrapper,
.contentRender_name_plugins_collections_template_custom_page_menu + .contentRender_name_plugins_collections_template_custom_header_slideshow_v2 [class*=hss-v2--title-overlayed] .hss-v2__asset-wrapper {
	padding-top: 0;
}

.hss-v2__asset-wrapper--mobile {
	display: none;
}

[class*="hss-v2 hss-v2--title-above"] .hss-v2__asset-wrapper {
	padding-top: 0;
}

.hss-v2--title-hidden .hss-v2__text-wrapper,
[class*="hss-v2--title-overlayed"] .hss-v2__text-wrapper {
	position: absolute;
	padding: inherit;
	width: 100%;
	transition: opacity 250ms cubic-bezier(0.335, 0.010, 0.030, 1.360); /* for videoMode */
}

.hss-v2--title-hidden .hss-v2__text-wrapper-inner,
[class*="hss-v2--title-overlayed"] .hss-v2__text-wrapper-inner {
	max-width: 1236px; /* should match foundation grid*/
	padding: 0 18px;
	margin: 0 auto;
}

[class*="hss-v2 hss-v2--title-above"] .hss-v2__text-wrapper.hss-v2__text-wrapper {
	margin-bottom: 1em;
}

/* title-hidden works like overlayed-bottom-left, with the main title hidden */

.hss-v2--title-overlayed-bottom-left .hss-v2__text-wrapper,
.hss-v2--title-hidden .hss-v2__text-wrapper {
	bottom: 80px;
	left: 0;
}

.hss-v2--title-overlayed-bottom-right .hss-v2__text-wrapper {
	bottom: 80px;
	right: 0;
}

.hss-v2--title-overlayed-bottom-right .hss-v2__text-wrapper-inner {
	text-align: right;
}

.hss-v2--title-overlayed-center .hss-v2__text-wrapper {
	text-align: center;
	margin-left: 50%;
	top: calc(50% + 6rem); /* optically center - this isn't perfect */
	transform: translate(-50%, -50%);
	padding-top: 0;
	padding-bottom: 0;
}

.hss-v2--title-overlayed-middle-left  .hss-v2__text-wrapper {
	text-align: left;
	top: calc(50% + 6rem); /* optically center - this isn't perfect */
	transform: translateY(-50%);
	padding-top: 0;
	padding-bottom: 0;
}


[class*="hss-v2--title-overlayed-bottom-"] .hss-v2__bg-video-controls {
	display: inline-block;
	vertical-align: text-bottom;
	margin-left: 16px;
}

.hss-v2--title-above-left,
.hss-v2--title-above-center {
	padding-top: 4rem; /* must clear the logo */
	display: flex;
	flex-direction: column-reverse;
}

.hss-v2--title-above-left .hss-v2__text-wrapper,
.hss-v2--title-above-center .hss-v2__text-wrapper,
.hss-v2--title-below-left .hss-v2__text-wrapper,
.hss-v2--title-below-center .hss-v2__text-wrapper {
	width: 100%;
	max-width: 1236px; /* should match foundation grid*/
	padding: 0 18px; /* left/right should match foundation grid*/
	margin: 0 auto;
}

.hss-v2--title-above-left:not(.hss-v2--asset-hide) .hss-v2__text-wrapper,
.hss-v2--title-above-center:not(.hss-v2--asset-hide) .hss-v2__text-wrapper {
	padding-top: 55px;
}

.hss-v2--title-above-center .hss-v2__text-wrapper,
.hss-v2--title-below-center .hss-v2__text-wrapper {
	text-align: center;
}

.hss-v2--title-above-left .hss-v2__text-wrapper,
.hss-v2--title-below-left .hss-v2__text-wrapper {
	padding-left: 18px;
	padding-right: 18px;
}

[class*="hss-v2--title-left"] {
	display: flex;
	flex-direction: row-reverse;
}

[class*="hss-v2--title-left"] .hss-v2__asset-wrapper,
[class*="hss-v2--title-left"] .hss-v2__text-wrapper {
	width: 50%;
	padding-right: 36px;
}

[class*="hss-v2--title-above"] .hss-v2__text-wrapper-inner {
	max-width: 44rem;
}

.hss-v2--title-above-center .hss-v2__text-wrapper-inner {
	margin-left: auto;
	margin-right: auto;
}

[class*="hss-v2--title-left"] .hss-v2__text-wrapper {
	align-self: center;
}

[class*="hss-v2--title-left"] .hss-v2__text-wrapper-inner {
	max-width: 600px;
	margin-left: auto;
	text-align: center;
}

.hss-v2--title-left-left .hss-v2__text-wrapper-inner {
	text-align: left;
}

.hss-v2--asset-fill-viewport[class*="hss-v2--title-left"] .hss-v2__text-wrapper-inner {
	max-width: 100%;
}

.hss-v2--asset-fill-viewport[class*="hss-v2--title-left"] .hss-v2__asset-wrapper,
.hss-v2--asset-fill-viewport[class*="hss-v2--title-left"] .hss-v2__text-wrapper {
	padding: 0 18px;
}

.hss-v2__graphic {
	display: inline-block;
	float: left;
	margin: 0 18px 18px 0;
}


[class*="hss-v2--title-left"] .hss-v2__video-control {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

[class*="hss-v2--title-left"] .hss-v2__popup-video-play-button {
	left: auto;
	right: 23%; /* TODO: clean this up */
	bottom: 40%;
}

[class*="hss-v2--title-left"] .hss-v2__background-video-mute-button {
	transform: translateX(-150%);
}

/* asset-fill style - asset covers entire viewport */
.hss-v2--asset-fill-viewport,
.hss-v2--asset-fill-viewport .hss-v2__asset-wrapper {
	width: 100vw;
	height: 100vh;
}

.hss-v2--asset-fill-viewport[class*="hss-v2--title-left"] .hss-v2__asset-wrapper {
	width: 50%;
}

.hss-v2--asset-fill-viewport {
	height: auto;
}

.hss-v2--asset-fill-viewport .credits-container {
	bottom: 0;
}

.hss-v2--asset-full-width,
.hss-v2--asset-full-width .hss-v2__asset-wrapper {
	width: 100vw;
	height: auto;
	padding-top: 0;
}

.hss-v2--asset-controlled-width-height .hss-v2__asset,
.hss-v2--asset-controlled-width .hss-v2__asset,
.hss-v2--asset-full-width .hss-v2__asset {
	height: auto;
	position: static;
}

.hss-v2--asset-controlled-width-height .hss-v2__background-video,
.hss-v2--asset-full-width .hss-v2__background-video,
.hss-v2--asset-controlled-width .hss-v2__background-video {
	position: absolute;
	/* top: 55px; */
}
.hss-v2--asset-full-width .hss-v2__background-video {
	/* top: 0; */
}

.hss-v2--asset-controlled-width-height .hss-v2__asset {
	/* TODO: set height with cloudinary! */
	height: 627px;
}

.hss-v2--asset-controlled-width,
.hss-v2--asset-controlled-width .hss-v2__asset-wrapper,
.hss-v2--asset-controlled-width-height,
.hss-v2--asset-controlled-width-height .hss-v2__asset-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	min-height: 320px; /* TODO: delete this -- it will be dictated by the image/video size */
}

.hss-v2--asset-controlled-width,
.hss-v2--asset-controlled-width-height {
	max-width: 1236px; /* should match foundation grid*/
	padding: 0 18px; /* left/right should match foundation grid*/
}

.hss-v2--asset-controlled-width .hss-v2__asset-wrapper,
.hss-v2--asset-controlled-width-height .hss-v2__asset-wrapper {
	padding-top: 0;
}

.hss-v2__asset {
	/* video/image/iframe element should completely cover its container in most cases */
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.hss-v2__background-video {
	display: none;
}

@media (min-width: 1025px) {
	.hss-v2__background-video {
		display: block;
	}
}

.hss-v2--title-overlayed-bottom-left .hss-v2__title,
.hss-v2--title-overlayed-bottom-right .hss-v2__title {
	display: inline-block;
}

[class^=hss-v2--title-above-] .hss-v2__title {
	max-width: ;
}

.hss-v2__video-control {
	background-image: url("/includes/client_public/header-slideshow/icon-play-pause.png");
	background-position: right center;
	display: inline-block;
	margin: 6px 7px 0;
	padding: 0;
	width: 34px;
	height: 34px;
	font-size: 0;
	text-indent: -9999px;
	border-radius: 50%;
	background-repeat: no-repeat;
	vertical-align: top;
	cursor: pointer;
	background-color: rgba(125,125,125,0.4);
	transition: background-color 100ms linear;
	border: none;
}

.hss-v2__video-control:hover,
.hss-v2__video-control:active,
.hss-v2__video-control:focus {
	background-color: rgba(125,125,125,0.3);
}

.is-playing .hss-v2__background-video-play-button {
	background-position: left center;
}

.hss-v2__background-video-mute-button {
	background-image: url("/includes/client_public/header-slideshow/icon-mute-unmute.png");
	background-position: right center;
}

.is-muted .hss-v2__background-video-mute-button {
	background-position: left center;
}

.hss-v2__popup-video-play-button {
	display: none;
	background-image: url("/includes/client_public/header-slideshow/icon-play-pause.png");
	background-position: right center;
}

.hss-v2--has-popup-video .hss-v2__popup-video-play-button {
	display: inline;
}

/*
.hss-v2--title-overlayed-center .hss-v2__video-control {
	position: absolute;
	top: -54px;
}

.hss-v2--title-overlayed-center .hss-v2__popup-video-play-button {
	left: calc(50% - 17px);
}

.hss-v2--title-overlayed-center .hss-v2__background-video-play-button {
	transform: translateX(28px);
}

.hss-v2--title-overlayed-center .hss-v2__background-video-mute-button {
	transform: translateX(-28px);
}
*/

.hss-v2--title-above-center .hss-v2__bg-video-controls {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
}

/* .hss-v2--title-above-center .hss-v2__background-video-play-button,
.hss-v2--title-above-center .hss-v2__background-video-mute-button {
	position: absolute;
	left: 38px;
	margin-top: 70px;
}

.hss-v2--title-above-center .hss-v2__background-video-play-button {
	transform: translateX(150%);
} */





[class*="hss-v2 hss-v2--title-below"] .hss-v2__bg-video-controls {
	position: absolute;
	width: 100%;
	top: -100px;
	text-align: left;
}

.hss-v2--asset-hide .hss-v2__asset-wrapper {
	display: none;
}

.hss-v2--asset-controlled-width[class*="hss-v2 hss-v2--title-below"] .credits-container {
	/*TODO: position credits text for this case*/
	/*display: none; */
	bottom: 0;
	right: 0;
	top: auto;
}

.hss-v2--asset-controlled-width-height[class*="hss-v2 hss-v2--title-below"] {
	display: flex;
	flex-direction: column;
}

.hss-v2--asset-controlled-width-height[class*="hss-v2 hss-v2--title-below"] .hss-v2__asset-wrapper {
	order: 1;
}

.hss-v2--asset-controlled-width-height[class*="hss-v2 hss-v2--title-below"] .hss-v2__text-wrapper {
	order: 3;
}



/*[class*="hss-v2 hss-v2--title-below"] .shareButtons {
	position: absolute;
	top: calc(100vh - 16px);
}*/

[class*="hss-v2 hss-v2--title-below"] .hss-v2__text-wrapper {
	margin-top: 24px;
	/* margin-bottom: 24px; */
	position: relative; /* for absolute positioning of video controls */
}

.hss-v2--title-hidden .hss-v2__title {
	display: none;
}

@media (max-width: 980px) {
	.hss-v2--asset-hide .hss-v2__text-wrapper {
		margin-top: 55px;
	}
}


@media (max-width: 1024px) {
	/* background video is a popup video at 1024 and below */
	.hss-v2--has-background-video .hss-v2__popup-video-play-button {
		display: inline-block;
	}

	.hss-v2__background-video-play-button,
	.hss-v2__background-video-mute-button {
		display: none;
	}

	/* T392498 */
	[class*="hss-v2--title-left"] {
		display: block;
	}
	.hss-v2__asset-wrapper {
		padding-top:0;
	}
	[class*="hss-v2--title-left"] .hss-v2__asset-wrapper,
	[class*="hss-v2--title-left"] .hss-v2__text-wrapper {
		width: 100%;
		padding-right: 0;
	}
	[class*="hss-v2--title-left"] .hss-v2__text-wrapper-inner {
		max-width: none;
	}
	[class*="hss-v2--title-left"] .hss-v2__text-wrapper .hss-v2__title {
		font-size: 30px;
	}
}

.hss-v2__button-link,
.hss-v2__button-link:hover {
	display: inline-block;
	font-size: 17px;
	line-height: 16px;
	padding: 13px 10px 11px;
	border: 2px solid #ed3426;
	color: #ed3426;
}


.is-watching-video [class*="hss-v2--title-overlayed"] .hss-v2__text-wrapper {
	opacity: 0;
}

.site-business .hss-v2__button-link,
.site-business .hss-v2__button-link:hover {
	border: 1px solid #f00;
	color: #24242c;
	border-radius: 10px;
	text-decoration: none;
}


@media (max-width: 640px) {

	.hss-v2--title-above-left .hss-v2__text-wrapper,
	.hss-v2--title-above-center .hss-v2__text-wrapper {
		padding-top: 25px;
	}

	.hss-v2--asset-fill-viewport[class*=hss-v2--title-overlayed],
	.hss-v2--asset-fill-viewport[class*=hss-v2--title-below] {
		/* Commenting this out as it may not be necessary any more -
		-  causing extra white space problems */
		/* padding-top: 45px; */
	}

	/* quick general fix for addthis share buttons on mobile*/
	.contentRender_name_plugins_collections_template_custom_header_slideshow_v2 + .contentRender_name_plugins_addthis_addthis .shareButtons {
		padding-left: 18px;
	}

	.hss-v2 .credits-container {
		bottom: 0;
	}

	/* mobile asset size overrides */

	.hss-v2__asset-wrapper {
		display: none;
	}
	.hss-v2__asset-wrapper.hss-v2__asset-wrapper--mobile {
		display: block;
	}

	[class*=hss-v2--mobile-title-overlayed],
	[class*=hss-v2--mobile-title-below] {
		/* Commenting this out as it may not be necessary any more -
		-  causing extra white space problems */
		/* padding-top: 45px; */
	}

	[class*=hss-v2--title-below] .hss-v2__asset-wrapper.hss-v2__asset-wrapper--mobile,
	[class*=hss-v2--title-overlayed] .hss-v2__asset-wrapper.hss-v2__asset-wrapper--mobile,
	[class*=hss-v2--mobile-title-below] .hss-v2__asset-wrapper.hss-v2__asset-wrapper--mobile,
	[class*=hss-v2--mobile-title-overlayed] .hss-v2__asset-wrapper.hss-v2__asset-wrapper--mobile {
		margin-top: 0;
	}


	.hss-v2--asset-fill-viewport .hss-v2__asset-wrapper--mobile {
		height: calc(100vh - 45px);
	}

	.hss-v2--asset-hide .hss-v2__asset-wrapper--mobile,
	.hss-v2--asset-hide-mobile .hss-v2__asset-wrapper--mobile {
		display: none;
	}

	.hss-v2--asset-fill-viewport-mobile .hss-v2__asset-wrapper--mobile,
	.hss-v2--asset-full-width-mobile .hss-v2__asset-wrapper--mobile,
	.hss-v2--asset-full-width-square-mobile .hss-v2__asset-wrapper--mobile {
		display: block;
	}


	/* asset-fill style - asset covers entire viewport */

	.hss-v2--asset-fill-viewport-mobile,
	.hss-v2--asset-fill-viewport-mobile .hss-v2__asset-wrapper--mobile {
		width: 100vw;
		height: calc(100vh - 45px);
	}

	.hss-v2--asset-fill-viewport-mobile[class*="hss-v2--title-left"] .hss-v2__asset-wrapper--mobile {
		width: 50%;
	}

	.hss-v2--asset-fill-viewport-mobile {
		height: auto;
	}


	/* asset-full-width style - asset is 100% wide, auto height (most likely taller or shorter than viewport) */
	.hss-v2--asset-full-width-mobile .hss-v2__asset-wrapper--mobile,
	.hss-v2--asset-full-width-square-mobile .hss-v2__asset-wrapper--mobile {
		display: block;
		width: 100%;
		height: auto;
	}

	.hss-v2--asset-full-width-mobile .hss-v2__asset,
	.hss-v2--asset-full-width-square-mobile .hss-v2__asset {
		width: 100%;
		height: auto;
		position: static;
	}

	.hss-v2--asset-controlled-width,
	.hss-v2--asset-controlled-width-height {
		padding: 45px 0 0; /* @T392499 - always full width with 0 padding on mobile */
	}

	.hss-v2--asset-controlled-width .credits-container .credits,
	.hss-v2--asset-controlled-width-height .credits-container .credits {
		margin-right: 0;
	}

	.hss-v2--title-overlayed-center .hss-v2__text-wrapper {
		width: auto;
		margin-left: 0;
		transform: translate(0, -50%);
		top: calc(50% + 4rem);
		left: 16px;
		right: 16px;
	}

	[class*="hss-v2--title-overlayed-bottom-"] .hss-v2__bg-video-controls {
		margin-left: -6px;
	}


	/* title display - mobile overrides */

	[class*="hss-v2 hss-v2--mobile-title-above"] .hss-v2__asset-wrapper {
		padding-top: 0;
	}

	[class*="hss-v2--mobile-title-below"] .hss-v2__asset-wrapper.hss-v2__asset-wrapper {
		margin-top: 0;
	}

	.hss-v2--mobile-title-hidden .hss-v2__text-wrapper,
	[class*="hss-v2--mobile-title-overlayed"] .hss-v2__text-wrapper {
		position: absolute;
		padding: inherit;
		width: 100%;
		transition: opacity 250ms cubic-bezier(0.335, 0.010, 0.030, 1.360); /* for videoMode */
	}

	.hss-v2--mobile-title-hidden .hss-v2__text-wrapper-inner,
	[class*="hss-v2--mobile-title-overlayed"] .hss-v2__text-wrapper-inner {
		padding: 0 18px;
		margin: 0 auto;
	}

	[class*="hss-v2 hss-v2--mobile-title-above"] .hss-v2__text-wrapper.hss-v2__text-wrapper {
		margin-bottom: 1em;
	}

	/* title-hidden works like overlayed-bottom-left, with the main title hidden */

	.hss-v2--mobile-title-overlayed-bottom-left .hss-v2__text-wrapper,
	.hss-v2--mobile-title-hidden .hss-v2__text-wrapper {
		bottom: 80px;
		left: 0;
	}

	.hss-v2--mobile-title-overlayed-bottom-right .hss-v2__text-wrapper {
		bottom: 80px;
		right: 0;
	}

	.hss-v2--mobile-title-overlayed-bottom-left .hss-v2__text-wrapper-inner {
		text-align: left;
	}
	.hss-v2--mobile-title-overlayed-bottom-right .hss-v2__text-wrapper-inner {
		text-align: right;
	}

	.hss-v2--mobile-title-overlayed-center .hss-v2__text-wrapper {
		width: auto;
		text-align: center;
		margin-left: 0;
		top: calc(50% + 4rem); /* optically center - this isn't perfect */
		transform: translate(0, -50%);
		left: 16px;
		right: 16px;
	}

	.hss-v2--mobile-title-overlayed-middle-left  .hss-v2__text-wrapper {
		text-align: left;
		top: calc(50% + 6rem); /* optically center - this isn't perfect */
		transform: translateY(-50%);
		padding-top: 0;
		padding-bottom: 0;
	}


	[class*="hss-v2--mobile-title-overlayed-bottom-"] .hss-v2__bg-video-controls {
		display: inline-block;
		vertical-align: text-bottom;
		margin-left: -6px;
	}

	.hss-v2--mobile-title-above-left,
	.hss-v2--mobile-title-above-center {
		padding-top: 4rem; /* must clear the logo */
		display: flex;
		flex-direction: column-reverse;
	}

	[class*="hss-v2--mobile-title-below-"] {
		display: block; /* to override title-above, which is display: flex; */
	}

	[class*="hss-v2--mobile-title-below"] .hss-v2__text-wrapper.hss-v2__text-wrapper {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.hss-v2--mobile-title-above-left .hss-v2__text-wrapper,
	.hss-v2--mobile-title-above-center .hss-v2__text-wrapper,
	.hss-v2--mobile-title-below-left .hss-v2__text-wrapper,
	.hss-v2--mobile-title-below-center .hss-v2__text-wrapper {
		width: 100%;
		max-width: 1236px; /* should match foundation grid*/
		padding: 0 18px; /* left/right should match foundation grid*/
		margin: 0 auto;
	}

	.hss-v2--mobile-title-above-left .hss-v2__text-wrapper,
	.hss-v2--mobile-title-above-center .hss-v2__text-wrapper {
		padding-top: 45px;
	}

	.hss-v2--mobile-title-above-center .hss-v2__text-wrapper,
	.hss-v2--mobile-title-below-center .hss-v2__text-wrapper {
		text-align: center;
	}

	.hss-v2--mobile-title-above-left .hss-v2__text-wrapper,
	.hss-v2--mobile-title-below-left .hss-v2__text-wrapper {
		padding-left: 18px;
		padding-right: 18px;
	}

	[class*="hss-v2--mobile-title-above"] .hss-v2__text-wrapper-inner {
		max-width: 44rem;
	}

	.hss-v2--mobile-title-above-center .hss-v2__text-wrapper-inner {
		margin-left: auto;
		margin-right: auto;
	}

}