@charset "UTF-8";
/* Globální funkce */
/* Mixins metody */
/* Grid WT | Bootstrap MD */
/************************
*		  Reset  		*
************************/
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box; }

strong, b {
  font-weight: 700; }

[hidden], .hidden {
  display: none !important; }

.btn, button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  outline: none;
  font-family: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif; }

input[type="text"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="email"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  font-family: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif; }

.far span, .fas span, .fab span, .fa span {
  font-weight: 400;
  font-family: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif; }

/************************
*	WebTutorials GRID	*
************************/
.wt-inline {
  display: flex;
  flex-wrap: wrap; }
  .wt-inline.wt-h-space-between {
    justify-content: space-between; }
  .wt-inline.wt-h-space-around {
    justify-content: space-around; }
  .wt-inline.wt-h-center {
    justify-content: center; }
  .wt-inline.wt-h-flex-start {
    justify-content: flex-start; }
  .wt-inline.wt-h-flex-end {
    justify-content: flex-end; }
  .wt-inline.wt-v-center {
    align-items: center; }
  .wt-inline.wt-v-flex-start {
    align-items: flex-start; }
  .wt-inline.wt-v-flex-end {
    align-items: flex-end; }

/************************
*	Bootstrap MD GRID	*
************************/
.bt-wrapp {
  width: 100%;
  display: inline-block; }

.col {
  float: left; }
  .col::after {
    content: "";
    display: table; }

.col-md-1 {
  width: calc((100% * 1) / 12); }

.col-md-2 {
  width: calc((100% * 2) / 12); }

.col-md-3 {
  width: calc((100% * 3) / 12); }

.col-md-4 {
  width: calc((100% * 4) / 12); }

.col-md-5 {
  width: calc((100% * 5) / 12); }

.col-md-6 {
  width: calc((100% * 6) / 12); }

.col-md-7 {
  width: calc((100% * 7) / 12); }

.col-md-8 {
  width: calc((100% * 8) / 12); }

.col-md-9 {
  width: calc((100% * 9) / 12); }

.col-md-10 {
  width: calc((100% * 10) / 12); }

.col-md-11 {
  width: calc((100% * 11) / 12); }

.col-md-12 {
  width: calc((100% * 12) / 12); }

.col-md-offset-1 {
  margin-left: calc((100% * 1) / 12); }

.col-md-offset-2 {
  margin-left: calc((100% * 2) / 12); }

.col-md-offset-3 {
  margin-left: calc((100% * 3) / 12); }

.col-md-offset-4 {
  margin-left: calc((100% * 4) / 12); }

.col-md-offset-5 {
  margin-left: calc((100% * 5) / 12); }

.col-md-offset-6 {
  margin-left: calc((100% * 6) / 12); }

.col-md-offset-7 {
  margin-left: calc((100% * 7) / 12); }

.col-md-offset-8 {
  margin-left: calc((100% * 8) / 12); }

.col-md-offset-9 {
  margin-left: calc((100% * 9) / 12); }

.col-md-offset-10 {
  margin-left: calc((100% * 10) / 12); }

.col-md-offset-11 {
  margin-left: calc((100% * 11) / 12); }

.col-md-offset-12 {
  margin-left: calc((100% * 12) / 12); }

.playList {
  position: relative; }
  .playList.open .opener {
    background: #d51216; }
  .playList.open .invisible-options {
    max-height: 500px;
    background: #d51216; }
  .playList.open.current .title {
    color: white; }
  .playList .title {
    color: #ccc;
    width: 100px;
    margin-right: 6px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 90%; }
  .playList.current .title {
    color: #d51216; }
  .playList .invisible-options {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 100%;
    width: 157px;
    overflow: hidden;
    max-height: 0;
    transition: 0.5s; }
    .playList .invisible-options a {
      height: 50px;
      display: flex;
      align-items: center;
      padding: 5px;
      transition: .2s;
      color: white;
      text-decoration: none;
      line-height: 20px; }
      .playList .invisible-options a.vip {
        color: #fff936; }
      .playList .invisible-options a img {
        max-height: 40px;
        max-width: 40px;
        margin-right: 10px; }
      .playList .invisible-options a:hover {
        background: #770a0c; }
  .playList .opener {
    margin-right: 12px;
    background: transparent;
    padding: 5px; }
    @media (min-width: 320px) {
      .playList .opener {
        margin-right: calc(10vw - 20px); } }
    @media (min-width: 500px) {
      .playList .opener {
        margin-right: 30px; } }

#actionPlay {
  background: transparent;
  margin-right: 40px; }
  #actionPlay .image {
    width: 76px;
    height: 76px;
    display: block;
    background: no-repeat;
    background-size: contain; }
    #actionPlay .image.play {
      background-image: url("../images/play.png"); }
    #actionPlay .image.pause {
      background-image: url("../images/pause.png"); }
  @media (max-width: 500px) {
    #actionPlay {
      height: 35px; }
      #actionPlay .image {
        width: 35px;
        height: 35px; } }

.cd-on-stream {
  margin-right: 25px;
  position: relative;
  max-width: 234px;
  max-height: 164px;
  overflow: hidden; }
  .cd-on-stream img {
    max-width: 100%; }
  .cd-on-stream img:first-child {
    position: relative;
    z-index: 9; }
  .cd-on-stream img:nth-child(2) {
    position: absolute;
    top: 5px;
    left: 19px;
    max-width: calc(100% - 40px); }
  @media (max-width: 500px) {
    .cd-on-stream {
      margin-right: 0; } }
  @media (max-width: 340px) {
    .cd-on-stream {
      display: none; } }

.stream-title {
  font-size: 25px;
  color: #d51216;
  font-weight: 700; }
  .stream-title a {
    color: #d51216;
    text-decoration: none; }

.porad-title {
  color: rgba(255, 255, 255, 0.65);
  font-size: .875rem;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0.25rem 0 .375rem; }

.custom-player-lib {
  width: calc(100% - 563px);
  padding-right: 240px;
  position: relative; }
  @media (max-width: 1023px) {
    .custom-player-lib {
      width: 100%;
      margin-top: 30px;
      padding-bottom: 20px; } }
  @media (max-width: 600px) {
    .custom-player-lib {
      padding-right: 0; } }
  .custom-player-lib p {
    color: #d9d9d9;
    font-size: 17px; }
  .custom-player-lib .jp-progress {
    height: 10px;
    width: 100%; }
    .custom-player-lib .jp-progress .jp-seek-bar {
      background: #0b0b0b;
      height: 10px;
      position: relative; }
      .custom-player-lib .jp-progress .jp-seek-bar .jp-play-bar {
        position: absolute;
        left: 0;
        top: 0;
        height: 10px;
        background: #d51216;
        transition: width .8s; }

.jp-volume-bar {
  background: #0b0b0b;
  height: 10px;
  position: relative; }
  .jp-volume-bar .jp-volume-bar-value {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    background: #d51216; }

.jp-volume-controls {
  position: absolute;
  text-align: center;
  top: 0;
  right: 10px;
  width: 210px; }
  @media (max-width: 600px) {
    .jp-volume-controls {
      position: relative; } }

@media (max-width: 600px) {
  .jp-gui.jp-interface {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .jp-gui.jp-interface .jp-volume-controls {
      order: 2;
      text-align: left; }
  .jp-controls-holder {
    width: 90%; } }

@media (max-width: 600px) {
  .prave-posloucha {
    display: none; } }

.prave-posloucha.cislo {
  font-size: 25px;
  color: #d51216;
  font-weight: 700; }

.jp-mute {
  background: transparent;
  margin-left: 27px; }
  @media (max-width: 600px) {
    .jp-mute {
      margin-left: 0; } }

.posluchaci_boxik {
  padding-top: 16px; }

.jp-volume-bar {
  margin-left: 12px;
  width: calc(100% - 100px); }
  @media (max-width: 600px) {
    .jp-volume-bar {
      width: calc(100% - 50px); } }

.jp-controls {
  display: none; }

.jp-progress {
  margin-top: 28px; }

@media (max-width: 404px) {
  .playList, #actionPlay {
    width: auto;
    margin-bottom: 20px; } }

.audio-player-panel {
  background: #161616;
  padding: 12px 0; }
  @media (max-width: 1023px) {
    .audio-player-panel > div {
      justify-content: center; } }

/*# sourceMappingURL=player.css.map */