
body, body * {
	vertical-align:baseline;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
}

/*body {background-color:#ff0000;}*/

@font-face {
  font-family:"LincolnProximaNovaSemiBold";
  src:url("LincolnProximaNovaSemiBold.woff");
  font-style:normal;
  font-weight:normal;
}

@font-face {
  font-family:"LincolnMillerBannerBlack";
  src:url("LincolnMillerBannerBlack.woff");
  font-style:normal;
  font-weight:normal;
}

#container {
    overflow:hidden;
    position:absolute;
    left:0px;
    top:0px;
    width:300px;
    height:250px;
    color:#394951;

    background:#efefef;
    margin:auto;
    -moz-font-feature-settings:"lnum";
    -webkit-font-feature-settings:"lnum";
    font-feature-settings:"lnum";
    display:none;
/*    overflow:visible;*/
}
canvas { 
    position: absolute;
     display: block;
     left: -110px;
     filter: blur(6px) drop-shadow(0 0 10px rgb(82, 194, 186)); 
     transform: skewX(-20deg);
}
#lights{
    position: absolute;
    width: 300px;
    height: 600px;
    top: 0px;
    left:0px
}
#headline1, #carModel, #headline2 {
    color:#2d4047;
    text-align:left;
}
#headline1, #carModel {
    position:absolute;
    left:25px;
    top:140px;
    width:261px;
    height:60px;
    font:10pt/10pt 'LincolnProximaNovaSemiBold';
    letter-spacing:0.25em;
    text-transform:uppercase;
}
#star{
    position: absolute;
    background-image: url(star.svg);
    background-repeat: no-repeat;
    bottom:5px;
    left: 144px;
    height: 44px;
    width: 12px;
}
#headline2 {
    position:absolute;
    left:25px;
    top:155px;
    width:265px;
    height:80px;
    font:22pt/24pt 'LincolnMillerBannerBlack';
    letter-spacing:0.05em;
}
#orangeRule{
    position:absolute;
    left:27px;
    top:180px;
    width:18px;
    height:2px;
    background-color:#f26147;
}

#copy1, #copy2, #copy3 {
    position:absolute;
    left:25px;
    top:195px;
    width:270px;
    height:34px;
    font-family:'LincolnMillerBannerBlack';
    font-size: 14px;
    color:#2d4047;
    text-align:left;
    letter-spacing:0.02em;
}


#hideStage {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:#fff;
}


#broadExit{
    position:absolute;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border:1px solid #000;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    cursor:pointer
}

/*KBA*/
#cta1{
    position: absolute;
    width: 120px;
    height: 23px;
    top: 226px;
    left:27px;
    overflow: hidden;
    background:#e0e0e0;
    cursor: pointer
}
#cta2{
    position: absolute;
    width: 120px;
    height: 23px;
    top: 226px;
    left:151px;
    overflow: hidden;
    background:#e0e0e0;
    cursor: pointer
}

#hover1, #hover2{
    background:#f26147;
    width: 2px;
    height: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
}
#hovergrey1, #hovergrey2{
    background:#2d4047;
    width: 2px;
    height: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
}
#ctaCont{
    position:absolute;
    left:1px;
    top:226px;
    width:135px;
    height:23px;
    text-align:center;
}
#kba1 {
    font:7pt/10pt 'LincolnProximaNovaSemiBold';
    color:#2d4047;
    position: absolute;
    text-align: center;
    width: 120px;
    top: 6px;
    left:1px;
    text-transform:uppercase;
    letter-spacing:.15em;
    -webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}
#kba2 {
    font:7pt/10pt 'LincolnProximaNovaSemiBold';
    color:#2d4047;
    position: absolute;
    text-align: center;
    width: 120px;
    top: 6px;
    left:1px;
    text-transform:uppercase;
    letter-spacing:.15em;
    -webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}

/************************/
/* begin video controls */
/************************/
.feature-collapsed {
    position:absolute;
    left:0px;
    top:-30px;
    width:300px;
    height:250px;
}

#video-container-0 {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:none;
}

#video0 {
    position:absolute;
    left:0px;
    top:-1px;
    width:100%;
    height:100%;
}

.video-controls {
/*
  position:absolute;
  width:15px;
  height:15px;
  top:227px;
  cursor:pointer;
  background-color:#FFF;
  visibility:visible;
*/
}

.video-controls:hover {
/*
    border:1px solid #cc2322;
    position:absolute;
    left:9px;
    top:226px;
*/
}
#customPlay {
    position:absolute;
    background-image:url(play.svg);
    background-repeat:no-repeat;
    background-size:cover;
    left:284px;
    display:none;
}
#customPause {
    position:absolute;
    background-image:url(pause.svg);
    background-repeat:no-repeat;
    background-size:cover;
    left:284px;
}
#customUnMute {
    position:absolute;
    background:url(audio-muted-300x250.png) no-repeat;
    background-size:75px 38px;
    left:8px;
    top:0px;
    width:75px;
    height:38px;
    cursor:pointer;
    display:none;
}

#customMute {
    position:absolute;
    background:url(audio-on-300x250.png) no-repeat;
    background-size:75px 38px;
    left:8px;
    top:0px;
    width:75px;
    height:38px;
    cursor:pointer;
    display:none;
}
#bgMute {
    position:absolute;
    background:url(audioGradient.png) no-repeat;
    left:0px;
    top:0px;
    width:494px;
    height:471px;

}
#fauxPlay{
    position:absolute;
    background:url(audio-muted-300x250.png) no-repeat;
    background-size:75px 38px;
    left:8px;
    top:0px;
    width:75px;
    height:38px;
    cursor:pointer;
    display:none;
}

#bg{
    position:absolute;
    background:url(bg.png);
    left:0px;
    top:0px;
    width:300px;
    height:250px;
}

#v1{
    position:absolute;
    background:url(cors.png);
    left:0px;
    top:94px;
    width:90px;
    height:39px;
}

#v2{
    position:absolute;
    background:url(naut.png);
    left:54px;
    top:93px;
    width:93px;
    height:41px;
}
#v3{
    position:absolute;
    background:url(nav.png);
    left:93px;
    top:89px;
    width:122px;
    height:47px;
}
#v4{
    position:absolute;
    background:url(avi.png);
    left:155px;
    top:93px;
    width:130px;
    height:73px;
}
#hotspot1, #hotspot2, #hotspot3, #hotspot4 {
    position:absolute;
    cursor:pointer;
    visibility:hidden;
    /* border: 1px solid red; */
}
#hotspot1{
    left: 16px;
    top: 91px;
    width: 64px;
    height: 33px;
}
#hotspot2{
    left: 81px;
    top: 92px;
    width: 59px;
    height: 32px;
}
#hotspot3{
    left: 137px;
    top: 87px;
    width: 66px;
    height: 38px;
}
#hotspot4{
    left: 204px;
    top: 90px;
    width: 74px;
    height: 41px;
}
#bar1, #bar2,#bar3 {position:absolute; top: 157px;height:11px; width:1px; background-color:#394248;}
#bar1 {left: 78px;}
#bar2 {left:141px;}
#bar3 {left:214px;}

#vl1, #vl2, #vl3, #vl4{
    position:absolute;
    text-align:left;
    font:8pt/12pt 'LincolnProximaNovaSemiBold';
    color:#293338;
    text-transform:uppercase;
    letter-spacing:0.05em;
    cursor:pointer;
    height:15px;
    top: 155px;
}

#vl1 {
    left:26px;
    width:102px;
}
#vl2 {
    left:83px;
    width:72px;
}
#vl3 {
    left:146px;
    width:78px;
}
#vl4 {
    left:219px;
    width:81px;
}
#logo{
    position:absolute;
    background:url(wishlist.svg)no-repeat;
    background-size:300px 250px;
    left:0px;
    top:0px;
    width:300px;
    height:250px;
    overflow:hidden;
}
#ctaBg {
    position:absolute;
    background-color:#fff;
    left:0px;
    top:191px;
    width:300px;
    height:125px;
}

#whitebox{
    position:absolute;
    background-color:#fff;
    height:70px;
    width:298px;
    top:140px;
    left:0px;
}
/******************** CTA Magic ************************/
