@font-face{font-family:"SF UI Display";src:url('SFUIDisplay-Bold.otf') format("truetype");}
.b_audio *{box-sizing:border-box;}
.b_audio .audioplayer-wrapper{height:132px; max-width:440px;border:1px solid #ebebeb;background-color:#F5F5F5;padding-left:18px;padding-right:18px;}
.b_audio .buttons-line-wrapper{font-size:0;padding-top:18px;}
.b_audio .button{vertical-align:middle;display:inline-block;height:40px;width:50px;background-color:#ebebeb;position:relative;user-select:none;}
.b_audio .show{visibility:visible;}
.b_audio .hide{visibility:hidden;}
.b_audio .volume-block-wrapper{display:inline-block;}
.b_audio .button g{fill:#3B393F;}
.b_audio .button:not(.disabled):hover{cursor:pointer;background-color:#C4C4C6;}
.b_audio .button:not(.disabled):active g{fill:#ffffff;}
.b_audio .button svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.b_audio .img{width:24px;height:24px;opacity:1;margin-right:15px;vertical-align:middle;}

#volume-icon{cursor:pointer;}
#btn-prev-track{margin-left:0;margin-right:8px;}
#btn-backwards{margin-left:0;margin-right:8px;}
#btn-play{margin-left:0;margin-right:8px;}
#btn-forward{margin-left:0;margin-right:8px;}
#btn-next-track{margin-left:0;margin-right:21px;}
.timeline-wrapper{padding-top:17px;height:40px;}
#timer-played{float:left;}
#timer-remained{width:40px;text-align:right;float:right;}
.timer{height:16px;width:28px;color:#3B393F;font-family:Arial;font-size:14px;line-height:16px;}
.timer-wrapper{padding-top:16px;}

#timeline-slider{margin-left:10px;margin-right:10px;margin-top:10px;height:6px;border-radius:100px;border:none;cursor:pointer;}
#timeline-slider .ui-state-default{background:#FF4C00;width:20px;height:20px;border-radius:50%;}
#timeline-slider.ui-slider .ui-slider-handle{width:20px;height:20px;border:none;top:-7px;cursor:pointer;}
#timeline-slider.ui-slider-range{height:6px !important;}
#timeline-slider .ui-slider-range{background:#FF4C00;border-radius:100px;}
#timeline-slider.ui-widget-header{background-color:#ffffff;}
.volumeslider-wrapper{font-size:16px;display:inline-block;vertical-align:middle;}
#volume-slider{height:6px;width:50px;border-radius:100px;border:none;background:#DEDEDE; cursor:pointer;}
#volume-slider .ui-state-default{background:#3B393F;width:20px;height:20px;border-radius:50%;}
.ui-slider-handle:focus{outline:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
#volume-slider.ui-slider .ui-slider-handle{width:20px;height:20px;border:none;top:-7.5px;-ms-touch-action:none;touch-action:none; cursor:pointer;}
#volume-slider.ui-slider-range{height:6px !important;}
#volume-slider .ui-slider-range{background:#3B393F;border-radius:100px;}
#volume-slider.ui-widget-header{background-color:#DEDEDE;}
#current-chapter{height:48px;max-width:440px;border:1px solid #ebebeb;border-top:none;background-color:#F5F5F5;cursor:pointer;user-select:none;}
#current-chapter + #chapters-list{border:none;}
.chapter-wrapper{padding:14px 18px;font-size:0;}
.chapter-wrapper:after{content:"";display:block;clear:both;}
.list-icon{display:inline-block;margin-right:14px;}
.chapter-name{display:inline-block;font-family:Arial;font-size:14px;line-height:16px;vertical-align:bottom;}
.list-chapter-name{float:left;font-family:Arial;font-size:14px;line-height:16px;vertical-align:bottom;}
.current-chapter-name{color:#767579;}
.active-chapter-name{color:#000000;font-weight:bold;}
.disactive-chapter-name{color:#000000;}

#down-icon{float:right;margin-top:6px;}
.download-icon{float:right;margin:-2px 0 0 26px;background:url("/static/fictionbok.ru/modules/audioplayer/img/download.svg") no-repeat 0 0;width:16px;height:18px;}
.chapter{max-width:440px; border-top:none;border-bottom:none;background-color:#FFFFFF;}
.vert-flip{transform:scale(1, -1);}
#chapters-list{-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;-webkit-transition:height .5s;transition:height .5s;overflow:hidden;height:0; max-width:440px; border: 1px solid #ebebeb; border-top:none;}
#chapters-list{overflow:hidden; max-width:440px; border: 1px solid #ebebeb; border-top:none;}
#chapters-wrap{height:0; -moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;-webkit-transition:height .5s;transition:height .5s; overflow:auto; margin-right:2px;}
#current-chapter + #chapters-list.chapters_show{border: 1px solid #ebebeb; border-top:none;}
.chapter-duration{height:16px;font-family:Arial;font-size:14px;line-height:16px;vertical-align:bottom;float:right;}
.chapter-title-wrapper{cursor:pointer; color:#bbb;}
.chapter-title-wrapper .active-chapter-name{color:#bbb; font-weight:normal;}
#audio-chap-dur-0{display:none;}
#audio-chap-wr-0 > div{color:#000;}

#chapters-list-footer{height:48px;max-width:440px; border-top:none;background-color:#FFFFFF;cursor:pointer;user-select:none;}
.footer-wrapper{padding-top:23px;padding-bottom:14px;padding-left:18px;padding-right:18px;position:relative;}
.footer-text-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.footer-text-wrapper img{vertical-align:middle;}
.footer-text{margin-top:9px;margin-left:15px;display:inline-block;color:#767579;font-family:Arial;font-size:16px;line-height:18px;}
.disabled{opacity:0.5;cursor:default;}
.hidden{display:none;}
.player-margin{margin-top:10px;}
#catalit-popup{z-index:100;position:absolute;height:180px;max-width:440px;background-color:rgba(0,0,0,0.8);opacity:1;}
.popup-text-wrapper{padding-top:20px;text-align:center;}
.popup-text{opacity:1 !important;color:#FFFFFF;font-family:Arial;font-size:16px;line-height:24px;text-align:center;}
#popup-agree-button{margin:20px auto;height:40px;width:152px;background-color:#FF4C00;text-transform:uppercase;text-align:center;vertical-align:middle;line-height:40px;color:#ffffff;cursor:pointer;font-family:Arial;font-size:14px;}
#popup-cancel-button{width:175px;margin:20px auto;text-align:center;vertical-align:middle;color:#ffffff;cursor:pointer;font-size:14px;}
#catalit-popup:not(.popup-enabled){display:none;}

.popup_audio_buy{width:280px;}
.popup_audio_wrap{padding:15px 20px 20px 20px;}
.popup_audio_title{font-size:16px; line-height:25px; padding:0 0 10px 0;}
.popup_audio_btn{width:180px;}


@media screen and (max-width:460px){
	#btn-next-track{margin-right:0;}
	#volume-icon, .volumeslider-wrapper{display:none;}
	.b_audio .audioplayer-wrapper{padding-left:10px; padding-right:10px; text-align:center;}
	#btn-prev-track,#btn-backwards,#btn-play,#btn-forward{margin-right:6px;}
}