#clearNav {
	padding-top:150px;
}

					body {
						margin:0;
						background-color:#000;
						color:White;
						font-family: \"Fjalla One\", sans-serif;
						font-weight: 400;
						font-style: normal;
		  			}\n";
			
		.normalFont { 
			font-family:Arial;
		}
		#pageContent {
			width:100%;
			min-height:400px;
		}
		#topCityMain {
			margin:0;
			position:relative;
		}
		#bottomCityMain {
			position:relative;
			margin:0;
		}

		#logo img {
			max-width:50px;
		}
#InfoBar {
	background-color:Yellow;
	color:Black;
	padding:20px;
}

.cta-btn {
  display: inline-block;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #333;
  background: linear-gradient(
    135deg,
    #00f5ff,
    #00c2ff
  );
  border-radius: 10px;
  text-decoration: none;
  box-shadow:
    0 0 0 rgba(0, 245, 255, 0),
    0 8px 24px rgba(0, 194, 255, 0.35);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease;

  transform: translateY(-1px);
  box-shadow:
    0 0 12px rgba(0, 245, 255, 0.8),
    0 12px 32px rgba(0, 194, 255, 0.55);
  filter: brightness(1.1);
}

.cta-btn:hover {
}

.cta-btn:active {
  transform: translateY(0);
  box-shadow:
    0 0 6px rgba(0, 245, 255, 0.6),
    0 6px 16px rgba(0, 194, 255, 0.4);
}

.horizonBreak {
	margin-top:200px;
	border-top:1px dashed #444;
	margin-bottom:200px;
	
}

		#nav {
			z-index:999999999;
			width:100%;
			height:75px;
			position:fixed;
		}
		.relativity {
			position:relative;
		}
		#navFloater {
			position:absolute;
			top:15px;
			right:0;
			width:70%;
			height:75px;

		}
		.pad40 {
			padding-top:120px;
		}
	
		#navUL {
			background-color:#555;
			width:100%;
			list-type:none;
			margin:0;
		}

		#navUL li {
			display:inline-block;
			font-size:150%;
			padding:2%;
			padding-top:10px;
			padding-bottom:10px;		
			opacity:1;
		}
		#navUL a {
			color:White;
			text-decoration:none;			
			text-shadow:none;
		}
		.orangeMe {
			background-color:Orange;
			color:Black;			
		}
		.orangeMe A {
			link-color:Black;
		}
		#topPadding {
			padding-top:150px;
		}

	p {
		line-height:2em;
		letter-spacing:1px;
	}
.heroFont {
	font-family: "Anton", sans-serif;
	font-size:650%;
 	font-weight: 400;
	font-style: normal
	letter-spacing:5px;
	line-height:1em;
}
.medHeroFont {
	font-family: "Anton", sans-serif;
	font-size:450%;
 	font-weight: 400;
	font-style: normal
	letter-spacing:5px;
	line-height:1em;
}
.normHeroFontThin {
	font-family: "Archivo Black", sans-serif;
	font-size:180%;
 	font-weight: 50;
	font-style: normal
	letter-spacing:5px;
	line-height:1.6em;
	color:#888;
}
.normHeroFont {
	line-height:1em;
	font-family: "Anton", sans-serif;
	font-size:180%;
 	font-weight: 400;
	font-style: normal
	letter-spacing:5px;
}
.frontPageBottom {
	padding-top:100px;
	padding-bottom:100px;
	background-color:#010607;
}
.fatPad {
	padding:10%;
}
.rightLine {
	border-right:1px solid #ccc;
}
.leftLine {
	border-left:1px solid #ccc;
}
.pCentered {
 width: 50%;
  margin: 0 auto;
}
.gordoPad {
	padding-left:23%;
	padding-right:23%;
}
.centerText {
	text-align:center;
}
.wrapper, .wrapperHorizonMain {
  display: flex;
  align-items: stretch; /* default, but explicit */
}
.divLeft, .divLeftHorizonMain, .divLeftAutoScale, .divLeftLightMode, .divLeft60, .divLeft40, .divLeftLightMode  {
  width: 45%;
  margin: 0;
  padding: 0;
}
.div33 {
 width: 33%;
  margin: 0;
  padding: 0;
}
#videoSelectTicket {
width:40%;height:auto;
}
#videoScaleSelector {
width:80%;height:auto;
}
#videoStoredTares {
width:50%;height:auto;
}
.midSpacer {
  text-align:left;
  width: 3%;
  margin: 0;
  padding: 0;
}
#videoAutoScale {
	width:50%;
	height:auto;
}
#videoLightMode {
	width:80%;
	height:auto;
}
.divRight, .divRightHorizonMain, .divRightAutoScale, .divRightLightMode, .divRight60, .divRight40, .divRightLightMode {
  text-align:left;
  width: 62%;
  margin: 0;
  padding: 0;
}
.rightText {
	text-align:right;
}


.fullWidth {
	width:100%;
	height:auto;
}

.video-wrap {
  position: relative;
  width: 100%;
  height: 400px;          /* or 100vh, or any layout height */
  overflow: hidden;
}
.bg-video {
  position: absolute;
  inset: 0;               /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  object-fit: cover;      /* fills, may crop */
}
.video-ratio {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  max-width:100%;
}

.video-ratio video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width:100%;
}


/* Style the video: 100% width and height to cover the entire window */

#myVideo {

  position: relative;

  margin-top:100px;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

}



/* Add some content at the bottom of the video/page */

.content {

  position: fixed;

  bottom: 0;

  background: rgba(0, 0, 0, 0.5);

  color: #f1f1f1;

  width: 100%;

  padding: 20px;

}



button {

  width: 200px;

  font-size: 18px;

  padding: 10px;

  border: none;

  background: #000;

  color: #fff;

  cursor: pointer;

}



/* Style the button used to pause/play the video */

#myBtn {

  width: 200px;

  font-size: 18px;

  padding: 10px;

  border: none;

  background: #000;

  color: #fff;

  cursor: pointer;

}





#myBtn:hover {

  background: #ddd;

  color: black;

}



#playOnYouTube {

	position:absolute;

	top:120px;

	right:20px;

	border:2px solid Orange;

	font-size:110%;

	padding:10px;

	background-color:Transparent;

	color:Orange;

	text-shadow:3px 3px 10px #000;

}




		/*************************************************/

		#bottomCityContent {
			margin-top:27%;
			text-align:center;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:60%;
			font-size:120%;
		}


		#footer {
			padding-top:75px;
			padding-bottom:75px;
			background-color:#111;
			position:relative;
			display:block;
		}

		#softwareDemoContainer {
			width:50%;
			height:1%;
			position:absolute;
			top:70%;
			left:25%;
			right:25%;
			z-index:99999;
		}
		#softwareDemoMain {
			border:5px solid Orange;
		}
		#softwareDemoMain img {
			width:100%;
		}
		#blankContainer {
			width:100%;
			display:block;
			position:relative;
			height:50px;
		}
		#bigActionText {
			position:absolute;
			right:10%;
			top:20%;
			width:70%;
			height:25%;
		}
		.hugeText {
			text-align:right;
			font-size:600%;
			line-height:1em;
			font-weight:800;
			letter-spacing:5px;
			text-shadow:5px 5px 10px #000;
		}
		.medText {
			text-align:right;
			font-size:200%;
			line-height:1em;
			font-weight:400;
			letter-spacing:2px;
			text-shadow:5px 5px 10px #000;
		}
		.smallText {
			text-align:right;
			font-size:130%;
			line-height:2em;
			font-weight:400;
			letter-spacing:2px;
			text-shadow:5px 5px 10px #000;
		}
		#apollo_getDemo, #apollo_atms, #apollo_moreInfo, #apollo_freeTrial {
			width:10%;
			height:20%;
			position:absolute;
			top:30%;
			right:8%;
		}
		#apollo_getDemo a, #apollo_atms a, #apollo_moreInfo a, #apollo_freeTrial a {
			display:block;
			width:100%;
			height:100%;
		}
		
		#apollo_freeTrial {
			top:52%;
		}
		#apollo_atms {
			right:19%;
		}
		#apollo_moreInfo {
			right:19%;
			top:52%;
		}
		bl {
			display:inline-block;
			color:Black;
			background-color:White;
			padding:6px;
			letter-spacing:4px;
		}
		.div444 {
			padding-top:140px;
		}

		.blockLetters {
			font-size:150%;
			background-color:White;
			color:Black;
			padding:20px;
		}
		/*************************************/
		
			.ctaButton {
				background-color:Transparent;
				color:White;
				padding:15px;
				font-size:150%;
				border:5px solid Orange;
				color:Orange;
			}

			.purchaseHeader {
				list-type:none;
				list-style-type:none;
				padding:5px;
				margin:0;
				background-color:#111;
				
			}
			.hSpacer {
				width:100%;
				height:50px;
			}
			.purchaseInfo li {
				padding-bottom:10px;
				margin-bottom:10px;
				border-bottom:1px solid #777;
				letter-spacing:1px;
			}

			.d3block {
				font-family:Arial;
				background-color:#333;
				vertical-align: top; /* or middle or bottom */
				width:32%;
				display:inline-block;
				margin:0;
				padding:0;
				border-left:10px solid #111;
				border-bottom:10px solid #111;
			}
			.d100block {
				vertical-align: top; /* or middle or bottom */
				margin:0;
				padding:0;
				width:100%;
			}
			.orangeClass {
				background-color:Orange;
				color:Black;			

			}


	/***********************[ MORE INFO PAGE ]******************************************/
 :root { --bg:#0e0f11; --card:#121418; --text:#e6e8ea; --muted:#a5adb5; --line:#1f232a; --accent:#b7ff3c; }
  body{margin:0;background:var(--bg);font:14px/1.4 system-ui,Segoe UI,Roboto,Arial;color:var(--text)}
  .wrap{max-width:100%;margin:40px auto;padding:0;}
  .cards{display:flex;flex-wrap:wrap;gap:16px}
  .card{flex:0 0 300px; height:250px; background:var(--card); border:1px solid var(--line);
        border-radius:12px; overflow:hidden; display:flex; flex-direction:column}
  .card::before{content:""; display:block; height:2px; background:var(--accent)}
  .card img{width:100%; height:150px; object-fit:cover; display:block; background:#0a0b0d}
  .card-body{padding:8px 10px}
  .card h3{margin:0 0 4px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .card p{margin:0; font-size:12px; color:var(--muted); 
          display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
  @media (max-width:680px){ .wrap{margin:20px auto} }



					a {
						text-decoration:none;
						color:Orange;
						text-shadow:0px 0px 20px Orange;
					}
					a:hover {
						text-shadow:0px 0px 10px White;
						color:White;
					}

			nexus6logo {
				letter-spacing:5px; 
				font-size:200%;
				font-family: "Roboto Mono", monospace;
				font-optical-sizing: auto;
				font-weight: 500;
				font-style: normal;
			}
			h3 {
				display:inline-block;
			}
			h5 {
				letter-spacing:3px;
				background-color:#222;
				padding-top:10px;
				padding-bottom:10px;

				font-family: "Roboto Mono", monospace;
				font-optical-sizing: auto;
				font-weight: 300;
				font-style: normal;
			}

			@keyframes blockBlink {
			  0%, 49%   { opacity: 1; }
 			 50%, 100% { opacity: 0; }
			}

					.blockCursor {
						background-color:#666;
						display:inline-block;
						width:40px;
						margin-left:5px;
						height:100%;
						animation: blockBlink 1s step-start infinite;
					}
				

	
.shot{
  position:relative;
  max-width:1100px;
}
.shot img{
  width:100%;
  display:block;
}

.hotspot{
  position:absolute;
  left:var(--x);
  top:var(--y);
  transform:translate(-50%, -50%);
  width:36px;
  height:36px;
  border-radius:50%;
  background:#0ff;
  color:#000;
  font-weight:700;
  border:none;
  cursor:pointer;
  box-shadow:0 0 12px #0ff;
}

.popover{
  position:absolute;
  max-width:260px;
  background:rgba(0,
}	

.pRight {
	align:right;
}



<?php
/*


*/