body, body * {
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  color: #000;
/*  width: 300px;
  height: 250px;*/
}
div,img,video,button{
  position: absolute;
}
#main-container {
  width: 300px;
  height: 600px;
  overflow: hidden;
  border: 1px solid #424242;  
  box-sizing: border-box;
  background: #000;
}

/*////////// INTRO VIDEO   ////////////*/
#video-container {
  top:0px;
  background-color:none;
  border: none;
  visibility: hidden;
}
#video{
  width: 300px;
  height: 600px;
}
.video-controls {   
  background-color: Transparent;
  width: 20px;
  height: 17px;
  cursor: pointer;
}
#vid_controls {
  top: 1px;
  left: 259px;
  display: none;
}
#vid_sound{
   opacity:0.7;
}
#play-btn {
  background-image:url(images/vid_play.png);
  background-repeat:no-repeat;
  background-size:cover;
  visibility: hidden;
}

#pause-btn {
  background-image:url(images/vid_pause.png);
  background-repeat:no-repeat;
  background-size:cover;
  visibility: hidden;
}

#unmute-btn {
  background-image:url(images/vid_unmute.png);
  background-size:cover;
  background-repeat:no-repeat;
  left:20px;
  /*visibility: hidden;*/
  /*display: none;*/
}
#mute-btn{
  background-image:url(images/vid_mute.png);
  background-size:cover;
  background-repeat:no-repeat;
  visibility: hidden;
  left:20px;
  visibility: hidden;
  /*display: none;*/
}
#cta{
  bottom:0px;
  left:0px;
  width:300px;
  height:29px;
}
    #cta_on{
      opacity:0;
    }

#imageSlide1{
  top:36px;
  left:0px;
  width:300px;
  height:116px;
  overflow: hidden;
  background-color: green;
}
#imageSlide2{
  top:154px;
  left:0px;
  width:300px;
  height:104px;
  overflow: hidden;
  background-color: green;
}
#imageSlide3{
  top:260px;
  left:0px;
  width:300px;
  height:62px;
  overflow: hidden;
  background-color: green;
}
#imageSlide4{
  top:324px;
  left:0px;
  width:300px;
  height:123px;
  overflow: hidden;
  background-color: green;
}
#sheen{
  left:400px;
  opacity: 0.7;
}


/* /////////   ENDFRAME  //////////// */
#endframe{
  width:100%;
  height:100%;  
  /*background-color: #151748;*/
  display: none;
}
/*////////////*/
.body_pics{
  left:0px;

}
#body_pic1{
  left:-5px;
  clip:rect(35px,300px,151px,0px);
  opacity: 0;
}
#body_pic2{
  left:70px;
  clip:rect(155px,300px,256px,0px);
  opacity: 0;
}
#body_pic3{
  left:70px;
  clip:rect(260px,300px,320px,0px);
  opacity: 0;
}
#body_pic4{
  left:-60px;
  clip:rect(323px,300px,446px,0px);
  opacity: 0;
}



/*////////////*/
.body_btns{
    width:200px;
    left:50px;
    background-color: red;
    opacity: 0;
    display: none;
    cursor: pointer;
  }
#body_btn1{
  top:35px;
  height:116px;
}
#body_btn2{
  top:155px;
  height:101px;
}
#body_btn3{
  top:260px;
  height:60px;
}
#body_btn4{
  top:323px;
  height:123px;
}

/*    TOP     */
#blackCover{
  width: 100%;
  height: 100%;
  background: #000; 
}

#exit {
  width: 100%;
  height: 100%;
  cursor:pointer;
}
#replay{
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  opacity: 0.6;
  /*border: 1px solid red;*/
  cursor: pointer;
  visibility: hidden;
}