@charset "UTF-8";

  html, body, div,
      a, img {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
      }
      body {
        font-family:arial;
        background:white;
        overflow:hidden;
      }
      #container {
        position:absolute;
        overflow:hidden;
        background-color:#FFFFFF;
        width:300px;
        height:250px;
        top:0px;
        left:0px;
      }
      #bg-exit {
        position:absolute;
        overflow:hidden;
        width:300px;
        height:250px;
        top:0px;
        left:0px;
        cursor: pointer;
        z-index:1002;
      }
      #frame {
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:1000;
      }
      #frameTop {
        position: absolute;
        background-color: #DDDDDD;
        width:100%;
        height:1px;
        top:0px;
        left:0px;
      }
      #frameBottom {
        position: absolute;
        background-color: #DDDDDD;
        width:100%;
        height:1px;
        bottom:0px;
        left:0px;
      }
      #frameLeft {
        position:absolute;
        background-color:#DDDDDD;
        width:1px;
        height:100%;
        top:0px;
        left:0px;
      }
      #frameRight {
        position:absolute;
        background-color:#DDDDDD;
        width:1px;
        height:100%;
        top:0px;
        right:0px;
      }
      #cover {
        position:absolute;
        width:300px;
        height:250px;
        top:0px;
        left:0px;
        background-color:#FFFFFF;
        z-index:1001;
      }
      .backgroundImage {
        position:absolute;
        -ms-transform-origin: 50% 50%; /* IE 9 */
        -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
        transform-origin: 50% 50%;
      }
      #image01 {
        z-index:101;
      }
      #image02 {
        z-index:102;
      }
      #image03 {
        z-index:103;
      }
      #image04 {
        z-index:104;
      }
      #image05 {
        z-index:105;
      }
      #image06 {
        z-index:106;
      }
      .imageLoader {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:auto;
        -ms-transform-origin: 50% 50%; /* IE 9 */
        -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
        transform-origin: 50% 50%;
      }
      .copyText{
        position:absolute;
        font-family: Helvetica, Arial, sans-serif;
        font-weight:bold;
        color:#FFFFFF;
        z-index:300;
        line-height:110%;
      }
      .legalText{
        position:absolute;
        font-family: Helvetica, Arial, sans-serif;
        /*font-weight:bold;*/
        color:#FFFFFF;
        z-index:300;
      }
      #text01{

      }
      #text02{

      }
      #text03{
        
      }
      #text04{
        
      }
      #legal01{

      }
      #legal02{

      }
      #cta{
        position:absolute;
        font-family: Helvetica, Arial, sans-serif;
        font-weight:bold;
        color:#FFFFFF;
        width:600px;
        height:500px;
        z-index:300;
        line-height:110%;
      }
      #ctaButton{
        position:absolute;
        text-align:center;
        padding-top: 5px;
        color:#FFFFFF;
        background:#1c69d4;
        font-family: Helvetica, Arial, sans-serif;
        font-weight:bold;
        cursor: pointer;
        z-index:1003;
      }
      @font-face {
        font-family: BMWwebfontLight;
        src: url("https://s0.2mdn.net/ads/richmedia/studio/47183374/bmwtypewebli_all.woff");
      }
      .blueGradient {

      }