/* Globals */
/* Colors */
/* Z Indexes */
/* Font Styles */
/* Icons */
#subtitleContainer.show-controls {
  bottom: 180px;
}

.player-controls {
  position: absolute;
  bottom: 57px;
  left: 48px;
  width: 1184px;
}
.player-controls.disable {
  display: none !important;
}
.player-controls .controls-container {
  position: relative;
  background: rgba(13, 19, 35, 0.95);
  height: 83px;
  width: 100%;
}
.player-controls .button {
  border: 0;
  margin-left: 0;
  margin-right: 0;
  width: 300px;
}

.fanart {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 50px;
  background: no-repeat;
  background-size: cover;
  z-index: 1;
}
.fanart .fanart-title, .fanart .fanart-subtitle {
  margin: 0;
  color: #FFFFFF;
}
.fanart .fanart-title {
  text-shadow: 1px 2px 3px #000;
}

video {
  width: 1476.9230769231px;
}

.button.osd-button-subtitleOption {
  left: 90.2%;
}

.button.osd-button-audioOption {
  left: 96.2%;
}

#audioOption img, #subtitleOption img {
  height: 32px;
  margin-top: 45%;
}

.button.osd-button-subtitleOption,
.button.osd-button-audioOption,
.button.osd-button-back,
.button.osd-button-skip-to-the-start,
.button.osd-button-skip-to-the-end,
.button.osd-button-rewind,
.button.osd-button-forward,
.button.osd-button-pause,
.button.osd-button-play,
.button.osd-button-subtitles,
.button.osd-button-audio {
  background: transparent;
  position: absolute;
  font-size: 16px;
  margin-top: -112px/2.6;
  margin-left: -112px/2.6;
  width: 86.1538461538px;
  height: 86.1538461538px;
  line-height: 86.1538461538px;
  border-radius: 86.1538461538px;
  border: transparent;
  top: 50%;
}
.button.osd-button-subtitleOption img,
.button.osd-button-audioOption img,
.button.osd-button-back img,
.button.osd-button-skip-to-the-start img,
.button.osd-button-skip-to-the-end img,
.button.osd-button-rewind img,
.button.osd-button-forward img,
.button.osd-button-pause img,
.button.osd-button-play img,
.button.osd-button-subtitles img,
.button.osd-button-audio img {
  position: relative;
  margin: 50% auto auto;
  top: -11px;
  height: 22px;
}

.button.osd-button-back {
  position: absolute;
  top: 50px;
  left: 60px;
}
.button.osd-button-back img {
  width: 24px;
  height: 24px;
}
.button.osd-button-back img.btn-normal {
  margin-left: 1px;
  width: 28px;
  height: 28px;
}
.button.osd-button-back .btn-active {
  display: none;
}
.button.osd-button-back.active .btn-normal {
  display: none;
}
.button.osd-button-back.active .btn-active {
  display: inherit;
}

.button.osd-button-pause,
.button.osd-button-play {
  left: 50%;
}
.button.osd-button-pause img,
.button.osd-button-play img {
  top: -15.3846153846px;
  height: 30.7692307692px;
}

.button.osd-button-skip-to-the-start {
  left: 35.8%;
}

.button.osd-button-skip-to-the-end {
  left: 65.2%;
}

.button.osd-button-rewind {
  left: 42.8%;
}

.button.osd-button-forward {
  left: 57.8%;
}

#player .button.osd-button-rewind {
  left: 42.2%;
}
#player .button.osd-button-forward {
  left: 58.2%;
}

.button.osd-button-subtitles img,
.button.osd-button-audio img {
  position: relative;
  float: left;
  margin-top: 50%;
  margin-left: 15%;
}
.button.osd-button-subtitles div,
.button.osd-button-audio div {
  float: left;
  margin-left: 2px;
}

.button.osd-button-subtitles {
  left: 87.7%;
}
.button.osd-button-subtitles img {
  top: -12px;
  height: 24px;
}

.button.osd-button-audio {
  left: 95.2%;
}
.button.osd-button-audio img {
  top: -12px;
  height: 24px;
}

.button.osd-button-subtitleOption.active,
.button.osd-button-audioOption.active,
.button.osd-button-subtitleOption:hover,
.button.osd-button-audioOption:hover,
.button.osd-button-back.active,
.button.osd-button-skip-to-the-start.active,
.button.osd-button-skip-to-the-end.active,
.button.osd-button-rewind.active,
.button.osd-button-forward.active,
.button.osd-button-pause.active,
.button.osd-button-play.active,
.button.osd-button-subtitles.active,
.button.osd-button-audio.active,
.button.osd-button-back:hover,
.button.osd-button-skip-to-the-start:hover,
.button.osd-button-skip-to-the-end:hover,
.button.osd-button-rewind:hover,
.button.osd-button-forward:hover,
.button.osd-button-pause:hover,
.button.osd-button-play:hover,
.button.osd-button-subtitles:hover,
.button.osd-button-audio:hover {
  background: #f36e23;
  width: 86.1538461538px;
  height: 86.1538461538px;
  line-height: 86.1538461538px;
  border-radius: 86.1538461538px;
}

.controls {
  color: white;
}

.progress-container {
  position: relative;
  width: 100%;
  height: 28px;
}

.current-time {
  text-shadow: 0 0 5px black;
}

.total-time {
  position: absolute;
  right: 0;
  text-shadow: 0 0 5px black;
}

/* Timeline */
.timeline-container {
  position: absolute;
  left: 50%;
  margin: 11.5384615385px auto 0 -1425px/2.6;
  height: 9.2307692308px;
  width: 1117.4556213018px;
  border-radius: 3.8461538462px;
}

.timeline-mask {
  position: absolute;
  left: 50%;
  margin: 11.5384615385px auto 0 -1425px/2.6;
  height: 9.2307692308px;
  background: rgba(13, 19, 35, 0.95);
  width: 1096.1538461538px;
  border-radius: 3.8461538462px;
}

.timeline-progress {
  display: block;
  float: left;
  width: 0;
  height: 100%;
  background-color: #ff6e1d;
  overflow: hidden;
  border-radius: 3.8461538462px;
}

.button.timeline-indicator {
  float: left;
  background: transparent;
  margin-top: -9.2307692308px;
  margin-left: -27.6923076923px/2;
  width: 27.6923076923px;
  height: 27.6923076923px;
  border-radius: 50%;
}
.button.timeline-indicator:hover, .button.timeline-indicator.active {
  background: #ff6e1d;
  box-shadow: -3px 1px 5px rgba(0, 0, 0, 0.5);
}

.timeline-progress__seeking,
.button.timeline-indicator.timeline-progress__seeking {
  background: #f38e23;
}

.settings-container {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(13, 19, 35, 0.8);
}
.settings-container .container {
  position: relative;
  top: 200px;
  width: 400px;
  margin: auto;
  text-align: center;
}

.videosub-bar {
  font-size: 26.9230769231px !important;
}

.player {
  background-color: black;
}

.subtitle {
  width: 100%;
  position: absolute;
  bottom: 75px;
  text-align: center;
  font-size: 46.1538461538px;
  text-shadow: 0 0 5px black;
  color: #FFFFFF;
}
.subtitle.show-controls {
  bottom: 202.3076923077px;
}

.fanart-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000 no-repeat;
  background-size: cover;
}

.samsung {
  background: none;
}
.samsung .fullscreen_overlay, .samsung .player {
  background: none;
}

#player-subtitle {
  display: none;
  text-align: center;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  background-size: cover;
}
#player-subtitle #title-subtitle {
  padding-top: 20%;
}
#player-subtitle #title-subtitle .img-box {
  float: left;
  width: 47%;
}
#player-subtitle #title-subtitle .img-box img {
  float: right;
  padding-right: 6px;
}
#player-subtitle #title-subtitle .title-box {
  float: right;
  width: 53%;
}
#player-subtitle #title-subtitle .title-box span {
  float: left;
  padding-top: 5px;
}
#player-subtitle #options-subtitle {
  clear: both;
  padding-top: 1px;
}
#player-subtitle #options-subtitle ul {
  list-style-type: none;
  padding-left: 0;
}
#player-subtitle #options-subtitle li {
  margin-bottom: 10px !important;
  border-radius: 5px !important;
  font-size: 20px;
  text-align: justify;
}
#player-subtitle #options-subtitle .check-mark {
  padding-left: 16%;
  display: list-item;
  list-style: inside url("../images/check36.png");
  position: relative;
}
#player-subtitle #options-subtitle .check-mark span {
  position: absolute;
}
#player-subtitle #options-subtitle .subtitle-option {
  padding-left: 30%;
}
#player-subtitle #goBack-subtitle {
  margin-top: 50px;
}

#player-audio {
  display: none;
  text-align: center;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  background-size: cover;
}
#player-audio #title-audio {
  padding-top: 20%;
}
#player-audio #title-audio .img-box {
  float: left;
  width: 47%;
}
#player-audio #title-audio .img-box img {
  float: right;
  padding-right: 6px;
}
#player-audio #title-audio .title-box {
  float: right;
  width: 53%;
}
#player-audio #title-audio .title-box span {
  float: left;
  padding-top: 5px;
}
#player-audio #options-audio {
  clear: both;
  padding-top: 1px;
}
#player-audio #options-audio ul {
  list-style-type: none;
  padding-left: 0;
}
#player-audio #options-audio li {
  margin-bottom: 10px !important;
  border-radius: 5px !important;
  font-size: 20px;
  text-align: justify;
}
#player-audio #options-audio .check-mark {
  padding-left: 16%;
  display: list-item;
  list-style: inside url("../images/check36.png");
  position: relative;
}
#player-audio #options-audio .check-mark span {
  position: absolute;
}
#player-audio #options-audio .subtitle-option {
  padding-left: 30%;
}
#player-audio #goBack-audio {
  margin-top: 50px;
}