@font-face {
  font-family: 'AudiType-ExtendedBold';
  src: url('../fonts/auditype-extendedbold.eot');
  src: url('../fonts/auditype-extendedbold.eot') format('embedded-opentype'), url('../fonts/auditype-extendedbold.woff') format('woff'), url('../fonts/auditype-extendedbold.ttf') format('truetype'), url('../fonts/auditype-extendedbold.svg') format('svg');
}

@font-face {
  font-family: 'AudiType-Normal';
  src: url('../fonts/auditype-normal.eot');
  src: url('../fonts/auditype-normal.eot') format('embedded-opentype'), url('../fonts/auditype-normal.woff') format('woff'), url('../fonts/auditype-normal.ttf') format('truetype'), url('../fonts/auditype-normal.svg') format('svg');
}

@font-face {
  font-family: 'AudiType-ExtendedNormal';
  src: url('../fonts/auditype-extendednormal.eot');
  src: url('../fonts/auditype-extendednormal.eot') format('embedded-opentype'), url('../fonts/auditype-extendednormal.woff') format('woff'), url('../fonts/auditype-extendednormal.ttf') format('truetype'), url('../fonts/auditype-extendednormal.svg') format('svg');
}


body { font-family: Arial; margin: 0; padding: 0; }

h1, h2, h3, h4, p { margin: 0; font-weight: normal; }

.viewdetails__download {
	text-decoration: none;
	position: relative;
}

	.viewdetails__download span {
		background-color: #fff;
		border: solid 1px #1a1a1a;
		color: #1a1a1a;
		min-height: 40px;
		font-family: 'AudiType-ExtendedNormal';
		font-size: 12px;
		line-height: 1.5em;
		padding: 10px 20px;
		margin: 10px 0;
		display: inline-block;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.viewdetails__download.dark span {
		color: #fff;
		background-color: #000;
	}

	.viewdetails__download.dark:hover span {
		border-color: #333;
		background-color: #333;
	}

	.viewdetails__download.dark.is--disabled span {
		color: #d9d9d9;
		background-color: #fff;
		border: solid 1px #d9d9d9;
	}

.landingpage { display: inline-block; width: 100%; max-width: 1772px; height: 100%; position: fixed; }

.landingpage__image { display: inline-block; width: 70%; height: 100%; position: relative; overflow: hidden;}

.landingpage__image .image__background { display: inline-block;	width: auto; height: 100%; }

.landingpage__image .image__background:after { content: ""; display: inline-block; clear: both; }	
	

.landingpage__header { width: 30%; height: 100%; position: absolute; top: 0; left: 60%; background-color: #fff; display: inline-block; padding: 3%; box-sizing: border-box; }

.landingpage__header .image__rings { display: inline-block; height: 40px; margin-bottom: 30%; }

.landingpage__header h1 { margin-top: 0.5vw; font-family: 'AudiType-ExtendedBold'; font-size: 13px; color: #000; font-weight: normal; position: absolute; bottom: 20px;}
.landingpage__header h1 span { color: #f50537;}

.landingpage__header h2 { font-family: 'AudiType-ExtendedBold'; color: #000; font-weight: normal; font-size: 28px; margin: 10px 0; }

.landingpage__header h2.access--denied { color: #f50537; font-family: 'AudiType-ExtendedNormal'; }

.landingpage__header p.access--denied {	margin-top: 0.5vw; font-family: 'AudiType-Normal'; font-size: 14px; font-weight: normal; }

.landingpage__login .login--dropdown { display: inline-block; position: relative; width: 95%; margin-top: 3vw; }

.landingpage__login .login--dropdown select { width: 100%; cursor: pointer; padding: 10px 15px; font-size: 14px; font-weight: normal; font-family: 'AudiType-Normal'; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: solid 1px #000; border-bottom: solid 1px #000; border-right: none; border-left: none; outline-color: #f50537; }

.landingpage__login .login--dropdown option { cursor: pointer; font-size: 14px; font-weight: normal; font-family: 'AudiType-Normal';}

.landingpage__login a.viewdetails__download { cursor: pointer; }

.footer { background: #ccc; overflow: hidden; padding: 20px 40px; margin-top: 20px; }

.landingpage--outer .footer { position: absolute; bottom: 0; right: 0; background-color: transparent; border-top: none; padding-bottom: 10px; padding-right: 2.5%; }

@media only screen and (min-width: 2400px) {
  .landingpage__image { width: 1700px; }
  .landingpage__header { left: 1700px; }
}

@media only screen and (max-width: 700px) {
  .landingpage__header h1 { font-size: 10px; }
  .landingpage__header h2 { font-size: 22px; } 
}

@media only screen and (orientation: landscape) and (max-width: 1023px) {	
  .landingpage__header { width: auto; }
  .landingpage__header .image__rings { margin-bottom: 20%;}
}

@media only screen and (orientation: portrait) and (max-width: 1024px) {	
  .landingpage { height: 100%; }
  .landingpage__image { width: 100%; height: auto; }
  .landingpage__image .image__background { width: 100%; height: auto; }
  .landingpage__header { height: 50%; width: 100%; bottom: 0; left: 0; top: auto; padding: 5%; }
  .landingpage__header .image__rings { margin-bottom: 10%;}
}

@media only screen and (orientation: portrait) and (max-width: 767px) {	
  .landingpage__header { height: 60%; }
}