/*$brand-dark-blue: #131d42;
$brand-blue: #1E4EFF;*/
/*$brand-yellow: #dae00e;*/
/*$brand-yellow: #ffe900;
$brand-orange: #ff6400;
//$brand-black: #15151F;
$brand-black: #15171F;
$brand-gray: #DEDEF3;*/
.page-bg {
  background-color: #000;
  height: 100vh;
  position: relative;
  padding-top: 40px;
  padding-left: 60px; }
  .page-bg img.logo {
    position: absolute;
    display: block;
    margin: auto auto;
    z-index: 100; }
  .page-bg .content-box {
    position: relative;
    margin-top: 20%;
    margin-left: 24px;
    z-index: 120;
    color: #fff; }
    .page-bg .content-box ul.rgb-bar {
      opacity: 0.5; }
      .page-bg .content-box ul.rgb-bar li {
        display: inline-block;
        height: 8px;
        width: 40px;
        margin-right: -6px; }
      .page-bg .content-box ul.rgb-bar li#whiteBar {
        background-color: #fff; }
      .page-bg .content-box ul.rgb-bar li#yellowBar {
        background-color: yellow; }
      .page-bg .content-box ul.rgb-bar li#cyanBar {
        background-color: cyan; }
      .page-bg .content-box ul.rgb-bar li#greenBar {
        background-color: lime; }
      .page-bg .content-box ul.rgb-bar li#pinkBar {
        background-color: magenta; }
      .page-bg .content-box ul.rgb-bar li#redBar {
        background-color: red; }
      .page-bg .content-box ul.rgb-bar li#blueBar {
        background-color: blue; }
    .page-bg .content-box .text-title {
      position: relative;
      z-index: 150;
      color: #fff;
      margin-top: 24px; }
    .page-bg .content-box .font-title-20 {
      font-weight: 100; }
  .page-bg video {
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    width: auto;
    overflow: hidden;
    z-index: 10; }
  .page-bg img#monitor {
    position: absolute;
    top: 0;
    right: 250px;
    height: 100%;
    z-index: 30; }
  .page-bg #textOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 40; }
  .page-bg #videoOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.6); }
  .page-bg #cityLayer02 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 0; }
  .page-bg #paintstrokeRed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 10; }
  .page-bg #ascii01 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 20; }
  .page-bg #cityLayer01 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 30; }
  .page-bg #paintstrokeGreen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 40; }
  .page-bg #paintstrokeBlue {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 50; }
  .page-bg #paintstrokeBlack {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 60; }