/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.player-container-loading {
	position: relative;
}
.player-container-loading>* {
	display: none !important;
}
.player-container-loading .preloader {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.player-container-loading .preloader {
	text-align: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #5181b8;
}
.player-container-loading .preloader__image {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	text-align: center;
	-webkit-animation: preloader-rotate 2s infinite linear;
	        animation: preloader-rotate 2s infinite linear;
	fill: #5181b8;
}

@-webkit-keyframes preloader-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@keyframes preloader-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

html {
  --plyr-color-main: #5181b8;
}
.plyr--audio .plyr__controls {
	padding: 10px 0;
}
.plyr__menu__container {
	bottom: unset;
	background: #fff;
	margin: 40px 3px 0 0;
}
.plyr__menu__container:after {
	display: none;
}

.player-container {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	margin: 0px auto;
	background: #ffffff;
	padding: 20px 0 0 0;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.player-container-2 {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	margin: 0px auto;
	background: #ffffff;
	padding: 0 0 20px 0;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.player-container-fixed-hide {
	display: none;
}
.player-playlist-show-mobile {
	display: none;
}
.player-playlist-close-mobile {
	display: none;
}

/*Место под рекламау на мобильном*/
.player-ads-mobile {
	display: none;
}

/*Информация о книге*/
.player-custom-info {
	margin: 0 0 20px 0;
}
.player-custom-info .player-book-poster {
	float: left;
}
.player-custom-info .player-book-poster {
	margin: 0 0 6px 0;
	height: 50px;
	width: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 15px;
	border-radius: 7px;
}
.player-custom-info .player-book-poster>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.player-custom-info .player-book-poster .player-play {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}
.spisok:before {
    vertical-align: middle;
    width: 32px;
    height: 20px;
    content: '';
    display: inline-block;
    position: relative;
    top: 0px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiM5OUE5QkEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjY2NiA3YzAtLjQ2LjM3My0uODMzLjgzMy0uODMzaDEwYS44MzMuODMzIDAgMSAxIDAgMS42NjZoLTEwQS44MzMuODMzIDAgMCAxIDguNjY2IDdaTTQuNSA3YzAtLjQ2LjM3My0uODMzLjgzMy0uODMzaC44MzRhLjgzMy44MzMgMCAwIDEgMCAxLjY2NmgtLjgzNEEuODMzLjgzMyAwIDAgMSA0LjUgN1ptMCA1YzAtLjQ2LjM3My0uODMzLjgzMy0uODMzaC44MzRhLjgzMy44MzMgMCAwIDEgMCAxLjY2NmgtLjgzNEEuODMzLjgzMyAwIDAgMSA0LjUgMTJabTAgNWMwLS40Ni4zNzMtLjgzMy44MzMtLjgzM2guODM0YS44MzMuODMzIDAgMCAxIDAgMS42NjZoLS44MzRBLjgzMy44MzMgMCAwIDEgNC41IDE3Wm00LjE2Ni01YzAtLjQ2LjM3My0uODMzLjgzMy0uODMzaDEwYS44MzMuODMzIDAgMSAxIDAgMS42NjZoLTEwQS44MzMuODMzIDAgMCAxIDguNjY2IDEyWm0wIDVjMC0uNDYuMzczLS44MzMuODMzLS44MzNoMTBhLjgzMy44MzMgMCAxIDEgMCAxLjY2NmgtMTBBLjgzMy44MzMgMCAwIDEgOC42NjYgMTdaIiBmaWxsPSIjOTlBOUJBIiAvPjwvc3ZnPg==) center center no-repeat
}
.player-book-poster .player-play:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath d='M0 12.2V1.8A1.73 1.73 0 0 1 2.71.38l7.5 5.2a1.73 1.73 0 0 1 0 2.84l-7.5 5.2A1.73 1.73 0 0 1 0 12.2z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
}
.player-playing .player-book-poster .player-play:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-play' viewBox='0 0 11 14'%3E%3Cpath d='M1.92 0C3 0 3.85.86 3.85 1.92v10.16a1.92 1.92 0 0 1-3.85 0V1.92C0 .86.86 0 1.92 0zm6.16 0C9.14 0 10 .86 10 1.92v10.16a1.92 1.92 0 0 1-3.85 0V1.92C6.15.86 7.01 0 8.08 0z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E ");
}
.player-custom-info .player-book-title {
	margin: 0 0 5px 0;
	font-size: 18px;
}
.player-custom-info .player-parts-title {
	margin: 0 0 5px 0;
	font-size: 16px;
}
.player-custom-info .player-parts-counts {
	margin: 0 0 5px 0;
	font-size: 14px;
}
.player-custom-info .player-parts-progress {
	margin: 0 0 5px 0;
	font-size: 12px;
}

/*Фиксированная панель*/
.player-custom-info.fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	border-top: 2px solid #5386b9;
	background: #fbfbfb;
	padding: 15px;
	margin: 0;
	z-index: 11;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 87px;
}
.player-custom-info.fixed .player-custom-info-container {
	max-width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 auto;
}
.player-custom-info.fixed .player-custom-controls {
	position: relative;
	margin: 0 !important;
}
.player-custom-info.fixed .player-custom-controls .player-play {
	min-width: 45px;
}
.player-custom-info.fixed .player-book-info {
	width: 240px;
	margin-right: 15px;
}
.player-custom-info.fixed .player-parts-title { 
	display: none;
}
.player-custom-info.fixed .player-book-poster img {
	height: 54px;
}
.player-custom-info.fixed .player-book-title {
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #424242;
	font-weight: 700;
}
.player-custom-info.fixed .player-parts-counts {
	margin: 0 0 2px 0;
	font-size: 12px;
	color: #565656;
}
.player-custom-info.fixed .player-parts-progress {
	font-size: 11px;
	color: #8f8f8f;
}
.player-playlist-fixed {
	display: block;
}
.player-custom-info.fixed .player-playlist-fixed.active {
    display: block;
    position: absolute;
    bottom: 65px;
    text-align: left;
    width: 100%;
	max-width: 100%;
	right: 0;
	margin: 0;
	padding: 0;
}
.player-custom-info.fixed .player-playlist-show-desktop,
.player-custom-info.fixed .player-full-show-mobile {
	max-width: unset;
	padding: 0 10px;
}
.player-custom-info.fixed .player-full-show-mobile {
	display: none;
}

.volume__hor .volume_value, .speed__hor .speed_value {
    font-weight: 500;
    color: #2777a7;
    font-size: 14px;
    z-index: 2;
    position: relative;
    line-height: 35px;
}

/*Кастомные кнопки управления*/
.player-custom-controls {
	height: 37px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*justify-content: space-between;*/
	margin: 0 0 15px 0;
	max-width: 200px;
}
.player-custom-controls>div {
	cursor: pointer;
	background: #ffffff;
	border: 1px solid #bdbdbd;
	color: #505050;
	border-radius: 3px;
	/*max-width: 45px;*/
	min-width: 45px;
	padding: 7px 0;
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0 5px;
}
.player-custom-controls>div:first-child {
	margin-left: 0;
}
.player-custom-controls>div:last-child {
	margin-right: 0;
}
.player-custom-controls>div:hover {
	background: #f2f2f2;
}
.player-custom-controls .player-play {
	min-width: 130px;
}
.player-play:before {
    content: " ";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath d='M0 12.2V1.8A1.73 1.73 0 0 1 2.71.38l7.5 5.2a1.73 1.73 0 0 1 0 2.84l-7.5 5.2A1.73 1.73 0 0 1 0 12.2z' fill='%235181b8'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    width: 100%;
    height: 18px;
    background-position: center center;
}
.player-next:before {
    content: " ";
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.63 3.3V1.46a1.46 1.46 0 0 1 2.3-1.2l6.46 4.53a1.46 1.46 0 0 1 0 2.4L8.93 11.7a1.46 1.46 0 0 1-2.3-1.2V8.68L2.3 11.71A1.46 1.46 0 0 1 0 10.51V1.47A1.46 1.46 0 0 1 2.3.26L6.62 3.3z' fill='%235181b8' /%3E%3C/svg%3E");
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    width: 100%;
    height: 12px;
    background-position: center center;
}
.player-prev:before {
    content: " ";
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.38 3.3V1.46a1.46 1.46 0 0 0-2.3-1.2L.63 4.8a1.46 1.46 0 0 0 0 2.4L7.1 11.7a1.46 1.46 0 0 0 2.29-1.2V8.68l4.34 3.04a1.46 1.46 0 0 0 2.3-1.2V1.47a1.46 1.46 0 0 0-2.3-1.2L9.38 3.3z' fill='%235181b8'/%3E%3C/svg%3E");
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    width: 100%;
    height: 12px;
    background-position: center center;
}		
.player-plus-15:after {
	content: " ";
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
	margin-left: 4px;
    background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 9 9'%3E%3Cpath d='M6.82 4.5L3.64 1.13A.5.5 0 0 1 3.51.8a.5.5 0 0 1 .13-.35l.28-.3a.45.45 0 0 1 .66 0l3.78 4.01c.08.1.13.22.13.35a.5.5 0 0 1-.13.35l-3.78 4a.45.45 0 0 1-.65 0l-.28-.29a.51.51 0 0 1 0-.7L6.82 4.5z' fill='%235181b8' %3E%3C/path%3E%3Cpath d='M3.16 4.5L.6 1.88a.39.39 0 0 1-.11-.27c0-.1.04-.2.1-.27l.23-.23a.36.36 0 0 1 .53 0l3.03 3.12c.07.07.11.17.11.27s-.04.2-.1.27L1.35 7.9a.36.36 0 0 1-.53 0l-.22-.23a.4.4 0 0 1 0-.54L3.16 4.5z' fill='%235181b8' opacity='.5'%3E%3C/path%3E%3C/svg%3E");
}
.player-minus-15:before {
	content: " ";
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
	margin-right: 4px;
    background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 9 9'%3E%3Cpath d='M2.18 4.5l3.18-3.37A.5.5 0 0 0 5.5.8a.5.5 0 0 0-.14-.35L5.1.14a.45.45 0 0 0-.66 0L.63 4.15a.5.5 0 0 0-.13.35c0 .13.05.26.14.35l3.78 4a.45.45 0 0 0 .66 0l.28-.29c.18-.2.18-.5 0-.7L2.18 4.5z' fill='%235181b8' %3E%3C/path%3E%3Cpath d='M5.84 4.5L8.4 1.88c.07-.07.11-.17.11-.27s-.04-.2-.1-.27l-.23-.23a.36.36 0 0 0-.53 0L4.61 4.23a.39.39 0 0 0-.11.27c0 .1.04.2.1.27L7.65 7.9a.36.36 0 0 0 .53 0l.22-.23a.4.4 0 0 0 0-.54L5.84 4.5z' fill='%235181b8' opacity='.5'%3E%3C/path%3E%3C/svg%3E");
}
.player-timer {
	max-width: 40px;
}
.player-timer:before {
    content: " ";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='timer' viewBox='0 0 15 15'%3E%3Cg transform='translate(-980 -1231)'%3E%3Cpath id='a_t' d='M980.98 1235.67a.41.41 0 0 1-.34-.14 2.68 2.68 0 0 1-.64-1.73c0-1.55 1.33-2.8 2.97-2.8 1.06 0 2 .52 2.52 1.31.07.1.08.23.03.35a.4.4 0 0 1-.28.22 6.57 6.57 0 0 0-3.94 2.62c-.07.1-.2.17-.32.17zm14.02-1.87c0 .64-.23 1.23-.62 1.7-.08.1-.2.15-.33.14a.41.41 0 0 1-.32-.17 6.57 6.57 0 0 0-3.96-2.6.4.4 0 0 1-.28-.22.36.36 0 0 1 .03-.35 3.01 3.01 0 0 1 2.5-1.3c1.65 0 2.98 1.25 2.98 2.8zm-3.14 10.36l.55.74c.24.31.16.75-.17.97a.77.77 0 0 1-1.04-.16l-.55-.74a6.83 6.83 0 0 1-6.25 0l-.56.74a.77.77 0 0 1-1.04.16.67.67 0 0 1-.17-.97l.55-.74a5.84 5.84 0 0 1-1.4-7.55 6.56 6.56 0 0 1 5.74-3.2 6.57 6.57 0 0 1 5.73 3.18 5.84 5.84 0 0 1-1.39 7.57zm.38-4.6c0-.76-.2-1.49-.57-2.12a4.73 4.73 0 0 0-4.15-2.31 4.73 4.73 0 0 0-4.15 2.33 4.2 4.2 0 0 0-.56 2.1c0 2.45 2.11 4.44 4.71 4.44s4.72-1.99 4.72-4.44zm-1.9 1.72a.53.53 0 0 1-.45.23.55.55 0 0 1-.27-.07l-1.73-1a.9.9 0 0 1-.38.08c-.48 0-.87-.37-.87-.82a.8.8 0 0 1 .37-.67l.08-2.12a.5.5 0 0 1 .54-.48c.3.01.52.24.5.51l-.07 2.13c.16.12.27.29.3.49l1.8 1.04c.25.14.33.45.18.68z' fill='%235181b8'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    width: 15px;
    height: 20px;
    background-position: center center;
}
.player__timer.run:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='timer' viewBox='0 0 15 15'%3E%3Cg transform='translate(-980 -1231)'%3E%3Cpath id='a_t' d='M980.98 1235.67a.41.41 0 0 1-.34-.14 2.68 2.68 0 0 1-.64-1.73c0-1.55 1.33-2.8 2.97-2.8 1.06 0 2 .52 2.52 1.31.07.1.08.23.03.35a.4.4 0 0 1-.28.22 6.57 6.57 0 0 0-3.94 2.62c-.07.1-.2.17-.32.17zm14.02-1.87c0 .64-.23 1.23-.62 1.7-.08.1-.2.15-.33.14a.41.41 0 0 1-.32-.17 6.57 6.57 0 0 0-3.96-2.6.4.4 0 0 1-.28-.22.36.36 0 0 1 .03-.35 3.01 3.01 0 0 1 2.5-1.3c1.65 0 2.98 1.25 2.98 2.8zm-3.14 10.36l.55.74c.24.31.16.75-.17.97a.77.77 0 0 1-1.04-.16l-.55-.74a6.83 6.83 0 0 1-6.25 0l-.56.74a.77.77 0 0 1-1.04.16.67.67 0 0 1-.17-.97l.55-.74a5.84 5.84 0 0 1-1.4-7.55 6.56 6.56 0 0 1 5.74-3.2 6.57 6.57 0 0 1 5.73 3.18 5.84 5.84 0 0 1-1.39 7.57zm.38-4.6c0-.76-.2-1.49-.57-2.12a4.73 4.73 0 0 0-4.15-2.31 4.73 4.73 0 0 0-4.15 2.33 4.2 4.2 0 0 0-.56 2.1c0 2.45 2.11 4.44 4.71 4.44s4.72-1.99 4.72-4.44zm-1.9 1.72a.53.53 0 0 1-.45.23.55.55 0 0 1-.27-.07l-1.73-1a.9.9 0 0 1-.38.08c-.48 0-.87-.37-.87-.82a.8.8 0 0 1 .37-.67l.08-2.12a.5.5 0 0 1 .54-.48c.3.01.52.24.5.51l-.07 2.13c.16.12.27.29.3.49l1.8 1.04c.25.14.33.45.18.68z' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.player-speed {
	max-width: 50px;
	font-weight: bold;
}
.player-speed select {
	border: none;
	padding: 5px 0;
    background: none;
    text-align: center;
	text-align-last: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    cursor: pointer;
	box-shadow: none;
	font-size: 13px;
}
.player-speed span {
	font-weight: normal;
}
.player-speed-menu button {
    border: 1px solid #3c3c3c;
    color: #ebebeb;
    margin: 10px 10px;
    padding: 10px 16px;
}

.player-playing .player-play:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-play' viewBox='0 0 11 14'%3E%3Cpath d='M1.92 0C3 0 3.85.86 3.85 1.92v10.16a1.92 1.92 0 0 1-3.85 0V1.92C0 .86.86 0 1.92 0zm6.16 0C9.14 0 10 .86 10 1.92v10.16a1.92 1.92 0 0 1-3.85 0V1.92C6.15.86 7.01 0 8.08 0z' fill='%235181b8'%3E%3C/path%3E%3C/svg%3E ");
}

/*Плейлист*/
.player-playlist {
	border: 1px solid #5181b8;
	max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto;
	border-radius: 3px;
	margin: 0 0 15px 0;
	display: none;
}
.player-playlist>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	cursor: pointer;
	margin: 0;
	padding: 10px 15px;
	border-bottom: 1px solid #cbcbcb;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	background: #ffffff;
	color: #747474;
}
.player-playlist>div:last-child {
	border-bottom: none;
}
.player-playlist>div:hover {
	background: #e4e4e4;
}

.player-playlist>div.active {
    background: #195e8f;
    color: #FFF;
}
.player-playlist>div.active:before {
    content: " ";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath d='M0 12.2V1.8A1.73 1.73 0 0 1 2.71.38l7.5 5.2a1.73 1.73 0 0 1 0 2.84l-7.5 5.2A1.73 1.73 0 0 1 0 12.2z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    background-repeat: no-repeat;
    width: 12px;
	min-width: 12px;
    height: 12px;
    background-position: center bottom;
	margin-right: 5px;
}
.player-playing .player-playlist>div.active:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-play' viewBox='0 0 11 14'%3E%3Cpath d='M1.92 0C3 0 3.85.86 3.85 1.92v10.16a1.92 1.92 0 0 1-3.85 0V1.92C0 .86.86 0 1.92 0zm6.16 0C9.14 0 10 .86 10 1.92v10.16a1.92 1.92 0 0 1-3.85 0V1.92C6.15.86 7.01 0 8.08 0z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E ");
    
}
.player-playlist>div .time {
	padding-left: 10px;
	margin-left: auto;
	display: none;
}

@media screen and (min-width: 1000px) { 
	.player-custom-info .player-parts-title {
		display: none;
	}
	.player-playlist-show-desktop {
		display: none;
	}
	.player-full-show-mobile {
		display: block;
	}

}
@media screen and (max-width: 1000px) { 
	.player-playlist {
		display: none;
	}
	.plyr__volume {
		display: none;
	}
	.plyr__time+.plyr__time {
		display: block !important;
	}
		body.stop-scrollbar {
	    overflow: hidden;
	  /*  position: fixed;
	    height: auto;
	    margin-right: 0px;
		width: 100%;
	    left: 0;
	    top: 0;*/
	}
	.player-custom-info.fixed .player-custom-controls .player-minus-15,
	.player-custom-info.fixed .player-custom-controls .player-play,
	.player-custom-info.fixed .player-custom-controls .player-plus-15,
	.player-custom-info.fixed .player-custom-controls .player-timer,
	.player-custom-info.fixed .player-custom-controls .player-playlist-show-desktop,
	.player-custom-info.fixed .player-playlist-fixed.active {
		display: none;
	}
	.player-custom-info.fixed .player-custom-info-container {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.player-custom-info.fixed .player-full-show-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-right: 0;
	}
	.player-custom-info.fixed .player-custom-controls>div {
		min-width: 35px;
		
	}
	.player-playlist-mobile {
		max-height: unset;
	}
	.player-playlist-mobile.active {
		z-index: 11;
		display: block;
		position: fixed;
		width: 100%;
		height: calc(100% - 50px);
		max-height: calc(100% - 50px);
		overflow-y: auto;
		top: 49px;
		left: 0;
		background: #cfcfcf;
		border: 0;
		border-radius: 0;
	}
	.player-playlist-close-mobile.active {
		z-index: 12;
		position: fixed;
		height: 50px;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0 15px;
		font-size: 18px;
		color: #383838;
		background: #e9e9e9;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #919191;
	}
	.player-playlist-close-mobile.active:after {
	    content: " ";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 20 21'%3E%3Cpath d='M10 8.38l7.07-7.07a1.5 1.5 0 0 1 2.12 2.12l-7.07 7.07 7.07 7.07a1.5 1.5 0 0 1-2.12 2.12L10 12.62 2.93 19.7A1.5 1.5 0 0 1 .8 17.57l7.07-7.07L.8 3.43A1.5 1.5 0 0 1 2.93 1.3L10 8.38z' fill='%235181b8'/%3E%3C/svg%3E");
	    display: inline-block;
		vertical-align: middle;
	    background-repeat: no-repeat;
	    width: 18px;
	    height: 18px;
	    background-position: center center;
	}
	.player-container.fixed {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	    overflow-y: auto;
	    position: fixed;
	    margin: 0;
	    padding: 0;
	    bottom: 84px;
	    left: 0;
	    right: 0;
	    z-index: 15;
	    width: 100%;
	    height: calc(100% - 84px);
	    max-width: unset;
	    background: rgb(18 18 18 / 51%);
		border-radius: 0;
	}
	.player-container.fixed .player-background-mobile {
		margin-top: auto;
		background: #ffffff;
		padding: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.player-background-mobile>div {
	    width: 100%;
	}
	.player-container.fixed>div {
		width: 100%;	
	}
	.player-container.fixed .player-custom-controls>div {
	}

	div.player-custom-info.fixed {
		margin: 0;
	}
	.player-container.fixed .plyr--audio {
	
	}
	.player-container.fixed .player-custom-controls {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3; 
		margin: 0 0 15px 0;
	}
	.player-container.fixed .player-custom-controls-2 {
		margin: 0 0 15px 0;
	}
	.player-container.fixed .player-custom-controls-2>div:first-child {
		margin-left: 0;
	}
	.player-container.fixed .player-custom-controls-2>div:last-child {
		margin-right: 0;
	}
	.player-container.fixed .player-custom-info-container .player-custom-controls {
		margin: 0 -5px;
	}
	.player-container.fixed .player-custom-controls-pos-2 {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4; 
		margin: 0 0 5px 0;
	}
	.player-container.fixed .player-playlist-show-mobile {

	}
	.player-container.fixed .player-custom-info.fixed {
	
	}

	.player-container.fixed .player-container-fixed-hide {
		display: block;
		position: absolute;
		border-radius: 3px;
		border: 1px solid #5181b8;
		color: #5181b8;
		right: 15px;
	    top: 15px;
	    padding: 5px 10px;
		cursor: pointer;
	}
	.player-container.fixed .player-container-fixed-hide:hover {
		background: #f6faff;
	}
	.player-container.fixed .player-playlist-show-mobile {

	    background: #ededed;
	    border: 1px solid #c1c1c1;
	    color: #383838;

	    font-size: 14px;

	}
	
	/*Место под рекламау на мобильном*/
	.player-container.fixed .player-ads-mobile {
		padding: 15px;
		display: block;
	}
	.player-container.fixed .player-ads-mobile div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    width: 100%;
	    height: 150px;
	    border: 1px dashed #595959;
	    color: #595959;
	    border-radius: 3px;
	    margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 640px) { 
	.player-custom-info.fixed .player-custom-controls .player-prev,
	.player-custom-info.fixed .player-custom-controls .player-next {
		display: none;
	}
	.player-custom-controls {max-width: inherit;}
}


/*Стили таймера с вашего сайта*/
.mobile__popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: end;
	    align-content: flex-end;
	background: rgba(0,0,0,0.41);
	padding: 0px 0px;
}

.mobile__popup.open {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.mobile__popup--button {
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 14px;
	color: #ff463a;
	border-radius: 5px;
}

.mobile__popup--timer .mobile__popup--content {
	max-width: 420px;
	margin: 0 auto 15px;
	padding: 35px;
}

.mobile__popup--speed .mobile__popup--content--caption,.mobile__popup--timer .mobile__popup--content--caption {
	text-align: center;
	font-size: 20px;
}

.mobile__popup--speed .speed_controls {
	text-align: center;
	font-weight: 700;
	color: #6d6e6f;
	font-size: 22px;
	padding-top: 35px;
	display: block;
	line-height: 45px;
}

.timer__control {
	border: 1px solid #7e3a66;
	background-color: #fbfdff;
	border-radius: 100%;
	width: 45px;
	height: 45px;
	display: inline-block;
	float: left;
	cursor: pointer;
}

.icon-plus {
	float: right;
}

.timer__control .icon {
	width: 20px;
	height: 100%;
}

.mobile__popup--timer .mobile__popup--content--caption {
	margin-bottom: 0;
}

.mobile__popup--timer.run .timer__control {
	opacity: 0;
	pointer-events: none;
}

.mobile__popup--content,.mobile__popup--button {
	width: 100%;
	float: left;
	background-color: #1a1a1a;
	border-radius: 5px;
}

.mobile__popup--content--caption {
	display: block;
	font-size: 16px;
	color: #ebebeb;
	font-family: 'Fira Sans',sans-serif;
	margin-bottom: 50px;
}

.mobile__popup--content--caption-small {
	display: block;
	margin: 0 auto;
	padding-top: 5px;
	color: #9b9c9e;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	line-height: 1;
}

.mobile__popup--content--button {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	cursor: pointer;
	display: block;
	height: 50px;
	line-height: 50px;
	width: 100%;
	color: #fff;
	text-align: center;
	background-color: #4441ad;
	border-radius: 3px;
	font-size: 16px;
}

.mobile__popup--content--button.button-start {
	background-color: #4441ad;
}

.mobile__popup--content--button.button-stop {
	background-color: #ff463a;
}

.mobile__popup--content .timer__wrapper {
	text-align: center;
	margin-top: 35px;
	margin-bottom: 35px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.mobile__popup--content .timer__wrapper__wrapper {
	position: relative;
	width: 200px;
	margin: 0 auto;
	height: 60px;
}

.mobile__popup--content .timer__wrapper__wrapper:first-child {
	margin-bottom: 20px;
}

.mobile__popup--content .timer__text {
	position: relative;
	display: inline-block;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 40%;
	padding: 0 20px;
	font-weight: 700;
	font-size: 24px;
	color: #6d6e6f;
	min-width: 50px;
}

.mobile__popup--content .timer__text span {
	display: block;
	clear: both;
	font-weight: normal;
	color: #9b9c9e;
	font-size: 14px;
}

.mobile__popup--button {
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 19px;
	color: #ff463a;
	border-radius: 5px;
	text-transform: uppercase;
}

.mobile__popup--button.mobile__popup--button--save {
	background-color: #edffef;
	color: #57ca66;
	margin-bottom: 10px;
}
.mobile__popup--content .timer__progress {
	display: none;
}
.book--player .player__timer .icon {
	height: 100%;
	fill: #909090;
}
.player__timer.run {
	background-color: #ff5986 !important;
	border-color: #ff5986;
}
.player__timer.run { 
	min-width: 95px;
}
.player__timer.run .timer__wrapper {
	padding: 0 0 0 10px;
	text-align: right;
}
.player__timer.run span {
	color: #fff;
}
.player__timer.run .icon {
	fill: #fff !important;
}

@media screen and (min-width:769px) {
	.mobile__popup.mobile__popup--timer.open {
		-ms-flex-line-pack: center;
		    align-content: center;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.mobile__button--close {
		display: none !important;
	}
}

@media screen and (max-width:769px) {
	.mobile__popup {
		-ms-flex-line-pack: center;
		    align-content: center;
	}
}

@media screen and (max-width:500px) {
	.player__timer {
		margin: 0 auto 15px;
	}
}

/*Кастомные кнопки управления*/
.player-custom-controls-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	/*justify-content: space-between;*/
	margin: 0 0 15px 0;
	max-height: 250px;
}
.player-custom-controls-2>div {
	cursor: pointer;
	background: #ffffff;
	border: 1px solid #cdcdcd;
	color: #5c5c5c;
	
	border-radius: 3px;
	/*max-width: 45px;*/
	min-width: 45px;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0 5px;
}
.player-custom-controls-2>div:first-child {
	margin-left: 0;
}
.player-custom-controls-2>div:last-child {
	margin-right: 0;
}
.player-custom-controls-2>div:hover {
	background: #f3f3f3;
}

.player-custom-controls-2 .player-play {
	min-width: 130px;
}
.player-play:before {
    content: " ";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath d='M0 12.2V1.8A1.73 1.73 0 0 1 2.71.38l7.5 5.2a1.73 1.73 0 0 1 0 2.84l-7.5 5.2A1.73 1.73 0 0 1 0 12.2z' fill='%235181b8'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    width: 100%;
    height: 18px;
    background-position: center center;
}
.player-next:before {
    content: " ";
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.63 3.3V1.46a1.46 1.46 0 0 1 2.3-1.2l6.46 4.53a1.46 1.46 0 0 1 0 2.4L8.93 11.7a1.46 1.46 0 0 1-2.3-1.2V8.68L2.3 11.71A1.46 1.46 0 0 1 0 10.51V1.47A1.46 1.46 0 0 1 2.3.26L6.62 3.3z' fill='%235181b8' /%3E%3C/svg%3E");
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    width: 100%;
    height: 12px;
    background-position: center center;
}
.player-prev:before {
    content: " ";
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.38 3.3V1.46a1.46 1.46 0 0 0-2.3-1.2L.63 4.8a1.46 1.46 0 0 0 0 2.4L7.1 11.7a1.46 1.46 0 0 0 2.29-1.2V8.68l4.34 3.04a1.46 1.46 0 0 0 2.3-1.2V1.47a1.46 1.46 0 0 0-2.3-1.2L9.38 3.3z' fill='%235181b8'/%3E%3C/svg%3E");
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    width: 100%;
    height: 12px;
    background-position: center center;
}		
.plyr--audio .plyr__controls {
	flex-wrap: wrap;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
    min-width: 100%;
    order: 3;
}
.plyr__controls .plyr__controls__item.plyr__time {
	margin: 0 !important;
	padding: 0 !important;
	width: 50%;
}
.plyr__controls .plyr__time--current {
	text-align: left;
}
.plyr__controls .plyr__time--duration {
	text-align: right;
}
.plyr__controls .plyr__time--duration:before {
	display: none;
}
.plyr--audio .plyr__controls {
	background: #fff;
	background: #ffffff;
	border-radius: inherit;
	color: #999999;
	color: #727272;
	padding: 0 0 15px;
}
.book_small_player_time__duration:before,
.book_small_player_time__progress:before {
	vertical-align: middle;
	width: 16px;
	height: 16px;
	content: '';
	display: inline-block;
	position: relative;
	top: 0px;
	background: center center/16px 16px no-repeat;
	margin-right: 6px
}

.book_small_player_time__duration:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiM5ZWFlYjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDJhNiA2IDAgMTAwIDEyQTYgNiAwIDAwOCAyek0uNjY3IDhhNy4zMzMgNy4zMzMgMCAxMTE0LjY2NyAwQTcuMzMzIDcuMzMzIDAgMDEuNjY3IDh6IiBmaWxsPSIjOWVhZWIxIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAzLjMzM2MuMzY4IDAgLjY2Ni4yOTkuNjY2LjY2N3YzLjU4OGwyLjI5OCAxLjE1YS42NjcuNjY3IDAgMTEtLjU5NiAxLjE5Mkw3LjcwMiA4LjU5NkEuNjY3LjY2NyAwIDAxNy4zMzMgOFY0YzAtLjM2OC4yOTgtLjY2Ny42NjctLjY2N3oiIGZpbGw9IiM5ZWFlYjEiIC8+PC9zdmc+)
}
.book_info_line.icon_calendar:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjOTlBOUJBIiBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9IiM5OUE5QkEiPjxwYXRoIGQ9Ik0xNiAyLjR2My4yTTggMi40djMuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuOCIgZmlsbD0iIzk5QTlCQSIgLz48cGF0aCBkPSJNNCAxMGgxNiIgc3Ryb2tlLXdpZHRoPSIxLjgiIGZpbGw9IiM5OUE5QkEiIC8+PGNpcmNsZSBjeD0iMTUuNSIgY3k9IjE1LjUiIHI9IjEiIGZpbGw9IiM5OUE5QkEiIC8+PC9nPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDEuNWEuOS45IDAgMCAxIC45Ljl2Ljc5MWMuNTMyLjA2NyAxLjAxMi4xODcgMS40NjEuNDE2YTQuNjUgNC42NSAwIDAgMSAyLjAzMiAyLjAzMmMuMjguNTUuMzk3IDEuMTQ0LjQ1MyAxLjgyNS4wNTQuNjYyLjA1NCAxLjQ4LjA1NCAyLjQ5N3Y0LjA3OGMwIDEuMDE3IDAgMS44MzUtLjA1NCAyLjQ5Ny0uMDU2LjY4MS0uMTczIDEuMjc2LS40NTMgMS44MjVhNC42NSA0LjY1IDAgMCAxLTIuMDMyIDIuMDMyYy0uNTQ5LjI4LTEuMTQ0LjM5Ny0xLjgyNS40NTMtLjY2Mi4wNTQtMS40OC4wNTQtMi40OTcuMDU0SDkuOTZjLTEuMDE3IDAtMS44MzUgMC0yLjQ5Ny0uMDU0LS42ODEtLjA1Ni0xLjI3Ni0uMTczLTEuODI1LS40NTNhNC42NSA0LjY1IDAgMCAxLTIuMDMyLTIuMDMyYy0uMjgtLjU0OS0uMzk3LTEuMTQ0LS40NTMtMS44MjUtLjA1NC0uNjYyLS4wNTQtMS40OC0uMDU0LTIuNDk3VjkuOTZjMC0xLjAxNyAwLTEuODM1LjA1NC0yLjQ5Ny4wNTYtLjY4MS4xNzMtMS4yNzYuNDUzLTEuODI1YTQuNjUgNC42NSAwIDAgMSAyLjAzMi0yLjAzMmMuNDUtLjIyOS45MjktLjM1IDEuNDYxLS40MTZWMi40YS45LjkgMCAxIDEgMS44IDB2LjcwM2MuMzI3LS4wMDMuNjgtLjAwMyAxLjA2MS0uMDAzaDQuMDc4Yy4zOCAwIC43MzQgMCAxLjA2MS4wMDNWMi40YS45LjkgMCAwIDEgLjktLjl6TTcuMSA1LjAxdi41OWEuOS45IDAgMSAwIDEuOCAwdi0uNjk3QzkuMjI1IDQuOSA5LjU4OSA0LjkgMTAgNC45aDRjLjQxMSAwIC43NzUgMCAxLjEuMDAzVjUuNmEuOS45IDAgMSAwIDEuOCAwdi0uNTljLjI3OC4wNS40NzguMTE2LjY0NC4yLjUzNi4yNzQuOTcyLjcxIDEuMjQ1IDEuMjQ2LjEzLjI1My4yMTYuNTg1LjI2MyAxLjE1NC4wMzMuNDAxLjA0My44OC4wNDYgMS40OUg0LjkwMmMuMDAzLS42MS4wMTMtMS4wODkuMDQ2LTEuNDkuMDQ3LS41Ny4xMzQtLjkuMjYzLTEuMTU0YTIuODUgMi44NSAwIDAgMSAxLjI0NS0xLjI0NSAyLjIzIDIuMjMgMCAwIDEgLjY0NC0uMnpNNC45IDEwLjloMTQuMlYxNGMwIDEuMDY1IDAgMS44MS0uMDQ4IDIuMzktLjA0Ny41Ny0uMTM0LjktLjI2MyAxLjE1NGEyLjg1IDIuODUgMCAwIDEtMS4yNDUgMS4yNDVjLS4yNTMuMTMtLjU4NS4yMTYtMS4xNTQuMjYzLS41OC4wNDctMS4zMjUuMDQ4LTIuMzkuMDQ4aC00Yy0xLjA2NSAwLTEuODEgMC0yLjM5LS4wNDgtLjU3LS4wNDctLjktLjEzNC0xLjE1NC0uMjYzYTIuODUgMi44NSAwIDAgMS0xLjI0NS0xLjI0NWMtLjEzLS4yNTMtLjIxNi0uNTg1LS4yNjMtMS4xNTQtLjA0Ny0uNTgtLjA0OC0xLjMyNS0uMDQ4LTIuMzl6TTE1LjUgMTdhMS41IDEuNSAwIDEgMCAwLTMgMS41IDEuNSAwIDAgMCAwIDN6IiBmaWxsPSIjOTlBOUJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+PC9zdmc+)
}
.book_small_player_time__progress {
	margin-left: 4px
}

.book_small_player_time__progress:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiM5ZWFlYjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuNSA4Ljg1N2gtLjQxN2MtLjkyIDAtMS42NjcuNzY5LTEuNjY3IDEuNzE4djEuNzA4YzAgLjk0OC43NDYgMS43MTcgMS42NjcgMS43MTdINS41Yy40NiAwIC44MzMtLjM4NS44MzMtLjg1OVY5LjcxNmEuODQ2Ljg0NiAwIDAwLS44MzMtLjg1OXptNS40MTYgMEgxMC41YS44NDYuODQ2IDAgMDAtLjgzNC44NTl2My40MjVjMCAuNDc0LjM3My44NTkuODM0Ljg1OWguNDE2Yy45MiAwIDEuNjY3LS43NjkgMS42NjctMS43MTd2LTEuNzA4YzAtLjk0OS0uNzQ2LTEuNzE4LTEuNjY3LTEuNzE4ek04IDJDNC4yNzMgMiAxLjQ1MiA1LjE5MSAxLjMzMyA4Ljg1N3YzYzAgLjIzNy4xODYuNDI5LjQxNy40MjloLjQxNmMuMjMgMCAuNDE3LS4xOTIuNDE3LS40Mjl2LTNjMC0zLjA3MSAyLjQzLTUuNTY2IDUuNDE3LTUuNTY2IDIuOTg2IDAgNS40MTYgMi40OTUgNS40MTYgNS41NjZ2M2MwIC4yMzcuMTg3LjQyOS40MTcuNDI5aC40MTdjLjIzIDAgLjQxNi0uMTkyLjQxNi0uNDI5di0zQzE0LjU0NyA1LjE5MSAxMS43MjYgMiA4IDJ6IiBmaWxsPSIjOWVhZWIxIiAvPjwvc3ZnPg==)
}
/*Кастомные кнопки управления*/
.player-custom-controls-3 {
	height: 38px;
    width: 125px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*justify-content: space-between;*/
	margin: 0 -5px;
}
.player-custom-controls-3>div {
	cursor: pointer;
	background: #ffffff;
	border: 1px solid #cdcdcd;
	color: #5c5c5c;
	/* font-size: 14px; */
	border-radius: 3px;
	/*max-width: 45px;*/
	min-width: 45px;
	padding: 7px 0;
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0 5px;
}
.player-custom-controls-3>div:hover {
	background: #f3f3f3;
}

.player-custom-controls-3 .player-play {
	min-width: 130px;
}

@charset "UTF-8";

@keyframes plyr-progress {
	to {
		background-position: 25px 0;
		background-position: var(--plyr-progress-loading-size, 25px) 0
	}
}

@keyframes plyr-popup {
	0% {
		opacity: .5;
		transform: translateY(10px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes plyr-fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.plyr {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	align-items: center;
	direction: ltr;
	display: flex;
	flex-direction: column;
	font-family: inherit;
	font-family: var(--plyr-font-family, inherit);
	font-variant-numeric: tabular-nums;
	font-weight: 400;
	font-weight: var(--plyr-font-weight-regular, 400);
	line-height: 1.7;
	line-height: var(--plyr-line-height, 1.7);
	max-width: 100%;
	min-width: 200px;
	position: relative;
	text-shadow: none;
	transition: box-shadow .3s ease;
	z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
	display: block;
	height: 100%;
	width: 100%
}

.plyr button {
	font: inherit;
	line-height: inherit;
	width: auto
}

.plyr:focus {
	outline: 0
}

.plyr--full-ui {
	box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
	box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
	touch-action: manipulation
}

.plyr__badge {
	background: #4a5464;
	background: var(--plyr-badge-background, #4a5464);
	border-radius: 2px;
	border-radius: var(--plyr-badge-border-radius, 2px);
	color: #fff;
	color: var(--plyr-badge-text-color, #fff);
	font-size: 9px;
	font-size: var(--plyr-font-size-badge, 9px);
	line-height: 1;
	padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
	display: none
}

.plyr__captions {
	animation: plyr-fade-in .3s ease;
	bottom: 0;
	display: none;
	font-size: 13px;
	font-size: var(--plyr-font-size-small, 13px);
	left: 0;
	padding: 10px;
	padding: var(--plyr-control-spacing, 10px);
	position: absolute;
	text-align: center;
	transition: transform .4s ease-in-out;
	width: 100%
}

.plyr__captions span:empty {
	display: none
}

@media(min-width:480px) {
	.plyr__captions {
		font-size: 15px;
		font-size: var(--plyr-font-size-base, 15px);
		padding: 20px;
		padding: calc(var(--plyr-control-spacing, 10px)*2)
	}
}

@media(min-width:768px) {
	.plyr__captions {
		font-size: 18px;
		font-size: var(--plyr-font-size-large, 18px)
	}
}

.plyr--captions-active .plyr__captions {
	display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
	transform: translateY(-40px);
	transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
	background: rgba(0, 0, 0, .8);
	background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
	border-radius: 2px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	color: #fff;
	color: var(--plyr-captions-text-color, #fff);
	line-height: 185%;
	padding: .2em .5em;
	white-space: pre-wrap
}

.plyr__caption div {
	display: inline
}

.plyr__control {
	background: 0 0;
	border: 0;
	border-radius: 3px;
	border-radius: var(--plyr-control-radius, 3px);
	color: inherit;
	cursor: pointer;
	flex-shrink: 0;
	overflow: visible;
	padding: 7px;
	padding: calc(var(--plyr-control-spacing, 10px)*.7);
	position: relative;
	transition: all .3s ease
}

.plyr__control svg {
	fill: currentColor;
	display: block;
	height: 18px;
	height: var(--plyr-control-icon-size, 18px);
	pointer-events: none;
	width: 18px;
	width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
	outline: 0
}

.plyr__control.plyr__tab-focus {
	outline: 3px dotted #00b2ff;
	outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
	outline-offset: 2px
}

a.plyr__control {
	text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
	display: none
}

.plyr--full-ui ::-webkit-media-controls {
	display: none
}

.plyr__controls {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	text-align: center
}

.plyr__controls .plyr__progress__container {
	flex: 1;
	min-width: 0
}

.plyr__controls .plyr__controls__item {
	margin-left: 2.5px;
	margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
	margin-left: 0;
	margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
	padding-left: 2.5px;
	padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
	padding: 0 5px;
	padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
	padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
	display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
	display: inline-block
}

.plyr__menu {
	display: flex;
	position: relative
}

.plyr__menu .plyr__control svg {
	transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
	transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
	display: none
}

.plyr__menu__container {
	animation: plyr-popup .2s ease;
	background: hsla(0, 0%, 100%, .9);
	background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
	border-radius: 4px;
	border-radius: var(--plyr-menu-radius, 4px);
	bottom: 100%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
	color: #4a5464;
	color: var(--plyr-menu-color, #4a5464);
	font-size: 15px;
	font-size: var(--plyr-font-size-base, 15px);
	margin-bottom: 10px;
	position: absolute;
	right: -3px;
	text-align: left;
	white-space: nowrap;
	z-index: 3
}

.plyr__menu__container>div {
	overflow: hidden;
	transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
	background: rgb(0 0 0 / 58%);
}

.plyr__menu__container:after {
	border: 4px solid transparent;
	border-top-color: hsla(0, 0%, 100%, .9);
	border: var(--plyr-menu-arrow-size, 4px) solid transparent;
	border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
	content: "";
	height: 0;
	position: absolute;
	right: 14px;
	right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
	top: 100%;
	width: 0
}

.plyr__menu__container [role=menu] {
	padding: 7px;
	padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
	margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
	margin-top: 0
}

.plyr__menu__container .plyr__control {
	align-items: center;
	color: #4a5464;
	color: var(--plyr-menu-color, #4a5464);
	display: flex;
	font-size: 13px;
	font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
	padding: 4.66667px 10.5px;
	padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
	-webkit-user-select: none;
	user-select: none;
	width: 100%
}

.plyr__menu__container .plyr__control>span {
	align-items: inherit;
	display: flex;
	width: 100%
}

.plyr__menu__container .plyr__control:after {
	border: 4px solid transparent;
	border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
	padding-right: 28px;
	padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
	border-left-color: #728197;
	border-left-color: var(--plyr-menu-arrow-color, #728197);
	right: 6.5px;
	right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
	border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
	font-weight: 400;
	font-weight: var(--plyr-font-weight-regular, 400);
	margin: 7px;
	margin: calc(var(--plyr-control-spacing, 10px)*.7);
	margin-bottom: 3.5px;
	margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
	padding-left: 28px;
	padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
	position: relative;
	width: calc(100% - 14px);
	width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
	border-right-color: #728197;
	border-right-color: var(--plyr-menu-arrow-color, #728197);
	left: 6.5px;
	left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
	background: #dcdfe5;
	background: var(--plyr-menu-back-border-color, #dcdfe5);
	box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
	content: "";
	height: 1px;
	left: 0;
	margin-top: 3.5px;
	margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
	border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
	padding-left: 7px;
	padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
	border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
	background: rgba(0, 0, 0, .1);
	content: "";
	display: block;
	flex-shrink: 0;
	height: 16px;
	margin-right: 10px;
	margin-right: var(--plyr-control-spacing, 10px);
	transition: all .3s ease;
	width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
	background: #fff;
	border: 0;
	height: 6px;
	left: 12px;
	opacity: 0;
	top: 50%;
	transform: translateY(-50%) scale(0);
	transition: transform .3s ease, opacity .3s ease;
	width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
	background: #00b2ff;
	background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
	opacity: 1;
	transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
	background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
	align-items: center;
	display: flex;
	margin-left: auto;
	margin-right: -5px;
	margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
	overflow: hidden;
	padding-left: 24.5px;
	padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
	pointer-events: none
}

.plyr--full-ui input[type=range] {
	-webkit-appearance: none;
	appearance: none;
	background: 0 0;
	border: 0;
	border-radius: 26px;
	border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
	color: #00b2ff;
	color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	display: block;
	height: 19px;
	height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
	margin: 0;
	min-width: 0;
	padding: 0;
	transition: box-shadow .3s ease;
	width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
	background: 0 0;
	background-image: linear-gradient(90deg, currentColor 0, transparent 0);
	background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
	border: 0;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	-webkit-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	-webkit-user-select: none;
	user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	background: var(--plyr-range-thumb-background, #fff);
	border: 0;
	border-radius: 100%;
	box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
	height: 13px;
	height: var(--plyr-range-thumb-height, 13px);
	margin-top: -4px;
	margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
	position: relative;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	width: 13px;
	width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
	background: 0 0;
	border: 0;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	-moz-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
	background: #fff;
	background: var(--plyr-range-thumb-background, #fff);
	border: 0;
	border-radius: 100%;
	box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
	height: 13px;
	height: var(--plyr-range-thumb-height, 13px);
	position: relative;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	width: 13px;
	width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
	background: currentColor;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
	color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
	background: 0 0;
	border: 0;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
	background: 0 0;
	background: currentColor;
	border: 0;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
	background: #fff;
	background: var(--plyr-range-thumb-background, #fff);
	border: 0;
	border-radius: 100%;
	box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
	height: 13px;
	height: var(--plyr-range-thumb-height, 13px);
	margin-top: 0;
	position: relative;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	width: 13px;
	width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
	display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
	border: 0
}

.plyr--full-ui input[type=range]:focus {
	outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
	outline: 3px dotted #00b2ff;
	outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
	outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
	outline: 3px dotted #00b2ff;
	outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
	outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
	outline: 3px dotted #00b2ff;
	outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
	outline-offset: 2px
}

.plyr__poster {
	background-color: #000;
	background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s ease;
	width: 100%;
	z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
	opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
	display: none
}

.plyr__time {
	font-size: 13px;
	font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
	content: "⁄";
	margin-right: 10px;
	margin-right: var(--plyr-control-spacing, 10px)
}

@media(max-width:767px) {
	.plyr__time+.plyr__time {
		display: none
	}
}

.plyr__tooltip {
	background: hsla(0, 0%, 100%, .9);
	background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
	border-radius: 5px;
	border-radius: var(--plyr-tooltip-radius, 5px);
	bottom: 100%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
	color: #4a5464;
	color: var(--plyr-tooltip-color, #4a5464);
	font-size: 13px;
	font-size: var(--plyr-font-size-small, 13px);
	font-weight: 400;
	font-weight: var(--plyr-font-weight-regular, 400);
	left: 50%;
	line-height: 1.3;
	margin-bottom: 10px;
	margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
	opacity: 0;
	padding: 5px 7.5px;
	padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
	pointer-events: none;
	position: absolute;
	transform: translate(-50%, 10px) scale(.8);
	transform-origin: 50% 100%;
	transition: transform .2s ease .1s, opacity .2s ease .1s;
	white-space: nowrap;
	z-index: 2
}

.plyr__tooltip:before {
	border-left: 4px solid transparent;
	border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
	border-right: 4px solid transparent;
	border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
	border-top: 4px solid hsla(0, 0%, 100%, .9);
	border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
	bottom: -4px;
	bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 0;
	z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
	opacity: 1;
	transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
	z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
	left: 0;
	transform: translateY(10px) scale(.8);
	transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
	left: 16px;
	left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
	left: auto;
	right: 0;
	transform: translateY(10px) scale(.8);
	transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
	left: auto;
	right: 16px;
	right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
	transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
	transform: translate(0) scale(1)
}

.plyr__progress {
	left: 6.5px;
	left: calc(var(--plyr-range-thumb-height, 13px)*.5);
	margin-right: 13px;
	margin-right: var(--plyr-range-thumb-height, 13px);
	position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
	margin-left: -6.5px;
	margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
	margin-right: -6.5px;
	margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
	width: calc(100% + 13px);
	width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
	position: relative;
	z-index: 2
}

.plyr__progress .plyr__tooltip {
	left: 0;
	max-width: 120px;
	overflow-wrap: break-word
}

.plyr__progress__buffer {
	-webkit-appearance: none;
	background: 0 0;
	border: 0;
	border-radius: 100px;
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	left: 0;
	margin-top: -2.5px;
	margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
	padding: 0;
	position: absolute;
	top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
	background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
	background: currentColor;
	border-radius: 100px;
	min-width: 5px;
	min-width: var(--plyr-range-track-height, 5px);
	-webkit-transition: width .2s ease;
	transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
	background: currentColor;
	border-radius: 100px;
	min-width: 5px;
	min-width: var(--plyr-range-track-height, 5px);
	-moz-transition: width .2s ease;
	transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
	border-radius: 100px;
	-ms-transition: width .2s ease;
	transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
	animation: plyr-progress 1s linear infinite;
	background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
	background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
	background-repeat: repeat-x;
	background-size: 25px 25px;
	background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
	color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
	background-color: hsla(0, 0%, 100%, .25);
	background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
	background-color: rgba(193, 200, 209, .6);
	background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr__progress__marker {
	background-color: #fff;
	background-color: var(--plyr-progress-marker-background, #fff);
	border-radius: 1px;
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 3px;
	width: var(--plyr-progress-marker-width, 3px);
	z-index: 3
}

.plyr__volume {
	align-items: center;
	display: flex;
	max-width: 110px;
	min-width: 80px;
	position: relative;
	display: none;
	width: 20%
	
}

.plyr__volume input[type=range] {
	margin-left: 5px;
	margin-left: calc(var(--plyr-control-spacing, 10px)/2);
	margin-right: 5px;
	margin-right: calc(var(--plyr-control-spacing, 10px)/2);
	position: relative;
	z-index: 2
}

.plyr--is-ios .plyr__volume {
	min-width: 0;
	width: auto
}

.plyr--audio {
	display: block
}
/*
.plyr--audio .plyr__controls {
	background: #fff;
	background: #222222;
	border-radius: inherit;
	color: #4a5464;
	color: #ffffff;
	padding: 10px;
	padding: var(--plyr-control-spacing, 10px)
}*/

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
	background: #00b2ff;
	background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	color: #fff;
	color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
	background-color: rgba(193, 200, 209, .6);
	background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
	background-color: rgba(193, 200, 209, .6);
	background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
	background-color: rgba(193, 200, 209, .6);
	background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
	box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
	box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
	box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--audio .plyr__progress__buffer {
	color: rgba(193, 200, 209, .6);
	color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr--video {
	background: #000;
	background: var(--plyr-video-background, var(--plyr-video-background, #000));
	overflow: hidden
}

.plyr--video.plyr--menu-open {
	overflow: visible
}

.plyr__video-wrapper {
	background: #000;
	background: var(--plyr-video-background, var(--plyr-video-background, #000));
	height: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
	aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {

	.plyr__video-embed,
	.plyr__video-wrapper--fixed-ratio {
		height: 0;
		padding-bottom: 56.25%;
		position: relative
	}
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
	padding-bottom: 240%;
	position: relative;
	transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
	background: linear-gradient(transparent, rgba(0, 0, 0, .75));
	background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	bottom: 0;
	color: #fff;
	color: var(--plyr-video-control-color, #fff);
	left: 0;
	padding: 5px;
	padding: calc(var(--plyr-control-spacing, 10px)/2);
	padding-top: 20px;
	padding-top: calc(var(--plyr-control-spacing, 10px)*2);
	position: absolute;
	right: 0;
	transition: opacity .4s ease-in-out, transform .4s ease-in-out;
	z-index: 3
}

@media(min-width:480px) {
	.plyr--video .plyr__controls {
		padding: 10px;
		padding: var(--plyr-control-spacing, 10px);
		padding-top: 35px;
		padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
	}
}

.plyr--video.plyr--hide-controls .plyr__controls {
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
	background: #00b2ff;
	background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	color: #fff;
	color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
	background: #00b2ff;
	background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	border: 0;
	border-radius: 100%;
	color: #fff;
	color: var(--plyr-video-control-color, #fff);
	display: none;
	left: 50%;
	opacity: .9;
	padding: 15px;
	padding: calc(var(--plyr-control-spacing, 10px)*1.5);
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	z-index: 2
}

.plyr__control--overlaid svg {
	left: 2px;
	position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
	opacity: 1
}

.plyr--playing .plyr__control--overlaid {
	opacity: 0;
	visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
	display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
	background-color: hsla(0, 0%, 100%, .25);
	background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
	background-color: hsla(0, 0%, 100%, .25);
	background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
	background-color: hsla(0, 0%, 100%, .25);
	background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
	box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
	box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
	box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--video .plyr__progress__buffer {
	color: hsla(0, 0%, 100%, .25);
	color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

.plyr:-webkit-full-screen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

.plyr:fullscreen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

.plyr:-webkit-full-screen video {
	height: 100%
}

.plyr:fullscreen video {
	height: 100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
	display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
	display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
	display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
	display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
	cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
	cursor: none
}

@media(min-width:1024px) {
	.plyr:-webkit-full-screen .plyr__captions {
		font-size: 21px;
		font-size: var(--plyr-font-size-xlarge, 21px)
	}

	.plyr:fullscreen .plyr__captions {
		font-size: 21px;
		font-size: var(--plyr-font-size-xlarge, 21px)
	}
}

.plyr--fullscreen-fallback {
	background: #000;
	border-radius: 0 !important;
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	margin: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 10000000
}

.plyr--fullscreen-fallback video {
	height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
	display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
	display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
	cursor: none
}

@media(min-width:1024px) {
	.plyr--fullscreen-fallback .plyr__captions {
		font-size: 21px;
		font-size: var(--plyr-font-size-xlarge, 21px)
	}
}

.plyr__ads {
	border-radius: inherit;
	bottom: 0;
	cursor: pointer;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
	height: 100%;
	position: absolute;
	width: 100%
}

.plyr__ads:after {
	background: #23282f;
	border-radius: 2px;
	bottom: 10px;
	bottom: var(--plyr-control-spacing, 10px);
	color: #fff;
	content: attr(data-badge-text);
	font-size: 11px;
	padding: 2px 6px;
	pointer-events: none;
	position: absolute;
	right: 10px;
	right: var(--plyr-control-spacing, 10px);
	z-index: 3
}

.plyr__ads:empty:after {
	display: none
}

.plyr__cues {
	background: currentColor;
	display: block;
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	left: 0;
	opacity: .8;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	z-index: 3
}

.plyr__preview-thumb {
	background-color: hsla(0, 0%, 100%, .9);
	background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
	border-radius: 5px;
	border-radius: var(--plyr-tooltip-radius, 5px);
	bottom: 100%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
	margin-bottom: 10px;
	margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
	opacity: 0;
	padding: 3px;
	pointer-events: none;
	position: absolute;
	transform: translateY(10px) scale(.8);
	transform-origin: 50% 100%;
	transition: transform .2s ease .1s, opacity .2s ease .1s;
	z-index: 2
}

.plyr__preview-thumb--is-shown {
	opacity: 1;
	transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
	border-left: 4px solid transparent;
	border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
	border-right: 4px solid transparent;
	border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
	border-top: 4px solid hsla(0, 0%, 100%, .9);
	border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
	bottom: -4px;
	bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
	content: "";
	height: 0;
	left: calc(50% + var(--preview-arrow-offset));
	position: absolute;
	transform: translateX(-50%);
	width: 0;
	z-index: 2
}

.plyr__preview-thumb__image-container {
	background: #c1c8d1;
	border-radius: 4px;
	border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
	overflow: hidden;
	position: relative;
	z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.plyr__preview-thumb__image-container:after {
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
	content: "";
	pointer-events: none
}

.plyr__preview-thumb__image-container img {
	max-height: none;
	max-width: none
}

.plyr__preview-thumb__time-container {
	background: linear-gradient(transparent, rgba(0, 0, 0, .75));
	background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
	border-bottom-left-radius: 4px;
	border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
	border-bottom-right-radius: 4px;
	border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
	bottom: 0;
	left: 0;
	line-height: 1.1;
	padding: 20px 6px 6px;
	position: absolute;
	right: 0;
	z-index: 3
}

.plyr__preview-thumb__time-container span {
	color: #fff;
	font-size: 13px;
	font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
	bottom: 0;
	filter: blur(1px);
	height: 100%;
	left: 0;
	margin: auto;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .3s ease;
	width: 100%;
	z-index: 1
}

.plyr__preview-scrubbing--is-shown {
	opacity: 1
}

.plyr__preview-scrubbing img {
	height: 100%;
	left: 0;
	max-height: none;
	max-width: none;
	-o-object-fit: contain;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 100%
}

.plyr--no-transition {
	transition: none !important
}

.plyr__sr-only {
	clip: rect(1px, 1px, 1px, 1px);
	border: 0 !important;
	height: 1px !important;
	overflow: hidden;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important
}

.plyr [hidden] {
	display: none !important
}