body,
body * {
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}
div,
img,
video {
  position: absolute;
}

#container {
	  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 600px;
  overflow: hidden;
  background-color: black;
/*  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
	box-sizing: border-box;
  border:1px solid #cccccc;*/
}
#bg{
    
    position: absolute;

    width:300px;
    height:650px;

}
/*#emitter {
  background-color:transparent;

  position: absolute;
  width: 300px;
  height: 20px;

  top: 100;

  left: 50%;
    
}
.dot {
  background-color:  antiquewhite;
  border-radius: 50%;
  position: absolute;

  pointer-events:none;
    overflow: hidden;

}*/
.spark{
  width:2.5px;
  height:2.5px;
   border-radius: 50%;
  display: inline-block;
    
    background-color:#d1c590;
/*  background: url(images/ticket.png);*/
  background-size: 100% 100%;
}
#sparksContainer{
  width:240px;
  height:300px;
    position: absolute;
        left:30px;
    top:150px;
/*     filter:blur(1px);*/

}

#water, #water_2 {
    
    position: absolute;
        left:0px;
  
    width:300px;
    height:650px;
    visibility: hidden;

}
#watereffect {
    position: absolute;
    top:290px;
    width:300px;
    height:300px;
    overflow:hidden;
    mix-blend-mode:overlay;

}
.waterfilters {
    position: absolute;

    width:300px;
    height:600px;

    overflow:hidden;
}
#underwater{
    
    position: absolute;
        left:0px;
    top:250px;
    width:970px;
    height:350px;
        mix-blend-mode:overlay;
    opacity:0.17;
    

}
#downward {
    
    position: absolute;
        left:0px;
    top:0px;
    width:300px;
    height:600px;

}
#city {
    
    position: absolute;
        left:0px;
    top:0px;
    width:300px;
    height:98px;

}

#bubblesContainer{
     width: 300px;
  height: 600px;
    top:600px;
    left:0px;
    
}
#sky0 {
     position: absolute;
top:-120px;
    left:-75px;
    width:450px;
 height:auto;
}
#sky1, #sky4,#sky5 {
     position: absolute;

    width:300px;
 height:auto;
}
#sky2{
     position: absolute;

    width:300px;
 height:auto;
}
#sky3 {
     position: absolute;

    width:300px;
 height:auto;
}
#sky6{
     position: absolute;
bottom:0;
    width:300px;
 height:auto;
}

.rays {
position: absolute;
width:300px;
height:300px;

mix-blend-mode: lighten;

}
.hidden{
	visibility: hidden;
}


.img {
width: 300px;
height: 600px;
background-repeat: no-repeat;
background-size:300px 600px;
}
.stars {
    
    position: absolute;
    width:60px;
    height:60px;
        -webkit-filter: brightness(1.2);
  filter: brightness(1.2);

/* mix-blend-mode: lighten;*/
   
 mix-blend-mode: screen;

}
.wave{
width: 600px;
height: 300px;
left:-150px;
    top:150px;
 -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);

    

}

#star_cta {
    
    position: absolute;
    left:100px;
    top:-10px;
}
#arrow{

position: absolute;
width:20px;
height:auto;
  top: 12px;
  right: 5px;
z-index: 550;
    cursor: pointer;

}
#vid_arrow{
margin: auto;
position: absolute;
width:58px;
height:auto;
  top: 0px;
  right: 0px;   
  left: 0;
  bottom: 0;

     z-index: 550;
}
 #vidEF {
/*  z-index: 100;*/
  width: 300px;
  height: 315px;
  background-color: transparent;
  left: 0px;
  top:172px;
}

#videoFrame {
  width: inherit;
  height: inherit;
}

/* - */
#vidControls0{
  
position: absolute;
  top:6px;
  right:37px;
  z-index:520;

}
#vidControls{
  
position: absolute;
  top:178px;
  right:37px;
  z-index:520;

}


#mute, #unmute, #mute0, #unmute0{
  width: 30px;
  height: 30px;
  top: 0px;
  cursor: pointer;
    	background-repeat: no-repeat;
    background-size:30px 30px;
}
#mute,#mute0 {
  background:rgba(198,198,198,0.0) url(images/vcontrols_mute.svg);
/*  background-position: -2px; */
}

#unmute,#unmute0 {
  background:rgba(198,198,198,0.0) url(images/vcontrols_unmute.svg);
 /* background-position: -2px; */
  background-repeat: no-repeat;
}

#videoEF, #video{
  width: 300px;
  height: 600px;
  /*background-color: black;*/
  left:0px;
  top:0px;
}


/* - */
:focus,
outline none,
::-moz-focus-inner {
  border: 0;
}


#exit {
  z-index: 500;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#vid_tunein{
  z-index: 101;


}
/* endframe */