body,
body * {
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}
div,
img,
video {
  position: absolute;
}
#container {
  width: 970px;
  height: 250px;
  overflow: hidden;
  background: #1c1c1c;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border:1px solid #d4d4d4;
}

#fb_icon {
    position: absolute;
    top: 165px;
    left: 6px;
    width: 25px;
    height: 25px;
    background: #1c1c1c;
    z-index: 800;
    cursor: pointer;
    opacity: 0;
}

#tw_icon {
    position: absolute;
    top: 193px;
    left: 6px;
    width: 25px;
    height: 25px;
    background: #1c1c1c;
    z-index: 800;
    cursor: pointer;
    opacity: 0;
}

#ig_icon {
    position: absolute;
    top: 221px;
    left: 6px;
    width: 25px;
    height: 25px;
    background: #1c1c1c;
    z-index: 800;
    cursor: pointer;
    opacity: 0;
}

#replay {
  z-index: 500;
  top: 5px;
  left: 2px;
  width: 28px;
  height: 25px;
  cursor: pointer;
  opacity:0;
}

#text_1, #text_2 {
  opacity:0;
} 

#text_1 {
  position: absolute;
}

#dateHolder {
position: absolute;
opacity: 0;

}

#date_1 {
    position: absolute;
    top: 162px;
    width:185px;
    height: 184px;
    z-index: 1;
    left: 488px;
    background-image: url("../images/march24.png");
}

/* Line cover start */
#Cbox {
    position: absolute;
    background: #770000;
    width: 380px;
    height: 82px;
    top: 10px;
    left: 53px;
    z-index: 1;
    -ms-transform: rotate(9deg); /* IE 9 */
    -webkit-transform: rotate(9deg); /* Chrome, Safari, Opera */
    transform: rotate(9deg); 
}

#logo {
   position: absolute;
    opacity: 0;
}


#Tbox {
    position: absolute;
    background: #770000;
    width: 40px;
    height: 82px;
    top: -4px;
    left: 620px;
    z-index: 1;
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(12deg);
}

#HboxUP {
    position: absolute;
    background: #770000;
    width: 40px;
    height: 140px;
    top: -5px;
    left: 870px;
    z-index: 1;
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(12deg);
}

#AboxUP {
    position: absolute;
    background: #770000;
    width: 33px;
    height: 158px;
    top: 134px;
    left: 455px;
    z-index: 1;
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(35deg);
}

#CboxDown {
    position: absolute;
    background: #770000;
    width: 20px;
    height: 158px;
    top: 158px;
    left: 654px;
    z-index: 1;
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(12deg);
}

#HboxLineDown {
    position: absolute;
    background: #770000;
    width: 40px;
    height: 158px;
    top: 181px;
    left: 907px;
    z-index: 1;
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(122deg);
}

#HboxLineLeft {
    position: absolute;
    background: #770000;
    width: 60px;
    height: 158px;
    top: 73px;
    left: 926px;
    z-index: 1;
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(102deg);
}

/* Line cover end */
#guy {
  z-index:1;
  position: absolute;
  left: 150px;
  top:0px;
}

#lady {
  z-index:2;
  position: absolute;
  left: 37px;
  top:0px;
  opacity:0;
}

#replacetxt {
  top: 0px;
}

#endframe {
  position: absolute;
  top:0px;
  left:0px;
  background: #770000;
  width: 970px;
  height: 250px;
  opacity: 0;
}

#social {
  z-index: 1;
}

#arrow {
  top: -2px;

  left: 1px;
}
#backdrop {
  z-index: 11;
  width: 970px;
  height: 250px;
  
  background: #1c1c1c;
}
#exit {
  z-index: 700;
  width: 970px;
  height: 250px;
  cursor: pointer;
}
#video {
  z-index: 250;
  width: 970px;
  height: 250px;
  background-color: transparent;
  left: -12px;
  top: -1px;
  /*border:1px solid #363636;*/
}
#videoFrame {
  width: inherit;
  height: inherit;
}
#vid_TT{
  z-index: 7;
  left: 0px;
  top: 486px;
  margin: 0 auto;
  display: block;
  position: relative;
  opacity: 0;
}
#vid_tuneinImg{
  z-index: 7;
  top: 150px;
  margin: 0 auto;
  display: block;
  position: relative;
  opacity: 0;
}

/* - */
#vidControls{
  z-index:999;
    top: 2px;
  left: 2px;

  position: relative;
}
#stop {
  width: 20px;
  height: 20px;
  top: 183px;
  left: 214px;
  cursor: pointer;
  opacity:0;
}
#play, #pause {
  width: 20px;
  height: 20px;
  top: 183px;
  left: 240px;
  cursor: pointer;
  opacity:0;
}
#play {
  background:rgba(111,111,111,0.7) url(../images/play.svg);
  background-position: 0px; 
}
#pause {
  background:rgba(111,111,111,0.7) url(../images/pausebtn.svg);
  background-position: 0px; 
}
#stop {
  background:rgba(111,111,111,0.7) url(../images/stop.svg);
}
#mute, #unmute {
    width: 20px;
    height: 20px;
    cursor: pointer;
    left: 939px;
    top: 213px;
    display: none;
  
}
#mute {
  background:rgba(111,111,111,0.7) url(../images/mute.svg);
  opacity:0;
  background-position: -2px; 
}
#unmute {
  background:rgba(111,111,111,0.7) url(../images/unmute.svg);
  background-position: -4px; 
  opacity:0;
}

/* - */
#keyart1 {
  z-index: 3;
  width: 970px;
  height: 250px;
}
#keyart2 {
  z-index: 4;
  top: 309px;

}

#TT {
  left: 15px;
  top: 199px;
  z-index:5;
    opacity:0;

}
#sho {
  z-index:4;
  left: 0px;
  top: -5px;
      opacity:0;

}
#hulu {
  z-index:4;
  left: 0px;
  top: -5px;
      opacity:0;

}


#SLJ {
  top: 32px;
  left: 660px;
  z-index: 4;
    opacity:0;

}

#cta {
  top: 175px;
  left: 709px;
  z-index:9250;
  opacity:0;
  cursor: pointer;
}

#rating {
  top: 9px;
  left: 277px;
  z-index:240;
  opacity:0;
}

#tag1 {
  top: 0px;
  left: 0px;
  z-index: 4;
    opacity:0;

}

#tag2 {
  top: 0px;
  left: 0px;
  z-index: 4;
          opacity:0;

}

#tag3 {
  top: 0px;
  left: 0px;
  z-index: 4;
          opacity:0;

}

#tag4 {
  top: 220px;
  left: 21px;
  z-index: 4;
          opacity:0;

}
#tag5 {
  top: 220px;
  left: 231px;
  z-index: 4;
          opacity:0;

}
#tag6 {
  top: 220px;
  left: 465px;
  z-index: 4;
          opacity:0;

}
#text1 {
  top: 17px;
  left: 36px;
  z-index: 4;
          opacity:0;

}
#name2 {
  top: 465px;
  left: 98px;
  z-index: 4;
          opacity:0;

}

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