.footer .player .button {
  height: 45px;
  line-height: 45px;
  width: 45px;
  font-size: 25px;
}
.footer .player .details,
.footer .player .timing {
  line-height: 45px;
  font-size: 16px;
}
.footer .player .title,
.footer .player .duration,
.footer .player .current-time {
  line-height: 45px;
}
.footer .player .gui {
  height: 45px;
}
.footer .player .volume-bar {
  top: -5px;
}
.player-size-1 .button {
  height: 50px;
  line-height: 50px;
  width: 50px;
  font-size: 25px;
}
.player-size-1 .details,
.player-size-1 .timing {
  line-height: 50px;
  font-size: 16px;
}
.player-size-1 .title,
.player-size-1 .duration,
.player-size-1 .current-time {
  line-height: 50px;
}
.player-size-1 .gui {
  height: 50px;
}
.player-size-1 .volume-bar {
  top: -5px;
}
.player-size-3 .button {
  height: 20px;
  line-height: 20px;
  width: 20px;
  font-size: 20px;
}
.player-size-3 .details,
.player-size-3 .timing {
  line-height: 20px;
  font-size: 12px;
}
.player-size-3 .title,
.player-size-3 .duration,
.player-size-3 .current-time {
  line-height: 20px;
}
.player-size-3 .gui {
  height: 20px;
}
.player-size-3 .volume-bar {
  top: -5px;
}
.player-size-2 .button {
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.player-size-2 .details,
.player-size-2 .timing {
  line-height: 30px;
}
.player-size-2 .title,
.player-size-2 .duration,
.player-size-2 .current-time {
  line-height: 30px;
}
.player-size-2 .gui {
  height: 30px;
}
.player-size-2 .volume-bar {
  top: -2px;
}
.player {
  color: #ffffff;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  width: 100%;
  z-index: 2;
}
.player .guy-wrapper {
  display: table;
}
.player .gui {
  position: relative;
  display: table-row;
  width: 100%;
}
.player .control {
  position: relative;
  height: 100%;
  display: table-cell;
  line-height: 0;
  background-color: #000000;
}
.player .button {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
  color: inherit;
  background: 0 0;
  border: none;
}
.player .button:before {
  display: inline-block;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.player .control.volume {
  padding: 0 5px;
}
.player .volume-bar {
  position: relative;
  overflow: hidden;
  background-color: #000000;
  width: 50px;
  height: 5px;
  cursor: pointer;
}
.player .volume-bar-value {
  background-color: #ffffff;
  width: 0px;
  height: 5px;
}
.player .bar {
  display: table-cell;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000000;
}
.player .bar-single {
  display: block;
}
.player .bar-single .bar {
  display: block;
}
.player .seek-bar {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
  cursor: pointer;
}
.player .seek-bar.seek-bar-display {
  min-width: 0;
  background-color: #232323;
}
.player .play-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(38, 166, 154, 0.8);
}
.player .details,
.player .timing {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  padding: 0 12px;
}
.player .timing {
  text-align: right;
}
.player .no-solution {
  position: absolute;
  top: 0;
  left: 64px;
  height: 64px;
  right: 0;
  padding: 8px 0;
  line-height: 24px;
  text-align: center;
  display: none;
  color: #000;
  background-color: #f0ad4e;
}
.player .play:before {
  font-family: "picto-foundry-multimedia";
  content: "\f12f";
}
.player .mute:before {
  font-family: "picto-foundry-multimedia";
  content: "\f150";
}
.player .volume-max:before {
  font-family: "picto-foundry-multimedia";
  content: "\f14b";
}
.player.video .full-screen:before {
  font-family: "picto-foundry-arrows";
  content: "\f11b";
}
.state-playing .play:before {
  content: "\f129";
}
.state-full-screen .full-screen:before {
  content: "\f118";
}
.video-responsive {
  min-width: 320px;
  max-width: 1280px;
  width: 100%;
  height: auto;
}
.video-360p {
  width: 640px;
  height: 360px;
}
.video-270p {
  width: 480px;
  height: 270px;
}
.video-full {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  position: fixed !important;
  position: relative;
  /* Rules for IE6 (full-screen) */
  overflow: hidden;
}
/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
.video-full div div {
  z-index: 1000;
}
.video-full .gui {
  position: fixed !important;
  position: static;
  /* Rules for IE6 (full-screen) */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  /* 1 layer above the others. */
}
.player.video .jplayer {
  background-color: #000000;
}
.panel .player:last-of-type {
  margin-bottom: 0;
}
.toggles-control {
  right: 0;
}
.player.state-looped .repeat {
  background-color: #1c7d74;
}
.player.playlist .next:before {
  font-family: "picto-foundry-multimedia";
  content: "\f10e";
}
.player.playlist .previous:before {
  font-family: "picto-foundry-multimedia";
  content: "\f134";
}
.player.playlist .shuffle:before {
  font-family: "picto-foundry-arrows";
  content: "\f11d";
}
.player.playlist .repeat:before {
  font-family: "picto-foundry-arrows";
  content: "\f12c";
}
.player.playlist .jp-playlist ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.player.playlist .jp-playlist ul li {
  position: relative;
  margin-bottom: -1px;
  border: 1px solid #e2e9e6;
}
.player.playlist .jp-playlist ul li .jp-playlist-item {
  display: block;
  padding: 10px 15px;
  background-color: #ffffff;
  color: #555555;
}
.player.playlist .jp-playlist ul li .jp-free-media {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  border-left: 1px solid #e2e9e6;
}
.player.playlist .jp-playlist ul li .jp-free-media a {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 10px;
  background-color: #26a69a;
  color: #ffffff;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.player.playlist .jp-playlist ul li:last-child {
  margin-bottom: 0;
}
.player.playlist .jp-playlist ul li.jp-playlist-current,
.player.playlist .jp-playlist ul li.jp-playlist-current:hover,
.player.playlist .jp-playlist ul li.jp-playlist-current:focus {
  z-index: 2;
}
.player.playlist .jp-playlist ul li.jp-playlist-current a,
.player.playlist .jp-playlist ul li.jp-playlist-current:hover a,
.player.playlist .jp-playlist ul li.jp-playlist-current:focus a {
  color: #26a69a;
}
.panel .player.playlist .jp-playlist ul li {
  border-left: none;
  border-right: none;
}
.player-overlay {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 4;
}
.player-overlay.bottom {
  bottom: 0;
}
.player-overlay.top {
  bottom: 0;
}
.player-control-primary .control {
  background-color: #26a69a;
  color: #ffffff;
}
.player-control-overlay .control {
  background-color: rgba(0, 0, 0, 0.4);
}
.player-control-overlay .bar {
  background-color: rgba(0, 0, 0, 0.4);
}
.player-control-overlay .seek-bar.seek-bar-display {
  background-color: rgba(0, 0, 0, 0.05);
}
.player-white {
  color: #212121;
}
.player-white .bar {
  background-color: #fff;
}
.player-white .seek-bar.seek-bar-display {
  background-color: #fff;
}