body{
      margin:0;
      padding: 0;
      text-align: left;
      font-family: 'Roboto', sans-serif;
      background-color: #eee;
      overflow-x: hidden;
      background-color: #000;
    }
    #Wrapper{
      position: relative;
      width:100%;
      margin:auto;
      text-align: left;
      opacity: 0;
      pointer-events: none;
      line-height: 0;
      z-index: 5;
      overflow: hidden;
      /*aspect-ratio: 16 / 9;*/
    }
    .test{
      width: 100%;
      height: 100%;
      position: relative;
    }
    #testbox{
      width:100%;
      max-width: 960px;
      margin:auto;
    }
    #testbox input{
      width: 100%;
      box-sizing: border-box;
    }
    #Wrapper.active{
      opacity: 1;
      pointer-events: all;
    }
    #PersonalizedWrapper{
      /*aspect-ratio: 16 / 9;*/
      position: absolute;
      width: 100%;
      height: 100%;
      pointer-events: none;
      opacity: 0;
      z-index: 10;

      top: -4%;
      left: -2.3%;
      transform: scale(1.2);
    }
    #playBtn{
      display: none;
    }
    #video{
      width:100%;
      opacity: 0;
    }
    #videoLoadScreen {
        background-color: #000;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #LoadingCar{
      width: 100%;
      margin-bottom: 5%;
      text-transform: uppercase;
    }
    #videoLoadScreen .copy{
      letter-spacing: .5em;
      font-size: 18px;
      text-transform: uppercase;
    }
    #ScheduleWrapper{
      width: 100%;
      height: 100%;
      position: relative;
    }
    #ScheduleWrapper img{
      width: 100%;
    }
    #ScheduleWrapper .title{
      position: absolute;
      top: 0;
      left: 0;
      font-size: 45px;
      color: #fff;
      top: 60px;
      left: 0;
      width: 100%;
      text-align: center;
    }
    #ScheduleWrapper .date {
      font-size: 55px;
      position: absolute;
      top: 190px;
      font-weight: bold;
      text-align: center;
      width: 100%;
    }
    #Spotlight_Container{
      animation: carAnim 2s infinite;
      transform-origin: center;
      animation-timing-function: linear;
    }
    @keyframes carAnim {
      0%{
          transform: translateX(-55%) scale(4,3);
        }
      100%{
          transform: translateX(55%) scale(4,3);
        }
    }
    #Spotlight_Container .highlightColor{
      animation: highlightColorAnim 6s infinite;
      animation-timing-function: linear;
    }
    @keyframes highlightColorAnim {
      0%{
          stop-color:#F00;
        }
      25%{
          stop-color:#F0F;
        }
      50%{
          stop-color:#0FF;
        }
      75%{
        stop-color:#00F;
      }
      100%{
          stop-color:#F00;
        }
    }

    #Spotlight_Container .shadowColor{
      animation: shadowColorAnim 6s infinite;
      animation-timing-function: linear;
    }
    @keyframes shadowColorAnim {
      0%{
          stop-color:#F0F;
        }
      25%{
          stop-color:#0FF;
        }
      50%{
          stop-color:#00F;
        }
      75%{
        stop-color:#F00;
      }
      100%{
          stop-color:#F0F;
        }
    }

    #License{
      font-size: 680px;
      white-space: nowrap;
      text-transform: uppercase;
      display: flex;
      justify-content: center;
      align-items: center;
      text-shadow: 0px -20px 10px #fff, 0px 20px 10px #a9a;
      color: #a52b31;
      font-family: 'Barlow Condensed', sans-serif;
      width: 125%;
      height: 100%;
      transform: scale(.8,1);
      transform-origin: left top;
    }

    #Sticker {
      width: 100%;
      height: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
    #LaptopScreen,#LaptopScreen2 {
      height: 100%;
      width: 100%;
      transform: scale(1.15, 1.0);
      transform-origin: center;

      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
    #KeyChainBlock {
      display: table;
      padding: 0px 80px;
      box-sizing: border-box;
    }
    #KeyChain {
      width: 100%;
      height: 100%;
      font-family: 'Nanum Pen Script', cursive;
      font-size: 200px;
      box-sizing: border-box;
      transform: rotateX(1deg);
      display: table-cell;
      vertical-align: middle;
    }
    #KeyChain div {
      text-shadow: 0px 0px 4px #000;
      line-height: .8;
      background-image: url("../images/Underline.png");
      background-size: 100% .8em;
      background-repeat: repeat-y;
    }
    #LogoBlock {
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
    }

    #calendarGrid{
      width: 100%;
      height: 1300px;
      position: absolute;
      left: 0;
      top: 250px;
      display: flex;
      flex-wrap: wrap;
      font-weight: bold;
      background-color: #f8f8f8;
      color: #363332;
    }
    #calendarGrid div{
      width: 14.28%;
      height: 250px;
      border: 2px solid #d1d1d1;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 70px;
    }
    #calendarGrid div.today{
      border: 0 hidden;
      background-color: #b31d1f;
      color: #fff;
    }
    #calendarGrid div.topRow{
      border: 0 hidden;
      height: 50px;
      font-size: 30px;
    }
    /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

    #mediaLoaderContainer{
      opacity: 0;
      pointer-events: none;
      position: absolute;
    }

    #mediaWrapper{
      position: absolute;
      width: 100%;
      height: 100%;
      pointer-events: none;
      opacity: 0;
      top: -4%;
      left: -2.3%;
      transform: scale(1.2);
      z-index: 1;
      /*aspect-ratio: 16 / 9;*/
    }
    #mediaWrapper img{
      position: absolute;
      width: 100%;
      display: none;
      padding: 0;
      margin: 0;
    }

    #mediaWrapper .frameActive{
      display: block;
    }

    /*=======================================================================================================================*/

    #CtaContainer div {
      padding: 1em 1em;
      background-color: #c3002f;
      color: #fff;
      border-radius: 5px;
      box-sizing: border-box;
      text-align: center;
      font-size: 14px;
      line-height: 1.2;
      min-height: 4em;
      box-shadow: 0px 10px 15px 0px rgba(195,0,47,0.2);
      transition: background-color .2s;
      margin-bottom: 1.2em;
      display: table;
    }
    #CtaContainer img{
      display: table-cell;
      float: left;
      width: 2.5em;
      padding-right: .5em;
    }
    #CtaContainer span{
      display: table-cell;
      vertical-align: middle;
      width: 100%;
    }
    
    #CtaContainer div:hover{
      background-color: #aa0025;
      color: #fff;
    }

    @media (max-width: 1024px) {
      #CtaContainer div{
        font-size:12px;
        padding: .5em;
        min-height: auto;
      }
      #CtaContainer img{
        display: none;
      }
    }