html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

}

.lightwash {
    position: absolute;
	width: 400px;
    height: 100px;
	background: url('lightwash.png') no-repeat;
    top: 0px;
	left: -400px;
	opacity: 1;
}

.hide {
    display: none;
}
.black{
  /*background-color: black;*/
}
.blackTransition{
  width: 985px !important;
  -webkit-transition: width .5s; /* Safari */
  -moz-transition: width .5s;
    transition: width .5s;
}
.blackTransition_reset{
  width: 728px !important;
  -webkit-transition: width 0s; /* Safari */
  -moz-transition: width 0s;
    transition: width 0s;
}
.blackAnim{
  position: absolute;
  width: 728px;
  height: 90px;
  background-color: black;
  left: 0px;
}

#neogda-ad {
    width: 985px; /* resize */
    height: 200px; /* resize */
    /*background-color: black;*/

    position: relative;
    overflow: hidden;
}

#neogda-top {
	top:0px;
	left:0px;
    width:100%; /* resize */
    height:1px; /* resize */
    background-color: black;
    position: absolute;
}
#neogda-left {
	top:0px;
	left: 0px;
    width: 1px; /* resize */
    height: 100%; /* resize */
    background-color: black;
    position: absolute;
}
#neogda-bottom {
	bottom:0px;
	left: 0px;
    width: 100%; /* resize */
    height: 1px; /* resize */
    background-color: black;
    position: absolute;
}
#neogda-right {
	top:0px;
	right: 0px;
    width: 1px; /* resize */
    height: 100%; /* resize */
    background-color: black;
    position: absolute;
}

#neogda-ad .date {
}



#neogda-ad.nowplaying .date {
    background-position: 0 -320px;
}
#neogda-ad.tonight .date {
    background-position: 0 -240px;
}
#neogda-ad.tomorrow .date {
    background-position: 0 -160px;
}
#neogda-ad.thursday .date {
    background-position: 0 -80px;
}





#neogda-ad .cta {
}

#neogda-ad .cta2 {
    position: absolute;
    top:0px;
	left:2px;
    width: 193px;
    height: 25px;
    background-image: url(cta_text1.png);
	background-position: top center;
    background-repeat: no-repeat;
}

#neogda-ad .cta3 {
    position: absolute;
    top:0px;
	left:2px;
    width: 193px;
    height: 25px;
    background-image: url(cta_text2.png);
	background-position: top center;
    background-repeat: no-repeat;
}
#neogda-ad.nowplaying .cta {
}

#neogda-ad.tomorrow .cta {
}
#neogda-ad.friday .cta{
}
#neogda-ad.releasedate .cta {
}

#neogda-wrap {
	position: absolute;
	top:0px;
	left:0px;
    width: 100%;
    height: 100%;
    /*background-color: black;*/
    opacity: 0;
    display: none;
}

/** This is a fix for IE opacity inheritance **/
#neogda-wrap * {
    opacity: inherit;
}

#neogda-wrap .panel {
    width: 100%;
    height: 100%;
}

#neogda-click-catcher {
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	opacity: 0;
}
/*********************************************** LOADER ***********************************/
#init_container{
    position:relative;
    width: 728px;
    height: 90px;
    left:0px;
    top: 0px;
    background-color: black;
}
#neogda-init-panel {
    position:absolute;
	  left:0px;
    top: 0px; /* resize */
    width: 728px; /* resize */
    height: 90px; /* resize */
    background-image: url(init_loader.gif);
    background-repeat: no-repeat;
/*
	background-color:black;
    background-position: center 60px;
*/
}
.opacityZero{
  opacity: 0;
  -webkit-transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
}
/*********************************************** PERS HOLDER ***********************************/
#neogda-pers-panel {
	cursor:pointer;
	background-color:black;
	opacity:1;
	
}
/*********************************************** PERS TOP ***********************************/

#neogda-pers-top {
    position:absolute;
	left:-502px;
    top: 0px;
    width: 985px;
    height: 200px;
    background-image: url(pers_top_exp.png);
    background-repeat: no-repeat;
    background-position: center;
}

#pers-exp-date {
    position:absolute;
	left:0px;
    bottom: 0px;
    width: 985px;
    height:53px;
    background-image: url(date_stack3.png);
	overflow:hidden;
    background-repeat: no-repeat;
}




/*********************************************** PERS BOTTOM ***********************************/




#neogda-pers-bottom {
    position:absolute;
	left:0px;
    top:190px; /* resize */
    width: 728px; /* resize */
    height: 60px; /* resize */
/*    background-image: url(pers_bottom1.png);*/
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
}

#neogda-tagline {
	display: none;

}

/* THIS IS THE PERS DATE */
/*#neogda-date {
    position: absolute;
    width: 728px;
    height: 240px;
    background-repeat: no-repeat;
	bottom:0px;
	left:0px;
}*/

#neogda-hashtag {
	display:none;
}

#neogda-video-container {
    position: absolute;
    width: 484px;/* resize */
    height: 200px;/* resize */
    top: 0px;/* resize */
/*    added code*/
    right: 0px;
    background-color: #000;
}

#neogda-video-container.fullscreen {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
    bottom: 0;
	background-color: black;
    z-index: 1000;
}

#neogda-cfa {
    position: absolute;
    width: 100%; /* resize */
    height: 133px; /* resize */
    bottom: 30px;
    left: 0px;
    background-image: url(cfa.png); /* resize */
	background-repeat:no-repeat;
	background-position:center;
    z-index: 10;
}

#neogda-ad.mobile #neogda-cfa {
    display: none;
}

#neogda-video-player {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#neogda-posterframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
}

#neogda-ctrls-wrapper {
    position: absolute;
    bottom: 3px;
    height: 30px;
    width: 100%;
}

#neogda-play {
    float:left;
    height: 30px;
    width: 28px;
    background-image: url(ctrls1.png); /* resize */
    background-repeat: no-repeat;
    background-position: 0 -30px;
}

#neogda-play.pause {
    background-position: 0 0;
}

#neogda-seek-wrapper {
    overflow: hidden;
    cursor: pointer;
    padding-top: 13px;
    padding-bottom: 14px;
}

#neogda-seek {
    height: 3px;
    background-color: white;
    overflow: hidden;
}

#neogda-seek-element {
    width: 10%;
    min-width: 20px;
    background-color: #4c9697;
    height: 30px;
    position: relative;
    left: 0px;
    top: -14px;
    transition: all;
    -moz-transition: all;
}

#neogda-sound {
    float:right;
    height: 30px;
    width: 28px;
    background-image: url(ctrls1.png); /* resize */
    background-repeat: no-repeat;
    background-position: -28px -30px;
}

#neogda-sound.mute {
    background-position: -28px 0px;
}

.neogda-pi {
    float: right;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 2px;
    background-color: white;
}

#neogda-vid1 {
    float:right;
    height: 30px;
    width: 28px;
    background-image: url(ctrls1.png); /* resize */
    background-repeat: no-repeat;
    background-position: -120px 0;
}

#neogda-vid1.active, #neogda-vid1:hover {
    background-position: -120px -30px;
}

#neogda-vid2 {
    float: right;
    height: 30px;
    width: 28px;
    background-image: url(ctrls1.png); /* resize */
    background-repeat: no-repeat;
    background-position: -152px 0;
}

#neogda-vid2.active, #neogda-vid2:hover {
    background-position: -152px -30px;
}

#neogda-vid3 {
    float: right;
    height: 30px;
    width: 30px;
    background-image: url(ctrls1.png); /* resize */
    background-repeat: no-repeat;
    background-position: -180px -30px;
}

#neogda-vid3.active, #neogda-vid3:hover {
    background-position: -180px 0;
}

#neogda-fs {
    float: right;
    height: 30px;
    width: 30px;
    background-image: url(ctrls1.png); /* resize */
    background-repeat: no-repeat;
    background-position: -63px 0;
}

#neogda-fs.sd {
    background-position: -63px -30px;
}

/** FullScreen Elements **/
#neogda-video-container.fullscreen #neogda-pers-top {
  display: none;
}
#neogda-video-container.fullscreen #neogda-ctrls-wrapper {
    bottom: 30px;
    max-width: 600px;
    left: 50%;
    margin-left: -268px;
}
#neogda-video-container.fullscreen #neogda-fs-title {
    position: absolute;
    top: 2px; /* resize */
    left: 50%; /* resize */
    margin-left: -140px; /* resize */
    width: 728px; /* resize */
    height: 108px; /* resize */
    background-image: url(); /* resize */
    background-repeat: no-repeat;
    background-position: center top;
	display: none;
}

/** Hide and Show **/
#neogda-ad.hidefs #neogda-fs,
#neogda-ad.vid1 #neogda-vid1,
#neogda-ad.vid1 #neogda-vid2,
#neogda-ad.vid1 #neogda-vid3,
#neogda-ad.vid1 .neogda-pi,
#neogda-ad.vid2 #neogda-vid3,
#neogda-ad.vid2 #neogda-div-2-3,
#neogda-ad.hidectrls #neogda-ctrls-wrapper,
#neogda-ad.mobile #neogda-ctrls-wrapper
{
    display: none;
}


/*********************************************** ENDFRAME CSS ***********************************/
#neogda-endframe-panel {
	cursor:pointer;
}


#neogda-endframe-bg {
    position: absolute;
    top:0px;
	left:0px;
    width: 985px;
    height: 200px;
    background-image: url(bg.jpg);
	background-position:top center;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}


#ef_title {
	position:absolute;
	top:-1px;
	left:-1px;
	width:985px;
	height:200px;
    background-image: url(logo1_exp.png);
	opacity:1;
}


#neogda-ef-date {
    position: absolute;
	bottom:1px;
	left:-1px;
    width: 985px;
    height: 56px;
    background-image: url(date_stack2.png);
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}



#neogda-ef-cta {
	display:none;
}

#neogda-ef-cta2 {
    position: absolute;
    top:147px;
	left:376px;
    width: 215px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center top;
	overflow:hidden;
	opacity:1;
}

#neogda-ef-replay {
    position: absolute;
    top:147px;
	left:746px;
    width: 215px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center top;
	overflow:hidden;
	opacity:1;
}

#cta_red, #cta_red2, #cta_red3 {
    position: absolute;
    top:0px;
	left:5px;
    width: 186px;
    height: 25px;
	background-color: #ff3d26;
    background-repeat: no-repeat;
    background-position: center top;
	overflow:hidden;
	opacity:1;	
	 -ms-transform: skewX(-15deg); /* IE 9 */
    -webkit-transform: skewX(-15deg); /* Safari */
    transform: skewX(-15deg); /* Standard syntax */
}



#cta_white, #cta_white2, #cta_white3 {
    position: absolute;
    top:0px;
	left:5px;
    width: 0px;
    height: 25px;
	background-color: #00a3a3;
    background-repeat: no-repeat;
	opacity:1;
	 -ms-transform: skewX(-15deg); /* IE 9 */
    -webkit-transform: skewX(-15deg); /* Safari */
    transform: skewX(-15deg); /* Standard syntax */
}



#neogda-ef-cta-text {
}




#neogda-ef-legal {
    position: absolute;
	top:-1px;
	left:-1px;
    width: 985px;
    height: 200px;
    background-image: url(legal1.png);
    background-repeat: no-repeat;
    background-position: top center;
	opacity:1;
}



#talent{
    position: absolute;
	top:-1px;
	left:-1px;
    width: 985px;
    height: 200px;
    background-image: url(talent.png);
	opacity:1;
}




#imax{
}




#whiteflash{
      position: absolute;
      top:-1px;
    	left:-1px;
      width: 728px;
      height: 90px;
    	background-color:#000;
    	opacity:1;
    	cursor:pointer;
      display: none;
}

#efAnim{
	   opacity:0;
}

#block {
    width: 985px;
    height: 90px;
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
}
#ef_blocker{
    width: 985px;
    height: 90px;
    position: absolute;
    visibility: hidden;
    z-index: 11;
}
#closeBtn{
  width: 12px;
  height: 11px;
  position: absolute;
  background-image: url(closeBtn.png);
  right: 3px;
  top: 3px;
  cursor: pointer;
  opacity:1;
}
/*----------------------collapse css--------------------------*/
#c_main_container{
  position: absolute;
  width: 728px;
  height: 90px;
  background-color: black;
}
#collapse_Container{
    overflow: hidden;
    position: absolute;
    width: 728px;
    height: 90px;
    opacity: 0;
    /*border-left: 1px solid black;*/
    background-color: black;
    cursor: pointer;
    left: 0px;
}

#bg{
	
    position: absolute;
	top:0px;
    width: 728px;
    height: 90px;
    background-image: url(collapse_bg.jpg);
}

#persdate{
    width: 728px;
    height: 36px;
	bottom:-1px;
    background-image: url(date_stack1.png);
    position: absolute;
	overflow:hidden;
}





#video_container_c{
    position: absolute;
    height: 90px;/* resize */
    width: 216px;/* resize */
    top: 0px;/* resize */
/*    added code*/
  left: 0px;
  background-color: #000;
  overflow: hidden;
}
#neoganda-video_player_c{
  width: 100%;
  height: 100%;
  object-fit: cover
}
#neoganda-cfa_collapse{
  position: absolute;
  height:90px; /* resize */
  width: 216px; /* resize */
  top: 0px;
  left: 0px;
  background-image: url(cfa_c.png); /* resize */
  background-repeat:no-repeat;
  background-position:center;
  z-index: 10;
}
#neogda-endframe-bg_c {
    position: absolute;
    top:0px;
	  left:0px;
    width: 728px;
    height: 90px;
    background-image: url(bg_c.png);
	  background-position:top center;
    background-repeat: no-repeat;
	  overflow:hidden;
	  opacity:1;
}


#bottomFade_c {
}


#talent_c {
    position: absolute;
    top:-1px;
    left: -1px;
    width: 728px;
    height: 90px;
    background-image: url(talent1.png);
    background-repeat: no-repeat;
    background-position: top center;
	opacity:1;
}
#neogda-ef-date_c {
    position: absolute;
	bottom:0px;
	left:0px;
    width: 728px;
    height: 44px;
    background-image: url(date_stack2_c.png);
	overflow:hidden;
    background-repeat: no-repeat;
	opacity:1;
}
#imax_c{
    position: absolute;
    top:-1px;
    left: -1px;
    width: 728px;
    height: 90px;
    background-image: url(imax_c.png);
	opacity:1;
}
#neogda-ef-legal_c {
    position: absolute;
    bottom:0px;
    left: 0px;
    width: 728px;
    height: 90px;
    background-image: url(legal1_c.png);
    background-repeat: no-repeat;
    background-position: top center;
	opacity:1;
}
#neogda-ef-title_c {
	position:absolute;
    background-image: url(logo1.png);
	width:728px;
	height:90px;
	top:0px;
	left:0px;
	opacity:1;
}







#char1{
    position: absolute;
    top:0px;
	left:0px;
    width: 985px;
    height: 200px;
    background-image: url(char1.png);
	background-position:center top;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}
#char2 {
    position: absolute;
    top:0px;
	left:0px;
    width: 985px;
    height: 200px;
    background-image: url(char2.png);
	background-position:center top;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}
#char3 {
    position: absolute;
    top:0px;
	left:0px;
    width: 985px;
    height: 200px;
    background-image: url(char3.png);
	background-position:center top;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}
#char4  {
    position: absolute;
    top:0px;
	left:0px;
    width: 985px;
    height: 200px;
    background-image: url(char4.png);
	background-position:center top;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}


#char1_c{
    position: absolute;
    top:0px;
	left:0px;
    width: 728px;
    height: 90px;
    background-image: url(char1_c.png);
	background-position:center top;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}
#char2_c {
    position: absolute;
    top:0px;
	left:0px;
    width: 728px;
    height: 90px;
    background-image: url(char2_c.png);
	background-position:center top;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}
#char3_c {
    position: absolute;
    top:0px;
	left:0px;
    width: 728px;
    height: 90px;
    background-image: url(char3_c.png);
	background-position:center top;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}
#char4_c  {
    position: absolute;
    top:0px;
	left:0px;
    width: 728px;
    height: 90px;
    background-image: url(char4_c.png);
	background-position:center top;
    background-repeat: no-repeat;
	overflow:hidden;
	opacity:1;
}

#neogda-ef-cta_c {
    position: absolute;
    top:60px;
	left:560px;
    width: 156px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center top;
	overflow:hidden;
	opacity:1;
}

#cta_red_c {
    position: absolute;
    top:0px;
	left:5px;
    width: 142px;
    height: 20px;
	background-color: #ff3d26;
    background-repeat: no-repeat;
    background-position: center top;
	overflow:hidden;
	opacity:1;
	
	 -ms-transform: skewX(-15deg); /* IE 9 */
    -webkit-transform: skewX(-15deg); /* Safari */
    transform: skewX(-15deg); /* Standard syntax */
}

#cta_white_c {
    position: absolute;
    top:0px;
	left:5px;
    width: 0px;
    height: 20px;
	background-color: #00a3a3;
    background-repeat: no-repeat;
	opacity:1;
	
	
	
	 -ms-transform: skewX(-15deg); /* IE 9 */
    -webkit-transform: skewX(-15deg); /* Safari */
    transform: skewX(-15deg); /* Standard syntax */
}

#neogda-ef-cta-text_c {
    position: absolute;
    top:-1px;
	left:-1px;
    width:100%;
    height:100%;
    background-image: url(cta_text1_c.png);
    background-repeat: no-repeat;
    background-position: center center;
	overflow:hidden;
	opacity:1;
}



#efRollover_c {
    position: absolute;
    top:212px;
	  left:59px;
    width: 181px;
    height: 24px;
    position: absolute;
    overflow: hidden;

}
#neogda-top_c {
	top:0px;
	left:0px;
    width:100%; /* resize */
    height:1px; /* resize */
    background-color: black;
    position: absolute;
}
#neogda-left_c {
	top:0px;
	left: 0px;
    width: 1px; /* resize */
    height: 100%; /* resize */
    background-color: black;
    position: absolute;
}
#neogda-bottom_c {
	bottom:0px;
	left: 0px;
    width: 100%; /* resize */
    height: 1px; /* resize */
    background-color: black;
    position: absolute;
}
#neogda-right_c {
	top:0px;
	right: 0px;
    width: 1px; /* resize */
    height: 100%; /* resize */
    background-color: black;
    position: absolute;
}
#c_exit{
    width: 728px;
    height: 90px;
    position: absolute;
}
