.controlBarContainer{
  display: none !important;
}

/* Video Player */
.next:hover{
  text-decoration: none;
}

.videoPlayer  {
  width: 100%;
  height: auto;
  margin:  13px auto 0px;
  border-radius:  6px;
  overflow:  hidden;
  background-color:  #202020;
}

  @media (max-width: 767px)  {
  .videoPlayer  {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
}
.videoScreen  {
  background: url('../img/ajax-loader.gif') no-repeat center center;
  width: 100% !important;
  height: auto;
  position:  relative;
  overflow:  hidden;
}

  .videoScreen::after  {
  padding-top:  56.25%;
  display:  block;
  content:  '';
}

/* object */
  .videoPosition object, .videoPosition .kWidgetIframeContainer {
  position:  absolute;
  height:  100%;
  width: 100%;
}

.videoMenu,  .controls  {
  height:  30px;
}

  .videoMenu ul,  ul.controls  {
  list-style:  none;
  margin:  0px;
  padding:  0px;
  height: 30px;
}

  .videoMenu li,  .controls li  {
  float:  left;
  padding:  5px 0px;
  height:  30px;
}

  .videoMenu li: first-child,  .controls li:first-child  {
  border-left: none;
}

  .videoMenu li: last-child,  .controls li:last-child  {
  border-right: none;
}

  .videoMenu li: last-child,  .controls li:last-child  {
  border-left: 1px solid #444;
}

  @media (max-width:  480px)  {
  .videoMenu li,  .videoMenu li: first-child,  .videoMenu li:last-child  {
  border:  none;
}
}
  .videoMenu li a,  .controls li a  {
  padding:  0px 15px;
  color:  #fff;
  text-decoration:  none;
}

  .videoMenu li a:hover,  .controls li a:hover  {
  text-decoration:  none;
  /*color: #ddd;
  */}
  .controls .rightMenu  {
  float:  right !important;
}

  .pageNumber  {
  float:  left;
  color:  #fff;
  font-weight:  bold;
  margin:  5px 10px;
}


/* Video Player Controls */
.videoControls  {
  min-height:  35px;
  width: 100%;
  height:  100%;
  position:  relative;
}

  .caret  {
  border-top-color:  #fff;
  border-bottom-color:  #fff;
  margin-top:  9px;
}

  /* Progress Bar */
  .progressBar  {
  position: relative;
  z-index: 20;
  height: 5px;
  background-color:  #eaeaea;
  border-bottom:  1px solid #444;
  cursor:  pointer;
}

  .progressBar:hover  {
  height: 20px;
  margin: -15px 0px 0px;
}

  .bufferBar  {
  position:  absolute;
  z-index:  21;
  background-color:  rgba(79, 54, 116,  0.3);
  height: 100%;
}

  .timeBar  {
  position:  absolute;
  z-index:  22;
  background-color: #4F3674;
  height: 100%;
  border-right:  1px solid #fff;
}

    /*.timeBar: after  {
  content:  '';
  position:  absolute;
   right:  0;
  width: 10px;
  height: 10px;
  background-color:  #fff;
  border-radius: 5px;
  margin:  -2px -5px;
}
*/
  .progressBar,  .bufferBar,  .timeBar  {
  -webkit-transition:  width 0.4s;
  -moz-transition:  width 0.4s;
  -o-transition:  width 0.4s;
  transition:  width 0.4s;
}

  /* Controls */
  .controls  {
  margin:  0px 5px;
  color: #fff;
  text-shadow:  2px 2px 0 #000;
  overflow: hidden;
}

  .controls li a: hover {
  background-color:  #121212;
}

  .controls li a.disabled {
  cursor:  default;
  background-image:  none;
  opacity:  .65;
  filter:  alpha(opacity=65);
  -webkit-box-shadow:  none;
  -moz-box-shadow:  none;
  box-shadow:  none;
}

    .controls li a.disabled: hover {
  background:  none !important;
}

  li .btnPlay,  li .pause,  li .replay  {
  padding:  7px 42px !important;
  cursor:  pointer;
}

  li .btnPlay: hover,  li .pause:hover,  li .replay:hover  {
  -webkit-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}

  li .transcript: hover  {
  -webkit-border-radius-bottomright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}

  .btnPlay  {
}

  .pause  {
  display:  none;
}

  .replay  {
  display:  none;
}

  @media (max-width:  480px)  {
  .btnPlay  {
  display:  none;
}
.pause  {
  display:  none;
}
.replay  {
  display:  none;
}
}
  .volume  {
  width:  100px;
  height:  10px;
  background:  #eaeaea;
  margin:  -16.5px 5px 0px 44px;
  position:  relative;
  z-index:  20;
  overflow: hidden;
  cursor: pointer;
}

  .volume .volumeBar  {
  height:  100%;
  background-color: #4F3674;
  position:  absolute;
  z-index:  21;
}

  .volume .volumeMute  {
  background-color:  rgb(221,  74,  74);
}

  li.volumeBox  {
  width:  150px;
  overflow:  hidden;
}

/*    li.volumeBox:hover  {
  width:  150px;
  overflow:  hidden;
} */

  li.volumeBox .sound  {
  cursor: pointer;
  /*padding:  7px 10px;
  */}
  span.current  {
  margin-left: 5px;
}

  span.duration  {
  margin-right: 5px;
}


/* Pulsate Controls */
.pulsate  {

  -webkit-animation:  pulsate 1s 10 alternate;

  -moz-animation:  pulsate 1s 10 alternate;

  -animation:  pulsate 1s 10 alternate;

}
@-webkit-keyframes pulsate  {

  from  {
   background-color:  #232323;
 }

  to  {
   background-color:  rgb(20,  155,  223);
 }

}
@-moz-keyframes pulsate  {

  from  {
   background-color:  #232323;
 }

  to  {
   background-color:  rgb(20,  155,  223);
 }

}
@keyframes pulsate  {

  from  {
   background-color:  #232323;
 }

  to  {
   background-color:  rgb(20,  155,  223);
 }

}

/* Video Transcript */
.videoTranscript  {
  display: none;
  background-color:  #fff;
  padding:  5px;
  margin:  5px;
  height:  100px;
  overflow-y:  scroll;
  -webkit-border-radius:  3px;
  -moz-border-radius:  3px;
  border-radius:  3px;
}



.mwEmbedPlayer  {
  width: 852px !important;
  height: 482px !important;
}

.ui-state-default  {
  display: none !important;
}


/* Dimming Help/Lights out */
.dimOver {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background:  url('../img/lightout.png');
  display: none;
  text-align: left;
}

  .dimInteractive  {
  overflow-y:  scroll;
}

.dimHelp {
  position: absolute;
  top: 0;
  left: 0;
  width: 852px;
  height: 480px;
  z-index: 600;
  background:  url('../img/help.png');
  display: none;
  text-align: left;
  float: left;
}

.helpScreen  {
  margin:  50px;
  font-size: 14px;
  color:  #fff;
}

  .helpScreen a {
  color: #fff !important;
}

  .helpScreen .close {
  opacity:  1 !important;
  -moz-opacity:  1 !important;
  filter: alpha(opacity=1);
 }

  .help-tabs a  {
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  float: left;
  margin:  9px 20px 0px;
}

.tab1  {
  float:  left;
  width:  371px;
  margin-right:  10px;
  display:  inline;
}

.tab2  {
  float:  left;
  width:  371px;
  height:  380px;
  display:  inline;
  overflow: auto;
}

.tabwide  {
  width:  752px;
  height:  355px;
  overflow: auto;
}

  .help-tabs .active a  {
  font-size: 40px;
  line-height: 30px;
  font-weight: normal;
  float: left;
  margin: 0px 20px 0px 20px;
}

.helpText  {
  text-indent: 25px;
  clear:  both;
  text-shadow:  1px 1px 1px black;
}

  .helpText p {
  margin-top: 10px;
}


  .followupScreen a {
  color: #fff !important;
}

  .followupScreen  {
  font-size:  16px;
  color:  #fff;
  height:  100%;
}

  .followup  {
  margin:  25% 50px 0px;
  text-align:  center;
}

  @media (max-width: 979px)  {

  .followup  {
  margin:  15% 25px 0px;
}

  }
  @media (max-width: 767px)  {

  .followupScreen  {
  font-size:  12px;
}

  .followup  {
  margin:  5% 25px 0px;
}

  }
  @media (max-width: 480px)  {

  .followupScreen  {
  font-size:  10px;
}

  .followup  {
  margin:  0 10px 0px;
}

  }

#loading  {
  position:  absolute;
  left:  50%;
  top: 50%;
  width:  300px;
  margin-left:  -150px;
  margin-top:  -100px;
}

#loading  {
  background-color:  #000;
  color:  #fff;
  text-align:  center;
}

  @media (max-width: 979px)  {

  #loading  {
  top: 20%}
  }
  #loading .modal-header  {
  border-bottom:  none;
}

  #loading .modal-body  {
  background: url(../img/ajax-loader.gif) no-repeat center;
}