.video-js .vjs-control-bar {
  background-color: #2B333F;
  background-color: rgba(29, 29, 32, 0.8);
  display: flex;
}

.video-js .vjs-control-bar:hover {
  background-color: rgba(29, 29, 32, 1);
}

.video-js .vjs-loading-spinner {
  background: #0f0f0f url(/images/ajax_loading_dark_bg.gif?4220114285) no-repeat center center !important;;
  border: 0 !important;
  opacity: 0.7 !important;
}

.video-js .vjs-loading-spinner:before,
.video-js .vjs-loading-spinner:after {
  display: none !important;
}

.video-js .vjs-big-play-button {
  height: 60px;
  width: 60px;
  border: 0;
  border-radius: 30px;
  background-color: rgba(29, 29, 32, 0.8);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  transition: none;
  z-index: 5;
}

.video-js .vjs-big-play-button:before {
  line-height: 60px;
}

.video-js:hover .vjs-big-play-button {
  background-color: rgba(29, 29, 32, 0.8);
}

.video-js .vjs-big-play-button:hover {
  background-color: rgba(29, 29, 32, 1);
}

.video-js.vjs-paused .vjs-big-play-button {
  display: block;
}

/*sharing*/

.vjs-sharing-container .footer-button {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  border: 2px solid #3e464e;
  cursor: pointer;
  margin: 10px;
  background: no-repeat center center;
  background-size: 22px 22px;
  outline: none !important;
  padding: 0;
}

.vjs-sharing-container .btn-tw {background-image: url(/images/x2/icon_social_twitter.png?4213407617);}
.vjs-sharing-container .btn-gp {background-image: url(/images/x2/icon_social_google.png?8830209715);}
.vjs-sharing-container .btn-em {background-image: url(/images/x2/icon_social_mail.png?6046075763); background-size: 18px;}

.vjs-sharing-container .footer-button:hover {
  border-color: #fff;
}

.video-js > .vjs-control.vjs-share-button {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  top: 8px;
  right: 8px;
  cursor: pointer;
  background: rgba(29, 29, 32, 0.8) url(/images/x2/icon_social_share.png?7084548039) no-repeat 11px 11px;
  background-size: 16px 13px;
  z-index: 10;
}

.video-js > .vjs-control.vjs-share-button:hover {
  background-color: rgba(29, 29, 32, 1);
}

.vjs-embedCode-container {
  width: 340px;
  margin: 0 auto;
}

.vid-sharing-links {
  text-align: center;
  width: 340px;
  margin: 0 auto;
}

.middleLineBG {
  background: url(/images/mobile/dot-for-middle-line-bg.png?1267609047) repeat-x left center;
  margin: 20px 0;
  text-align: center;
}

.middleLineBG .socialHeading {
  font-size: 11px;
  color: #252525;
  margin: 10px 0;
  padding: 5px 10px;
  background: #fff;
  border-radius: 13px;
}

.vid-sharing-links label {
  display: block;
  padding: 5px;
}

.vid-sharing-links input {
  margin-bottom: 5px;
  width: 100%;
  border-radius: 16px;
  border: 0;
  padding: 8px 10px;
  outline: none;
  color: #777;
}

/*related*/

.video-js.vjs-has-started  > .vjs-control.vjs-relative-button {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  top: 8px;
  left: 8px;
  cursor: pointer;
  background: rgba(29, 29, 32, 0.8) url(/images/x2/icon_social_similar.png?1688397681) no-repeat center center;
  background-size: 18px 12px;
  z-index: 10;
}

.video-js.vjs-has-started  > .vjs-control.vjs-relative-button:hover {
  background-color: rgba(29, 29, 32, 1);
}

.site4sync .vjs-control.vjs-relative-button,
.site4sync .vjs-relative-overlay {
  display: none !important;
}

.vjs-relative-container {
  padding: 0 20%;
}

.relativeVideo:hover {
  box-shadow: 0 0 30px rgba(117, 117, 128, 0.8);
}

.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  top: -30px !important;
  right: -18px !important;
  font-size: 10px !important;
  padding: 8px !important;
}

/*embed*/

html[data-embed],
body.embedVideoPlayer,
.embedVideoPlayer .embed-vjs-player,
.embedVideoPlayer .video-js {
  height: 100% !important;
}

.embedVideoPlayer .vjs-fluid {
  padding: 0 !important;
}

/*logo*/
.vjs-custom-logo a {
  outline: none;
}

.vjs-custom-logo img {
  padding: 7px;
  width: 70px;
  height: 27px;
  border: 0;
  background: url(/images/footer_logo.png?7487956398) no-repeat center center;
  background-size: 60px 13px;
}

.site4sync .vjs-custom-logo img {
  background: url(/4sync.com/images/index/logo-2014.png?3464325414) no-repeat center center;
  background-size: 50px 23px;
}

/*IE9 fixes*/

.IE9 .vjs-progress-control {
  position: absolute !important;
  left: 140px;
  right: 100px;
  width: auto !important;
}

.IE9.embedVideoPlayer .vjs-progress-control {
  right: 160px;
}

.IE9 .video-js .vjs-slider {
  margin-top: 13px;
}

.IE9 .vjs-remaining-time,
.IE9 .vjs-remaining-time + .vjs-custom-control-spacer,
.IE9 .vjs-fullscreen-control {
  position: absolute !important;
  right: 10px;
}

.IE9 .vjs-remaining-time {
  right: 50px;
}

.IE9.embedVideoPlayer .vjs-remaining-time {
  right: 120px;
}

.IE9 .vjs-remaining-time + .vjs-custom-control-spacer {
  right: 50px;
}

.IE9 .slideshowWrapper .video-js {
  height: 100% !important;
  width: auto !important;
  margin: auto;
}

.IE9 .slideshowWrapper .video-js video {
  outline: none;
}

body[class*="IE"] .video-js .vjs-control:before {
  font-size: 18px;
}

.IE9 .vjs-sharing-overlay,
.IE10 .vjs-sharing-overlay,
.IE11 .vjs-sharing-overlay {
  display: block !important;
  padding-top: 13%;
}

.IE9 .vjs-sharing-container,
.IE10 .vjs-sharing-container,
.IE11 .vjs-sharing-container {
  display: block;
}

/*hide download button on html5 audio/video native player*/

.Chrome audio::-internal-media-controls-download-button,
.Chrome video::-internal-media-controls-download-button {
  display:none;
}

.Chrome audio::-webkit-media-controls-enclosure,
.Chrome video::-webkit-media-controls-enclosure {
  overflow:hidden;
}

.Chrome audio::-webkit-media-controls-panel,
.Chrome video::-webkit-media-controls-panel {
  width: calc(100% + 40px); /* Adjust as needed */
}

.inVideoRekl {
  width: 468px;
  margin: 0 auto;
  position: absolute;
  z-index: 10;
  bottom: 45px;
  left: 0;
  right: 0;
  display: none;
}

.rtl .video-js {
  overflow: hidden;
}

/*loading before player*/

.errorOverlayBlock {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #444b51;
  color: #fff;
  display: none;
}

.site4sync .jsDelayCounterBlock,
.slideshowWrapper .jsDelayCounterBlock {
  display: none !important;
}

.playerWrapper .errorOverlayText a,
.playerWrapper.lt .errorOverlayText a,
.playerWrapper .errorOverlayText a:hover {
  color: #fff;
}

.errorOverlayBlock .errorOverlayText {
  position: absolute;
  height: 45px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  top: 45%;
  margin-top: -15px;
  font-size: 13px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.jsDelayCounterBlock .errorOverlayText a {
  color: #31a0ff;
  text-decoration: none;
}

.jsDelayCounterBlock .errorOverlayText a:hover {
  color: #31a0ff;
  text-decoration: underline;
}

.loadingLine {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  z-index: 2;
  width: 0;
  background: #31a0ff;

  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-name: progressBarPlayerLoad;
}

@keyframes progressBarPlayerLoad {
  0% {width: 0;}
  100% {width: 100%}
}