html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}

@font-face {
  font-family: "NeueHaas";
  src: url('../fonts/NHaasGroteskDSW02-65Md.woff') format('woff')
}


html, body { height: 100%; width: 100%; }

body {
	line-height: 1;
	background-color: #010101;
}

img {
  -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none;
  image-rendering: auto;
}

.asset, svg { position: absolute;}

.banner {
	--bannerWidth: 970px;
	--bannerHeight: 250px;

	--bgColor: #000000;
	--borderColor: #000000;

	width: var(--bannerWidth);
	height: var(--bannerHeight);

	box-sizing: border-box;
	visibility: hidden;
	position: relative;
	overflow: hidden;
	cursor: pointer;

	font-family: "NeueHaas";


}

.full { position: absolute; width:var(--bannerWidth); height:var(--bannerHeight); }
.full img { width:var(--bannerWidth); height:var(--bannerHeight); }

#border {
	position: absolute;
	top:0px;
	left:0px;
	width:var(--bannerWidth);
	height:var(--bannerHeight);
  border: 1px solid var(--borderColor);
  box-sizing: border-box;
  pointer-events:none;
}

#cover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: var(--bannerWidth);
	height: var(--bannerHeight);
	background-color: var(--bgColor);
}

/**********************************/
/************** CTA ***************/
/**********************************/

#buttonHolder_l1 {
	position: absolute;
	bottom: 26px;
	left: var(--globalMargin);
}

/*******************************************/
/*************** LEGALLINE *****************/
/*******************************************/

.no-break { white-space: nowrap; }
.dont-break-out {
	/* Adds a hyphen where the word breaks, if supported (No Blink), use in skyscrapers or when shortage in xspace*/
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  word-break: break-word;

  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/*#legalLineHolder{
	 background: rgba(0, 0, 0, .3);
}*/
.hyphenate {
  word-wrap: break-word;
  overflow-wrap: break-word;

	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;
}

/**********************************/
/************* CUSTOM *************/
/**********************************/

.bannerSpecificStuff {

}

#harmonicaMenuHolder {
	position: absolute;

}

.harmonicaMenuItemHolder {
	position: absolute;
	background-color: #d3d3d3;
	overflow:hidden;
}

.harmonicaMenuItemButton {
	position: absolute;
	background-color: #fb4e29;
/*	border: 1px solid rgba(0,0,0,.1);*/
	box-sizing: border-box;
	text-align: center;

	display: table;
}

.harmonicaMenuItemContent {
	transform: translate(0px, 0px);
  height: 250px;
  padding: 40px;
  width: 650px;
  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  align-items: center;
}

.nr {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #000000;
	border-radius: 50%;
	color:#ffffff;
	text-align: center;
	margin: 0 auto;
	font-size: 19px;
}

.label {
	position: absolute;
	display: block;
	bottom:10px;
	transform: rotate(-90deg);
	transform-origin: left top;
	left:20px;
	color: #010101;
}

.body-txt {
	display: block;
	text-align: left;
	font-size: 30px;
	font-weight: 900;
	line-height: 31px;
}

.body-txt-light {
	padding-top:2px;
	display: block;
	text-align: lefy;
	font-size: 18px;
}

.harmonicaMenuItemHolder:nth-Child(1) .harmonicaMenuItemButton {
	background-color: #FB4E29;

}
.harmonicaMenuItemHolder:nth-Child(2) .harmonicaMenuItemButton {
	background-color: #FB4E29;

}
.harmonicaMenuItemHolder:nth-Child(3) .harmonicaMenuItemButton {
	background-color: #FB4E29;

}
.harmonicaMenuItemHolder:nth-Child(4) .harmonicaMenuItemButton {
	background-color: #FB4E29;

}
.harmonicaMenuItemHolder:nth-Child(5) .harmonicaMenuItemButton {
	background-color: #FB4E29;
}
.harmonicaMenuItemButton {
	background-color: #FB4E29;
	border: 1px solid #010101;
}


.tickerTxtHolder {
	position: absolute;
	bottom:0px;
	left: 0;
}

.ticker-txt {
	position: absolute;
	font-size: 120px;
	padding: 2px;
	color: #ddd;
	bottom: 0;
	white-space: nowrap;
}
#splashPage {
	position: absolute;
	width: calc(100% - (5 * 60px));
	height: 100%;
	display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
}
.splash-txt {
	position: relative;
	font-size: 56px;
	padding: 2px;
	color: #f5f5f5;

}
.splash-txt-light {
	position: rel;
	font-size: 26px;
	padding: 2px;
	color: #ffffff;
}

.centered {
	display: block;
}