.audio3_html5_bottom_div {
  position: fixed;
  z-index: 1000
}
.audio3_html5 {
  background: #00c;
  padding: 5px
}
* .xaudioplaylist {
  display: none
}
.ui-slider-handle {
  position: absolute;
  z-index: 2;
  display: block;
  margin-left: -.6em;
  cursor: default;
  outline: 0
}
.ui-slider-range {
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  border: 0 none;
  position: absolute;
  z-index: 1
}
.ui-progressbar-value {
  height: 100%
}
.audio3_html5.whiteControllers {
  float: left;
  position: relative;
  font: 11px Arial,Helvetica,sans-serif;
  color: #fff
}
.audio3_html5_bottom_div.whiteControllers .AudioCloseBut {
  width: 19px;
  height: 13px;
  position: absolute;
  margin-top: -13px;
  right: 0;
  cursor: pointer;
  background: url(controllers/whiteControllers/closeButOFF.png) no-repeat
}
.audio3_html5_bottom_div.whiteControllers .AudioCloseBut:hover {
  background: url(controllers/whiteControllers/closeButON.png) no-repeat
}
.audio3_html5_bottom_div.whiteControllers .AudioOpenBut {
  width: 21px;
  height: 31px;
  position: absolute;
  cursor: pointer;
  background: url(controllers/whiteControllers/openButOFF.png) no-repeat
}
.audio3_html5_bottom_div.whiteControllers .AudioOpenBut:hover {
  background: url(controllers/whiteControllers/openButON.png) no-repeat
}
.audio3_html5.whiteControllers .AudioControls {
  clear: both;
  width: 100%
}
.audio3_html5.whiteControllers .AudioRewind {
  float: left;
  cursor: pointer;
  display: block;
  margin: 5px 2px 8px 0;
  width: 31px;
  height: 31px
}
.audio3_html5.whiteControllers .AudioPlay {
  float: left;
  cursor: pointer;
  display: block;
  margin-top: 5px;
  margin-right: 3px;
  margin-bottom: 8px;
  margin-left: 0;
  width: 25px;
  height: 25px;
  background: url(controllers/whiteControllers/play-off.png) no-repeat
}
.audio3_html5.whiteControllers .AudioPlay:hover {
  background: url(controllers/whiteControllers/play-on.png) no-repeat
}
.audio3_html5.whiteControllers .AudioPause {
  float: left;
  cursor: pointer;
  display: block;
  margin-top: 5px;
  margin-right: 3px;
  margin-bottom: 8px;
  margin-left: 0;
  width: 25px;
  height: 25px;
  background: url(controllers/whiteControllers/pause-off.png) no-repeat
}
.audio3_html5.whiteControllers .AudioPause:hover {
  background: url(controllers/whiteControllers/pause-on.png) no-repeat
}
.audio3_html5.whiteControllers .AudioPrev {
  float: left;
  cursor: pointer;
  display: block;
  margin: 5px 3px 8px 2px;
  width: 25px;
  height: 25px;
  background: url(controllers/whiteControllers/prev-off.png) no-repeat
}
.audio3_html5.whiteControllers .AudioPrev:hover {
  background: url(controllers/whiteControllers/prev-on.png) no-repeat
}
.audio3_html5.whiteControllers .AudioNext {
  float: left;
  cursor: pointer;
  display: block;
  margin: 5px 3px 8px 0;
  width: 25px;
  height: 25px;
  background: url(controllers/whiteControllers/next-off.png) no-repeat
}
.audio3_html5.whiteControllers .AudioNext:hover {
  background: url(controllers/whiteControllers/next-on.png) no-repeat
}
.audio3_html5.whiteControllers .AudioShuffle {
  float: left;
  cursor: pointer;
  display: block;
  margin: 5px 3px 8px 0;
  width: 25px;
  height: 25px;
  background: url(controllers/whiteControllers/shuffle-off.png) no-repeat
}
.audio3_html5.whiteControllers .AudioShuffle:hover {
  background: url(controllers/whiteControllers/shuffle-on.png) no-repeat
}
.audio3_html5.whiteControllers .AudioShuffleON {
  background: url(controllers/whiteControllers/shuffle-on.png) no-repeat
}
.audio3_html5.whiteControllers .VolumeButton {
  float: left;
  cursor: pointer;
  display: block;
  margin: 12px 5px 8px 5px;
  width: 7px;
  height: 10px;
  background: url(controllers/whiteControllers/volume-off.png) no-repeat
}
.audio3_html5.whiteControllers .VolumeButton:hover {
  background: url(controllers/whiteControllers/volume-on.png) no-repeat
}
.audio3_html5.whiteControllers .VolumeButtonMuted {
  background: url(controllers/whiteControllers/volumeMute-off.png) no-repeat
}
.audio3_html5.whiteControllers .VolumeButtonMuted:hover {
  background: url(controllers/whiteControllers/volumeMute-on.png) no-repeat
}
.audio3_html5.whiteControllers .VolumeSlider {
  float: left;
  cursor: pointer;
  display: block;
  width: 35px;
  height: 4px;
  margin: 15px 5px 5px 0
}
.audio3_html5.whiteControllers .VolumeSlider .ui-slider-handle {
  display: none
}
.audio3_html5.whiteControllers .VolumeSlider .ui-slider-range {
  position: relative;
  height: 4px
}
.audio3_html5.whiteControllers .AudioTimer {
  float: left;
  display: block;
  margin: 10px 5px 8px 5px;
  font-weight: 400
}
.audio3_html5.whiteControllers .AudioBuffer {
  clear: both;
  cursor: pointer;
  display: block;
  height: 4px;
  margin: 5px 5px 5px 5px
}
.audio3_html5.whiteControllers .AudioSeek {
  clear: both;
  cursor: pointer;
  position: relative;
  height: 4px;
  margin: -9px 5px 5px 5px
}
.audio3_html5.whiteControllers .AudioSeek .ui-slider-handle {
  display: none
}
.audio3_html5.whiteControllers .AudioSeek .ui-slider-range {
  height: 4px
}
.audio3_html5.whiteControllers .songAuthorTitle {
  position: relative;
  float: right;
  display: block;
  overflow: hidden;
  height: 17px;
  margin: 3px 5px 5px 5px;
  font-weight: 400;
  direction: rtl;
}
.audio3_html5.whiteControllers .songAuthorTitleInside {
  position:absolute;
  white-space: nowrap;
}
.audio3_html5.whiteControllers .thumbsHolderWrapper {
  position: absolute;
  height: 100%;
  margin-top: 0;
  overflow: hidden
}
.audio3_html5.whiteControllers .thumbsHolderVisibleWrapper {
  position: absolute;
  height: 100%;
  overflow: hidden
}
.audio3_html5.whiteControllers .thumbsHolder {
  position: absolute;
  text-align: left
}
.audio3_html5.whiteControllers .thumbsHolder_ThumbOFF {
  display: block;
  height: 30px;
  cursor: pointer;
  background: #000;
  overflow: hidden;
  border-bottom: 1px solid red;
  line-height: 2.5em;
  text-align: right;
  direction: rtl;
}
.audio3_html5.whiteControllers .thumbsHolder_ThumbOFF .padding {
  padding: 2px 10px 10px 10px
}
.audio3_html5.whiteControllers .slider-vertical {
  display: none;
  position: absolute;
  width: 9px
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider {
  position: relative
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 9px;
  height: 16px;
  cursor: pointer;
  background: url(controllers/whiteControllers/scrollerFaceOFF.png) 0 0 no-repeat
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-handle:hover {
  background: url(controllers/whiteControllers/scrollerFaceON.png) 0 0 no-repeat
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical {
  width: 9px;
  height: 100px
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-handle {
  left: 0;
  margin-left: 0;
  margin-bottom: -16px;
  border: 0
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range-max {
  top: 0
}
.audio3_html5.whiteControllers .cancelDiv {
  display: none;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0
}
.audio3_html5.whiteControllers .cancelThumbsHolderWrapper {
  display: none;
  opacity: 0;
  margin-top: -20px
}
.audio3_html5.blackControllers {
  float: left;
  position: relative;
  font: 11px Arial,Helvetica,sans-serif;
  color: #fff
}
.audio3_html5_bottom_div.blackControllers .AudioCloseBut {
  width: 19px;
  height: 13px;
  position: absolute;
  margin-top: -13px;
  right: 0;
  cursor: pointer;
  background: url(controllers/blackControllers/closeButOFF.png) no-repeat
}
.audio3_html5_bottom_div.blackControllers .AudioCloseBut:hover {
  background: url(controllers/blackControllers/closeButON.png) no-repeat
}
.audio3_html5_bottom_div.blackControllers .AudioOpenBut {
  width: 21px;
  height: 31px;
  position: absolute;
  cursor: pointer;
  background: url(controllers/blackControllers/openButOFF.png) no-repeat
}
.audio3_html5_bottom_div.blackControllers .AudioOpenBut:hover {
  background: url(controllers/blackControllers/openButON.png) no-repeat
}
.audio3_html5.blackControllers .AudioControls {
  clear: both;
  width: 100%
}

body {
    background-color: #66391a;
	padding-bottom: 2rem;
}

.img-body {
    width: 100%;
    display: block;
}

.img-body img {
    width: 100%;
    bottom: 0;
}
.yempro-footer {
  bottom: 0;
  right: 1px;
  position: fixed;
  width: 100%;
  background: #000;
  height: 30px;
}
.yempro-footer p {
color: #fff;
margin-left: 30px;
font-size: 60%;
line-height: 30px;
}
