/************************************************************
				Box Sizing
************************************************************/
.apwp-column, .apwp-columns {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.apwp-jplayer-design-overide *{outline: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.apwp-jplayer-design-overide img{border-radius:0px !important; box-shadow:none !important;  object-fit: cover;  display: inline-block;}
/************************************************************
				Clearfix
************************************************************/
.apwpultimate-clearfix:before, .apwpultimate-clearfix:after{content: "";display: table;}
.apwpultimate-clearfix::after{clear: both;}
.apwpultimate-clearfix{clear: both;}

/************************************************************
				Coomon css
************************************************************/
.apwp-jplayer-design-overide button, .apwp-jplayer-design-overide button:focus, .apwp-jplayer-design-overide button:active{border:0px !important; padding:0px !important}
.jp-volume-controls button, .jp-toggles button, .playlist-btn-block button{background:none !important; padding:0px !important; margin:0px !important }
.apwpultimate-hide{display:none;}
.img-responsive {max-width: 100%;height: auto; display: block;}
div.jp-type-playlist div.jp-playlist a.active {color: #ff6347;}
.section-padding { padding: 120px 0;}
.title-block h2 {
  position: relative;
  font-size: 46px;
  line-height: 60px;
  font-weight: 700;
  margin-bottom: 75px;
  color: #111;  
}
.title-block h2:before {
  content: '';
  position: absolute;
  height: 10px;
  width: 70px;
  left: 0;
  bottom: -30px;
  background: #111;
}
iframe { border: 0;}
.audio-controller-wrap { position: relative;}
.jp-details .jp-title { font-size: 16px; font-weight: 400; padding: 0;}
.playlist-btn-block { position: absolute; right: 15px;  bottom: 15px;}
.playlist-btn-block button { background: transparent;}
.playlist-btn-block button:before {
  content: "\f0c9";
  left: 0;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #777777;
  margin-left: auto;
  margin-right: auto;
  font-family: 'FontAwesome';
}
.playlist-btn-block.two {bottom: auto;  top: 18px; z-index: 99999;}
.playlist-btn-block.two button:before {content: "\f0ca"; color: #fff;}
.playlist-btn-block.two button.active:before { color: #ff6347;}
.left-align,
.right-align { display: inline-block; width: 49%;}
.right-align { text-align: right;}
.playlist-hide { display: none;}
.audio-share-block { position: relative;}
.audio-share-block i.fa {cursor: pointer;}
.audio-share-block .share-option {position: absolute; right: 20px; top: 0;}
.playlist-wrap {position: relative;}
.audio-share-block i.fa.active { color: #ff6347;}
.option-icon-list { margin: 0; padding: 0;  float: right;}
.option-icon-list a { display: inline-block; margin: 0 5px; font-size: 16px;}
.option-icon-list .playlist-icon {
  height: 33px;
  width: 33px;
  background: #ff6347;
  text-align: center;
  border-radius: 50%;
  line-height: 33px;
  margin: 8px 3px;
  display: inline-block;
  position: relative;
}
.option-icon-list .playlist-icon:before {
  content: "\f04b";
  color: #fff;
  font-family: 'FontAwesome';
}

.jp-playlist-current .playlist-icon:before {
  content: "\f028";
}

div.jp-type-playlist div.jp-playlist a {
  cursor: pointer;
}

.playlist-wrap .jp-playlist .payment-list {
  margin: 0;
  padding: 10px 0;
  text-align: center;
  background: #ff6347;
  position: absolute;
  width: 100%;
  bottom: -28px;
  left: 0;
  display: block;
  z-index: 99;
}
.playlist-wrap .jp-playlist .payment-list li {
  display: inline-block;
  margin: 0 10px;
}
.playlist-wrap .jp-playlist .payment-list li a {
  font-size: 18px;
  color: #fff;
}
.playlist-wrap .jp-playlist .payment-list li a:hover {
  color: #fff;
}
.jp-video .jp-volume-controls.volume-style-two-wrap { width: 60%; top: 50px; left: 17%;}
.player-layout-two .jp-volume-controls.volume-style-two-wrap { width: 120px; top: 12px; left: 5px;}
.jp-video .jp-volume-controls.volume-style-two-wrap .jp-volume-bar {
  width: 100%;
}


.jp-volume-bar-value {
  height: 2px;
  top: 0;
  overflow: visible;
}
.jp-volume-bar-value:before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
 
  border-radius: 50%;
  right: -10px;
  top: -9px;
}

.jp-progress {width: 62%; margin: 0 auto;}


/**************************************************************
				Bar designs
**************************************************************/
.apwp-jplayer-design-overide .jp-volume-bar { width: 90px; height: 2px; overflow: visible;}
.apwp-jplayer-design-overide .jp-volume-bar-value { position: relative;}
.apwp-jplayer-design-overide .jp-volume-bar { background: #d7d7d7;
}
.jp-video .jp-progress, .jp-type-single .jp-progress  {height: 3px;overflow: visible;margin-bottom:10px;}
.jp-video .jp-progress .jp-play-bar, .jp-type-single .jp-progress .jp-play-bar  { position: relative; overflow: visible !important;}
.jp-video .jp-progress .jp-play-bar:before, .jp-type-single .jp-progress .jp-play-bar:before { content: ''; position: absolute; height: 15px; width: 15px;
 border-radius: 50%; right: -10px; top: -6px;}
.jp-volume-bar-value::before {content: '';  position: absolute; height: 10px; width: 10px;   border-radius: 50%; right: -10px; top: -4px;}
/*----------------------------------------------------------------------------
apwp-jplayer-design-overide  Player Style
----------------------------------------------------------------------------
*/
.apwp-jplayer-design-overide .jp-video-270p{width:100%;}
.apwp-jplayer-design-overide  .player-main-block {
  margin-bottom: 10px;
}
.apwp-jplayer-design-overide  .album-art-block .jp-jplayer > img {
  max-width: 100%;
  height: auto !important;
}
.apwp-jplayer-design-overide  .jp-jplayer,
.apwp-jplayer-design-overide  .jp-video,
.apwp-jplayer-design-overide  .jp-video > div {
  height: auto !important;
  width: 100% !important;
}
.apwp-jplayer-design-overide  .jp-jplayer {
  height: 0px !important;
  position: relative;
  padding-top: 75%;
  overflow: hidden;
}
.apwp-jplayer-design-overide  .jp-jplayer img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.apwp-jplayer-design-overide  .album-art-block.size-two .jp-jplayer {
  padding-top: 125%;
}
.apwp-jplayer-design-overide  .player-main-block .track-meta-info {
  display: block !important;
}
.apwp-jplayer-design-overide  .album-art-block {
  position: relative;
}
.apwp-jplayer-design-overide  .album-art-block .track-meta-info {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff;
  z-index: 99;
  background: transparent;
}
.apwp-jplayer-design-overide  .album-art-block .jp-title {
  font-size: 18px;
  display: block;
  background: rgba(0, 0, 0, 0.33);
}
.apwp-jplayer-design-overide  .overlay-one {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.apwp-jplayer-design-overide  .audio-controller-wrap {
  padding: 20px 20px 10px 20px;
  background: #f7f7f7;
  min-height: 150px;
  margin-bottom: 5px;
}
.player-layout-seven .apwp-jplayer-design-overide  .audio-controller-wrap, .player-layout-eight .apwp-jplayer-design-overide  .audio-controller-wrap {
  margin: 0;
}
.apwp-jplayer-design-overide  .jp-video .jp-interface,
.apwp-jplayer-design-overide  .jp-details,
.apwp-jplayer-design-overide  .jp-playlist {
  border: none;
}
.apwp-jplayer-design-overide  .jp-interface {
  background: transparent;
}
.apwp-jplayer-design-overide  .jp-controls-holder {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  top: 0;
}
.apwp-jplayer-design-overide  .jp-controls .controller-common {
  text-indent: 0;
  position: relative;
  z-index: 9;
}
.apwp-jplayer-design-overide  .jp-controls button {
  display: inline-block;
  float: none;
}
.apwp-jplayer-design-overide  .jp-video .jp-type-playlist .jp-controls {
  width: 100%;
  text-align: center;
  float: none;
  margin: 0 auto 12px auto;
}
.apwp-jplayer-design-overide  .jp-video .jp-progress {
  margin-bottom: 15px;
}

.apwp-jplayer-design-overide  .controller-common {
  height: 33px;
  width: 33px;
  background: #ff6347;
  text-align: center;
  border-radius: 50%;
  line-height: 33px;
  cursor: pointer;
  margin: 0 3px;
  display: inline-block;
  position: relative;
  border:0px !important;
   padding:0px !important
}
.apwp-jplayer-design-overide  .controller-common:focus {
  background: #ff6347;
}
.apwp-jplayer-design-overide  .controller-common:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-family: 'FontAwesome';
}
.apwp-jplayer-design-overide  .jp-state-playing .jp-play {
  background: #ff6347;
}
.apwp-jplayer-design-overide  .jp-state-playing .jp-play:focus {
  background: #ff6347;
}
.apwp-jplayer-design-overide  .jp-previous:before {
  content: "\f048";
}
.apwp-jplayer-design-overide  .jp-play:before {
  content: "\f04b";
}
.apwp-jplayer-design-overide  .jp-state-playing .jp-play:before {
  content: "\f04c";
}
.apwp-jplayer-design-overide  .jp-play.active:before {
  content: "\f04c";
}
.apwp-jplayer-design-overide  .jp-next:before {
  content: "\f051";
}
.apwp-jplayer-design-overide  .jp-video .jp-volume-controls {
  left: 5px;
}
.apwp-jplayer-design-overide  .player-layout-four .jp-volume-controls {
  left: 17%;
}
.apwp-jplayer-design-overide  .jp-mute:focus,
.apwp-jplayer-design-overide  .jp-state-muted .jp-mute:focus,
.apwp-jplayer-design-overide  .jp-state-muted .jp-mute {
  background: transparent;
}
.apwp-jplayer-design-overide  .jp-state-muted .jp-mute:focus:before,
.apwp-jplayer-design-overide  .jp-state-muted .jp-mute:before {
  content: "\f026";
}
.apwp-jplayer-design-overide  .jp-volume-controls button {
  text-indent: 0px;
  background: transparent;
  height: 30px;
  width: 30px;
  left: -10px;
  top: -9px;
}
.apwp-jplayer-design-overide  .jp-volume-controls button:before {
  content: "\f028";
  left: 0;
  right: 0;
  top: 0;
  font-size: 14px;
  
  margin-left: auto;
  margin-right: auto;
  font-family: 'FontAwesome';
}

.apwp-jplayer-design-overide  .audio-controller-block {
  text-align: center;
  margin-bottom: 5px;
}
.apwp-jplayer-design-overide  .jp-toggles button {
  text-indent: 0;
}
.apwp-jplayer-design-overide  .jp-state-shuffled .jp-shuffle:focus,
.apwp-jplayer-design-overide  .jp-state-shuffled .jp-shuffle,
.apwp-jplayer-design-overide  .jp-shuffle:focus,
.apwp-jplayer-design-overide  .jp-shuffle,
.apwp-jplayer-design-overide  .jp-state-looped .jp-repeat,
.apwp-jplayer-design-overide  .jp-repeat:focus,
.apwp-jplayer-design-overide  .jp-state-looped .jp-repeat:focus {
  background: transparent;
}
.apwp-jplayer-design-overide  .jp-video .jp-toggles {
  right: 0;
  width: auto;
  z-index: 99;
}
.apwp-jplayer-design-overide  .jp-toggles button {
  margin: 0;
  position: relative;
  background: transparent;
}
.apwp-jplayer-design-overide  .jp-toggles button:before {
  left: 0;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #111;
  margin-left: auto;
  margin-right: auto;
  font-family: 'FontAwesome';
}
.jp-video .player-controller-style-two .jp-toggles {
  position: relative;
  display: inline-block;
  width: 49%;
  text-align: center;
}
.apwp-jplayer-design-overide .jp-shuffle:before {
  content: "\f074";
}
.apwp-jplayer-design-overide .jp-state-shuffled .jp-shuffle:before {
  color: #ff6347;
}
.apwp-jplayer-design-overide .jp-repeat:before {
  content: "\f01e";
}

.apwp-jplayer-design-overide .jp-toggles .playlist-btn {
  width: 20px;
}
.apwp-jplayer-design-overide .playlist-btn:before {
  content: "\f0ca";
}
.apwp-jplayer-design-overide .jp-wish:before {
  content: "\f08a";
}
.apwp-jplayer-design-overide .jp-wish.active:before {
  content: "";
}
.apwp-jplayer-design-overide .playlist-btn.active:before {
  color: #ff6347;
}
.apwp-jplayer-design-overide .duration-2 {
  text-align: center;
  font-size: 0;
  line-height: 10px;
}
.apwp-jplayer-design-overide  .duration-2 .jp-current-time,
.apwp-jplayer-design-overide  .duration-2 .jp-duration {
  display: inline-block;
  width: 50px;
  margin: 0;
  float: none;
  text-align: center;
  font-style: normal;
}

.jp-video .player-controller-style-two .jp-toggles button {
  float: none;
  margin: 0 auto;
  display:inline-block;
}

.player-controller-style-two {
  position: relative;
}
.player-controller-style-two .jp-controls {
  position: absolute;
  top: -15px;
  overflow: visible;
}
.player-controller-style-two .controller-common {
  margin: 0 -5px;
}
.player-controller-style-two .controller-common.jp-play {
  width: 64px;
  height: 64px;
  margin-bottom: -5px;
  line-height: 64px;
  vertical-align: bottom;
  border: 1px solid #e7e7e7;
  position: relative;
  z-index: 99;
}
/**************************************************************
				Playlist CSS
**************************************************************/
.apwp-jplayer-design-overide .player-layout-two .jp-current-time{margin-left:0px;}
.apwp-jplayer-design-overide .player-layout-two .jp-duration{margin-right:0px;}
.apwp-jplayer-design-overide .player-layout-two .jp-current-time, .apwp-jplayer-design-overide .player-layout-two .jp-duration{margin-top:-8px;} 
.apwp-jplayer-design-overide .duration-2 .jp-current-time,
.apwp-jplayer-design-overide .duration-2 .jp-duration,
.apwp-jplayer-design-overide .duration-2 .divider { font-size: 14px;}
.apwp-jplayer-design-overide .song-meta-data span { display: block; line-height: 23px;}
.apwp-jplayer-design-overide .jp-playlist li {border: none;}
.apwp-jplayer-design-overide div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style: none;}
.apwp-jplayer-design-overide .slimScrollBar {width: 6px !important; opacity: 1 !important; right: 0 !important; border-radius: 0px !important; display: none;}
.apwp-jplayer-design-overide .playlist-block,
.apwp-jplayer-design-overide .playlist-block-style-two,
.apwp-jplayer-design-overide .playlist-block-style-three,
.apwp-jplayer-design-overide .playlist-block-style-four,
.apwp-jplayer-design-overide .playlist-block-style-five { padding: 20px 30px 0px 30px; background: #f7f7f7; border-right: 6px solid #b7b7b7;}
.apwp-jplayer-design-overide .amplitude-song-container { position: relative; margin: 20px 0;}
.apwp-jplayer-design-overide .track-right-content { position: absolute; right: 0px; top: 15px;}
.apwp-jplayer-design-overide .amplitude-song-container.amplitude-playing:before { content: ''; height: 100%; width: 4px;  position: absolute;  left: -30px;  top: 0;  background: #ff6347;}
.apwp-jplayer-design-overide .amplitude-song-container.amplitude-playing .song-title {color: #ff6347;}
.apwp-jplayer-design-overide  div.jp-type-playlist div.jp-playlist li.jp-playlist-current { padding-left: 0;}
.apwp-jplayer-design-overide  div.jp-type-playlist div.jp-playlist li.jp-playlist-current:before { content: '';  position: absolute; height: 100%; width: 5px; left: -30px;
  background: #ff6347;}
.apwp-jplayer-design-overide .player-main-block{border:0px}
.apwp-jplayer-design-overide  div.jp-type-playlist div.jp-playlist li:last-child { padding: 0;}
.apwp-jplayer-design-overide .jp-playlist ul.playlist li a.jp-playlist-item{display:inline !important; float:left;}
.apwp-jplayer-design-overide .jp-playlist ul.playlist {padding: 0 !important; margin: 0px !important; list-style:none !important}
.apwp-jplayer-design-overide .jp-playlist ul.playlist li {padding:0 !important;  margin:0 0 15px 0 !important; position: relative; float:left; width:100%;}
.apwp-jplayer-design-overide .jp-playlist ul.playlist li:last-child { margin-bottom: 0;}
.apwp-jplayer-design-overide .jp-playlist ul.playlist li .duration {float: right; text-align: right; font-size: 14px;}
.apwp-jplayer-design-overide .jp-playlist-item h4 {font-size: 16px; margin-bottom: 0; margin:12px 0 0 0 !important; line-height: 15px;}
.apwp-jplayer-design-overide div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
.apwp-jplayer-design-overide div.jp-type-playlist div.jp-playlist a:hover {color: #ff6347;}
.apwp-jplayer-design-overide div.jp-type-playlist div.jp-playlist .jp-artist{padding-bottom:10px; display:block;}
.apwp-jplayer-design-overide .single-audio-controller { position: relative;  margin-bottom: 8px;}
.apwp-jplayer-design-overide .single-audio-controller .jp-controls { position: absolute; top: -4px;}
.apwp-jplayer-design-overide .single-audio-controller .jp-toggles { position: relative;}
.apwp-jplayer-design-overide .single-audio-controller .jp-toggles button {float: right; width: 20px; }
.apwp-jplayer-design-overide .jp-video .single-audio-controller .jp-toggles { width: 49%;}
.apwp-jplayer-design-overide .player-block {padding: 30px 20px 25px 20px; background: #e7e7e7;}
.apwp-jplayer-design-overide .jp-toggles button {float: right; width: 20px; height: 20px;}


/**************************************************************
				Single Grid CSS
**************************************************************/
.apwp-jplayer-design-overide .jp-type-single{margin-bottom:20px; position:relative;}
.apwp-jplayer-design-overide .jp-type-single .jp-controls{padding:10px 0px !important; width:100%;}
.apwp-jplayer-design-overide .jp-type-single .jp-type-single .jp-progress{left:50px}
.position-unset{position:unset !important;}
.apwp-jplayer-design-overide .jp-type-single .jp-controls{overflow:visible}
.apwp-jplayer-design-overide .jp-type-single .jp-type-single .jp-progress,
.apwp-jplayer-design-overide .jp-type-single .jp-type-single .jp-time-holder,
.apwp-jplayer-design-overide .jp-type-single .jp-volume-controls{width:100%;}
.apwp-jplayer-design-overide .jp-type-single .jp-volume-bar{width:100%;}
.apwp-jplayer-design-overide .jp-type-single .jp-volume-controls button { left: -10px;   top: 12px; padding:0px !important; margin:0px !important; }
.apwp-jplayer-design-overide .jp-type-single .jp-volume-controls button:hover, .apwp-jplayer-design-overide .jp-type-single .jp-volume-controls button:focus,
.apwp-jplayer-design-overide .jp-type-single .jp-toggles button:hover, .apwp-jplayer-design-overide .jp-type-single .jp-toggles button:focus{background:none !important}
.apwp-jplayer-design-overide.apwpultimate-layout-1 .jp-type-single .apwp-medium-7 .jp-progress{margin-top:25px; width: 90%; margin-left: 0px; margin-right: 0px;}
.apwp-jplayer-design-overide.apwpultimate-layout-1 .jp-type-single .jp-time-holder {width: 90%;}
.apwp-jplayer-design-overide.apwpultimate-layout-1 .apwpultimate-audio-player-innr-wrap.apwp-medium-4 .jp-progress{ margin-left: auto; margin-right: auto;}
.apwp-jplayer-design-overide.apwpultimate-layout-1 .jp-current-time, .jp-duration {width: auto;}
.apwp-jplayer-design-overide.apwpultimate-layout-1 .jp-type-single .apwp-medium-3 .jp-volume-controls{margin-top:26px;}
.apwp-jplayer-design-overide.apwpultimate-layout-1 .jp-type-single .jp-details{clear:both;  padding:10px;}

.apwp-jplayer-design-overide.apwpultimate-layout-1 .jp-type-single .jp-artist{font-weight:normal !important; font-size:11px; color:#fff;}
/**************************************************************
				Grid CSS
**************************************************************/
.apwp-column,
.apwp-columns {  padding-left: 20px;  padding-right: 20px;  width:100%;  float: left; position: relative;  }
@media only screen and (min-width: 40.0625em) { 
.apwp-column,
.apwp-columns {position: relative;padding-left: 10px;padding-right: 10px;float: left; }
.apwp-medium-1{width: 8.33333%;}
.apwp-medium-2{width: 16.66667%;}
.apwp-medium-3{width: 25%;}
.apwp-medium-4{width: 33.33333%;}
.apwp-medium-5{width: 41.66667%;}
.apwp-medium-6{width: 50%;}
.apwp-medium-7{width: 58.33333%;}
.apwp-medium-8{width: 66.66667%;}
.apwp-medium-9{width: 75%;}
.apwp-medium-10{width: 83.33333%;}
.apwp-medium-11{width: 91.66667%;}
.apwp-medium-12{width: 100%;}
.apwp-medium-c5{width: 20%;}
}

@media only screen and (max-width: 40.0625em) {
.apwp-jplayer-design-overide .jp-type-single .jp-controls {text-align: center;}
.apwp-jplayer-design-overide.apwpultimate-layout-1 .jp-type-single .jp-details {margin-top: 90px;}
.apwp-jplayer-design-overide .jp-type-single .jp-volume-controls button {left: 15px;}
.apwp-jplayer-design-overide.apwpultimate-layout-1 .jp-type-single .jp-time-holder, .apwp-jplayer-design-overide.apwpultimate-layout-1 .jp-type-single .apwp-medium-7 .jp-progress{width: 100%;}

.apwp-jplayer-design-overide .jp-type-single .jp-volume-controls {margin: 0 auto; width: 50%;}

 }