.repro19 .player-wpr {
  max-width: 600px;
  min-width: 270px;
  height: 340px;
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: 0 1px 0 #000, 0 2px 0 #444444, 0 3px 0 #666666, 0 4px 0 #444444, 0 5px 0 #000, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
  color: #FFF;
  position: relative;
  margin: 5px auto;
  border-radius: 10px;
  overflow: hidden
}
.repro19 .blur, .repro19 .player-ctr {
  height: 340px;
  position: absolute;
  top: 0
}
.repro19 .player-ctr {
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10
}
.repro19 .blur {
  background: url(logo.gif?1);
  width: 100%;
  background-size: cover;
  -webkit-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  transform: scale(1.00);
  opacity: .8;
  z-index: -1
}
.repro19 .album-cover-wpr {
  width: 210px;
  margin: 0 auto
}
.repro19 .album-cover {
  width: 210px;
  height: 210px;
  background: url(logo.gif?1);
  background-size: 100% 100%;
  position: relative;
  margin: 12px auto 0;
  border-radius: 8px;
  -webkit-box-shadow: -2px -2px 30px 6px rgba(0, 0, 0, .6);
  -moz-box-shadow: -2px -2px 30px 6px rgba(0, 0, 0, .6);
  box-shadow: -2px -2px 30px 6px rgba(0, 0, 0, .6);
  z-index: 2
}
.repro19 .track-info-wpr {
  font-family: 'Roboto Condensed', sans-serif;
  max-width: 600px;
  height: 40px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  text-align: center;
  position: relative;
  margin: 10px 80px 0;
  padding-top: 0px;
  border-left: 1px solid rgba(255, 255, 255, .17);
  border-right: 1px solid rgba(255, 255, 255, .17);
  overflow: hidden;
  z-index: 5
}
.repro19 .track-info-ctr {
  max-width: 330px;
  position: relative;
  margin: 0 auto;
  overflow: hidden
}
.repro19 .songtitle {
  color: rgba(255, 255, 255, .9)
}
.repro19 .artist-name {
  color: rgba(255, 255, 255, 1)
}
.repro19 .servertitle {
  font-family: 'Roboto Condensed', sans-serif;
  max-width: 400px;
  font-size: 18px;
  color: rgba(255, 255, 255, .94);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 58px;
  margin: 0 auto
}
.repro19 .listeners {
  max-width: 100px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  bottom: 14px;
  right: 212px
}
.repro19 .history-artist-name, .repro19 .history-songtitle {
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.repro19 .listeners:before {
  content: "\f0c0";
  font-size: 18px;
  padding-right: 6px;
  vertical-align: top
}
.repro19 .ppBtn {
  width: 40px;
  height: 40px;
  background-position: center center;
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 4px solid rgba(255, 0, 0, .57);
  border-radius: 50%;
  cursor: pointer
}
.repro19 .play-btn:before {
  content: "\f144";
  text-align: center;
  font-size: 36px;
  color: rgba(251, 255, 255, 1.00);
  width: 36px;
  height: 36px;
  background-color: rgba(0, 255, 0, 0.37);
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  transition: background-color ease .5s
}
.repro19 .stop-btn:before {
  content: "\f28b";
  text-align: center;
  font-size: 36px;
  color: rgba(255, 255, 255, 1.00);
  width: 36px;
  height: 36px;
  background-color: rgba(0, 255, 0, 0.37);
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  transition: background-color ease .5s
}
.repro19 .ppBtn:hover:before {
  background-color: rgba(255, 0, 0, .44);
}
.repro19 .icons-left, .repro19 .icons-right {
  width: 24px;
  height: 24px;
  font-size: 24px;
  cursor: pointer
}
.repro19 .icons-left-wpr {
  position: absolute;
  bottom: 10px;
  right: -15px;
  z-index: 11
}
.repro19 .icons-right-wpr {
  text-align: left;
  position: absolute;
  bottom: 10px;
  left: -10px;
  z-index: 11
}
.repro19 .icons-left {
  text-align: center;
  margin-right: 28px
}
.repro19 .icons-right {
  text-align: left;
  margin-left: 28px
}
.repro19 .icons-serverinfo:before {
  content: "\f233"
}
.repro19 .icons-history:before {
  content: "\f1da"
}
.repro19 .icons-share:before {
  content: "\f14d"
}
.repro19 .icons-volume1:before {
  content: "\f028"
}
.repro19 .icons-volume2:before {
  content: "\f026"
}
.repro19 .icons-volume3:before, .repro19 .icons-volumeM:before {
  content: "\f028"
}
.repro19 .icons-volumeM {
  display: none
}
.repro19 .icons-volumeM2:before {
  content: "\f6a9"
}
.repro19 .icons-close:before {
  content: "\f057"
}
.repro19 .volume-slider {
  position: absolute;
  bottom: 12px;
  left: 52px;
  display: auto;
  z-index: 10
}
.repro19 input[type=range] {
  width: 190px;
  height: 6px;
  background: 0 0;
  padding: 6px 0;
  transform: rotate(0deg);
  transform-origin: bottom;
  -webkit-appearance: none;
  cursor: pointer
}
.repro19 input[type=range]:focus {
  outline: 0
}
.repro19 input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, .54);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  animate: .2s
}
.repro19 input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(255, 255, 255, .54)
}
.repro19 input[type=range]::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  background: #000ccc;
  margin-top: -4px;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none
}
.repro19 input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, .54);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  animate: .2s
}
.repro19 input[type=range]::-moz-range-thumb {
  width: 6px;
  height: 6px;
  background: #ccc;
  border: 5px solid #fff;
  border-radius: 50%;
  cursor: pointer
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .repro19 input[type=range] {
    width: 90px;
    height: 16px;
    background: 0 0;
    margin-top: 0;
    padding: 6px 0;
    cursor: pointer
  }
}
.repro19 input[type=range]::-ms-tooltip {
  display: none
}
.repro19 input[type=range]::-ms-track {
  width: 100%;
  height: 6px;
  background: 0 0;
  color: transparent;
  margin: 0;
  padding: 0;
  border: 0 transparent;
  cursor: pointer;
  animate: .2s
}
.repro19 input[type=range]::-ms-fill-lower {
  background: rgba(255, 255, 255, .54);
  border: 0;
  border-radius: 8px
}
.repro19 input[type=range]::-ms-fill-upper {
  background: rgba(255, 255, 255, .54);
  border: 0;
  border-radius: 8px
}
.repro19 input[type=range]::-ms-thumb {
  width: 6px;
  height: 6px;
  background: #ccc;
  border: 5px solid #fff;
  border-radius: 50%;
  cursor: pointer
}
.repro19 input[type=range]:focus::-ms-fill-lower {
  background: rgba(255, 255, 255, .54)
}
.repro19 input[type=range]:focus::-ms-fill-upper {
  background: rgba(255, 255, 255, .54)
}
.repro19 .history-wpr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 2px auto 0;
  z-index: 5
}
.repro19 .history-title {
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  margin: 0 22px 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, .7)
}
.repro19 .row-wpr {
  height: 50px;
  background-color: rgba(0, 0, 0, .59);
  position: relative;
  margin: 0 22px 3px;
  border-radius: 5px
}
.repro19 .history-cover {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 2px;
  left: 3px;
  border: 1px solid #fff;
  border-radius: 50%
}
.history-track-info {
  text-align: left;
  padding-left: 55px;
  padding-top: 6px
}
.repro19 .rowNum, .repro19 .social-share-wpr {
  text-align: center;
  position: absolute;
  right: 0
}
.repro19 .history-songtitle {
  font-size: 16px;
  color: rgba(255, 255, 255, 1)
}
.repro19 .history-artist-name {
  font-size: 14px;
  color: rgba(255, 255, 255, 1)
}
.repro19 .rowNum {
  width: 38px;
  height: 50px;
  font-size: 42px;
  color: rgba(255, 255, 255, .6);
  top: -2px
}
.repro19 .social-share-wpr {
  width: 120px;
  height: 31px;
  bottom: 8px;
  right: 66px;
  margin: 0 auto;
  padding: 0px 0;
  border-radius: 8px;
  overflow: hidden;
  display: auto;
  z-index: 11
}
.repro19 .social-link {
  width: 28px;
  height: 28px;
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  text-decoration: none;
  margin: 0 2px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer
}
.repro19 .social-link-facebook {
  background: #3F51B540
}
.repro19 .social-link-facebook:before {
  content: "\f39e"
}
.repro19 .social-link-twitter {
  background: #2196F340
}
.repro19 .social-link-twitter:before {
  content: "\f099"
}
.repro19 .social-link-instagram {
  background: #2196F340
}
.repro19 .social-link-instagram:before {
  content: "\f16d"
}
.repro19 .display {
  display: block
}
.repro19 .nodisplay {
  display: none
}
@media only screen and (max-width:600px) {
  .repro19 .track-info-wpr {
    /*margin: 28px 42px 0;*/
  }
  .repro19 .listeners {
    max-width: 100px;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 32px;
    right: 16px
  }
  .repro19 .listeners:before {
    content: "\f0c0";
    font-size: 18px;
    padding-right: 5px;
    vertical-align: top
  }
  .animated {
    animation-duration: 1s;
    animation-fill-mode: both
  }
  .animated.bounceIn {
    animation-duration: .75s
  }
}
@keyframes bounceIn {
  20%, 40%, 60%, 80%, from, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1)
  }
}
.bounceIn {
  animation-name: bounceIn
}
@keyframes bounceInDown {
  60%, 75%, 90%, from, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0)
  }
  75% {
    transform: translate3d(0, -10px, 0)
  }
  90% {
    transform: translate3d(0, 5px, 0)
  }
  to {
    transform: none
  }
}
.bounceInDown {
  animation-name: bounceInDown
}
.marquee {
  white-space: nowrap;
  position: relative;
  transform: translateX(-50%);
  display: inline-block;
  left: 50%;
  padding-top: 0;
  animation: linear infinite;
  overflow: hidden;
  text-align: left;
  animation-duration: 20s;
  animation-name: movement-smooth;
  animation-direction: normal
}
.marquee:hover {
  animation-play-state: paused
}
.marquee.marquee-speed-custom:before {
  animation-duration: inherit
}
.marquee.marquee-speed-normal:before {
  animation-duration: 20s
}
@keyframes movement-smooth {
  from {
    transform: translateX(0);
    left: 100%
  }
  to {
    transform: translateX(-100%);
    left: 0
  }
}
.marquee.marquee-movement-smooth:before {
  animation-name: movement-smooth
}
.marquee.marquee-direction-left:before, .marquee.marquee-direction-normal:before {
  animation-direction: normal
}
.data {
  position: absolute;
  font-size: 18px;
  left: 16px;
  top: 162px;
  color: #fff;
  text-align: center;
  width: 150px;
  height: 59px;
  z-index: 16;
  border: 1px;
}
.hora {
  max-width: 243px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  position: absolute;
  width: 150px;
  margin: 158px 386px;
  left: 54px;
  top: 0px;
  z-index: 999
}
#clock {
  position: absolute;
  top: 178px;
  left: 439px;
  width: 150px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  z-index: 16;
  border: 1px;
}