body, document {
	padding: 0;
	margin: 0;
	font-family: 'Mulish', sans-serif;
}
h3 {
	line-height: 24px;
	margin: 0;
	margin-bottom: 12px;
	font-size: 16px;
}
p {
	line-height: 24px;
	font-size: 13px;
	margin: 0;
}
#wrapper {
	background-color: #175587;
	color: white;
	overflow: hidden;
}
.player__head {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
	.player__cover_cnt {
		width: 134px;
		height: 134px;
		background-color: #0D2846;
		position: relative;
	}
		.player__cover {
			cursor: pointer;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			-webkit-box-sizing: border-box;
							box-sizing: border-box;
		}
			.player--buffering .player__cover:before {
				content: '';
				display: block;
				width: 40px;
				height: 40px;
				border: 4px solid #FCDD55;
				border-top:4px solid #FFFFFF;
				border-radius:50%;
				position: absolute;
				top: calc((100% - 46px) / 2);
				right: calc((100% - 46px) / 2);
				-webkit-transition-property: -webkit-transform;
				-webkit-transition-duration: 1.2s;
				-webkit-animation-name: rotate;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-timing-function: linear;

				-moz-transition-property: -moz-transform;
				-moz-animation-name: rotate; 
				-moz-animation-duration: 1.2s; 
				-moz-animation-iteration-count: infinite;
				-moz-animation-timing-function: linear;

				transition-property: -webkit-transform;

				-o-transition-property: transform;

				transition-property: transform;

				transition-property: transform, -webkit-transform;
				animation-name: rotate; 
				-webkit-animation-duration: 1.2s; 
								animation-duration: 1.2s; 
				animation-iteration-count: infinite;
				animation-timing-function: linear;
			}
			@-webkit-keyframes rotate {
					from {-webkit-transform: rotate(0deg);}
					to {-webkit-transform: rotate(360deg);}
			}

			@keyframes rotate {
					from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
					to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
			}
			.player__cover img {
				width: 100%;
				height: 100%;
			}
	.player__ui {
		width: calc(100% - 134px);
		min-height: 134px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
	}
		.player__btns_cnt {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			height: 28px;
		}
			.player__playlist {
				background-color: #196DAF;
				-webkit-box-flex: 3;
						-ms-flex-positive: 3;
								flex-grow: 3;
				margin: 0;
				height: 28px;
				line-height: 28px;
				font-size: 13px;
				font-weight: normal;
				overflow: hidden;
				white-space: nowrap;
				-o-text-overflow: ellipsis;
					 text-overflow: ellipsis;
				position: relative;
				color: rgba(255,255,255,0.7);
				cursor: pointer;
			}
				.player__playlist--none, .player__playlist--none:hover {
					color: transparent !important;
					background-color: #196DAF !important;
					cursor: default;
				}
				.player__playlist:before {
					content: '';
					display: inline-block;
					width: 28px;
					height: 28px;
					background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'/%3E%3C/svg%3E");
					background-position: center center;
					background-size: 16px 16px;
					background-repeat: no-repeat;
					float:left;
					opacity: 0.7;
				}
				.player__playlist.player__playlist--singlemode:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23FFFFFF' d='M576 24v127.984c0 21.461-25.96 31.98-40.971 16.971l-35.707-35.709-243.523 243.523c-9.373 9.373-24.568 9.373-33.941 0l-22.627-22.627c-9.373-9.373-9.373-24.569 0-33.941L442.756 76.676l-35.703-35.705C391.982 25.9 402.656 0 424.024 0H552c13.255 0 24 10.745 24 24zM407.029 270.794l-16 16A23.999 23.999 0 0 0 384 303.765V448H64V128h264a24.003 24.003 0 0 0 16.97-7.029l16-16C376.089 89.851 365.381 64 344 64H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V287.764c0-21.382-25.852-32.09-40.971-16.97z'/%3E%3C/svg%3E");
					} !important;
				}
				.player__playlist:hover {
					color: #FFF;
					background-color: RGBA(28, 120, 192, 1.00);
				}
				.player__playlist:hover:before {
					opacity: 1;
				}
				.player__playlist--none:before {
					display: none;
				}
			.player__actions {
				list-style: none;
				padding: 0; margin: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 28px;
			}
			.player__actions li {
				background-color: #FDDE47;
				color: #0D2846;
				line-height: 27px;
				margin-bottom: 1px solid rgba(0,0,0,0.1);
				text-align: center;
				width: 108px;
				height: 28px;
				-webkit-box-sizing: border-box;
								box-sizing: border-box;
				border-left: 1px solid rgba(0,0,0,0.2);
				cursor: pointer;
			}
			.player__actions li:first-child {
				border-left: 0;
			}
			.player__actions li:hover {
				background-color: #C0AA36;
			}

				.player__actions_item--popup {
					width: 32px !important;
					height: 28px;
					display: block;
					background-size: 16px 16px;
					background-repeat: no-repeat;
					background-position: center center;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath opacity='0.4' d='M576 24v127.984c0 21.461-25.96 31.98-40.971 16.971l-35.707-35.709-243.523 243.523c-9.373 9.373-24.568 9.373-33.941 0l-22.627-22.627c-9.373-9.373-9.373-24.569 0-33.941L442.756 76.676l-35.703-35.705C391.982 25.9 402.656 0 424.024 0H552c13.255 0 24 10.745 24 24zM407.029 270.794l-16 16A23.999 23.999 0 0 0 384 303.765V448H64V128h264a24.003 24.003 0 0 0 16.97-7.029l16-16C376.089 89.851 365.381 64 344 64H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V287.764c0-21.382-25.852-32.09-40.971-16.97z'/%3E%3C/svg%3E");
				}
				.player__actions_item--download {
					width: 32px !important;
					height: 28px;
					display: none;
					background-size: 16px 16px;
					background-repeat: no-repeat;
					background-position: center center;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath opacity='0.4' d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z'/%3E%3C/svg%3E");
				}
				.player__actions_item--share {
					width: 32px !important;
					height: 28px;
					display: none;
					position: relative;
					background-size: 16px 16px;
					background-repeat: no-repeat;
					background-position: center center;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' opacity='0.4' d='M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z'%3E%3C/path%3E%3C/svg%3E");
				}
				.player__actions_item--subscribe {
					-webkit-box-sizing: border-box;
									box-sizing: border-box;
					padding-left: 14px;
					position: relative;
					font-size: 10px;
					text-transform: uppercase;
					color: black!important;
					display: none;
				}
					.player__actions_item--subscribe:before {
						z-index: 2;
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 32px !important;
						height: 28px;
						display: block;
						background-size: 16px 16px;
						background-repeat: no-repeat;
						background-position: center center;
						background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath opacity='0.4' d='M267.429 488.563C262.286 507.573 242.858 512 224 512c-18.857 0-38.286-4.427-43.428-23.437C172.927 460.134 160 388.898 160 355.75c0-35.156 31.142-43.75 64-43.75s64 8.594 64 43.75c0 32.949-12.871 104.179-20.571 132.813zM156.867 288.554c-18.693-18.308-29.958-44.173-28.784-72.599 2.054-49.724 42.395-89.956 92.124-91.881C274.862 121.958 320 165.807 320 220c0 26.827-11.064 51.116-28.866 68.552-2.675 2.62-2.401 6.986.628 9.187 9.312 6.765 16.46 15.343 21.234 25.363 1.741 3.654 6.497 4.66 9.449 1.891 28.826-27.043 46.553-65.783 45.511-108.565-1.855-76.206-63.595-138.208-139.793-140.369C146.869 73.753 80 139.215 80 220c0 41.361 17.532 78.7 45.55 104.989 2.953 2.771 7.711 1.77 9.453-1.887 4.774-10.021 11.923-18.598 21.235-25.363 3.029-2.2 3.304-6.566.629-9.185zM224 0C100.204 0 0 100.185 0 224c0 89.992 52.602 165.647 125.739 201.408 4.333 2.118 9.267-1.544 8.535-6.31-2.382-15.512-4.342-30.946-5.406-44.339-.146-1.836-1.149-3.486-2.678-4.512-47.4-31.806-78.564-86.016-78.187-147.347.592-96.237 79.29-174.648 175.529-174.899C320.793 47.747 400 126.797 400 224c0 61.932-32.158 116.49-80.65 147.867-.999 14.037-3.069 30.588-5.624 47.23-.732 4.767 4.203 8.429 8.535 6.31C395.227 389.727 448 314.187 448 224 448 100.205 347.815 0 224 0zm0 160c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64z'/%3E%3C/svg%3E");
					}

		.player__playlit_meta {
			-webkit-box-sizing: border-box;
							box-sizing: border-box;
			padding: 5px 8px;
			font-size: 12px;
			line-height: 18px;
			color: white;
			border-radius: 4px;
			margin: 8px;
			background-color: #206EAD;
			position: relative;
		}
		.player__playlit_meta:before {
			content: '';
			width: 10px;
			height: 10px;
			position: absolute;
			top: 10px;
			left: -5px;
			background-color: #206EAD;
			-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
							transform: rotate(45deg);
		}
		.player__meta {
			cursor: pointer;
			height: 72px;
			-webkit-box-sizing: border-box;
							box-sizing: border-box;
			overflow: hidden;
			border-bottom: 3px solid #1C5685;
		}
			h3.player__title {
				font-weight: bold;
				line-height: 18px;
				font-size: 13px;
				padding: 5px 8px;
				margin: 0;
			}
			p.player__description {
				font-weight: normal;
				line-height: 16px;
				font-size: 13px;
				padding: 0 8px 1px 8px;
				margin: 0;
				display: inline-block;
				width: auto;
				white-space: nowrap;
				overflow: hidden;
				-webkit-box-sizing: border-box;
								box-sizing: border-box;
				padding-right: 22px;
				max-width: 100%;
				position: relative;
			}
				p.player__description:after {
					content: '';
					position: absolute;
					top: -1px;
					right: -3px;
					width: 30px;
					height: 20px;
					display: block;
					background-size: 30px 20px;
					background-repeat: no-repeat;
					background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='927px' height='641px' viewBox='0 0 927 641' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='37.2556609%25' y1='50%25' x2='0%25' y2='50%25' id='linearGradient-1'%3E%3Cstop stop-color='%23185587' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23185587' stop-opacity='0.502212213' offset='54.9306441%25'%3E%3C/stop%3E%3Cstop stop-color='%23185587' stop-opacity='0' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right'%3E%3Crect id='Rectangle' fill='url%28%23linearGradient-1%29' x='0' y='0' width='927' height='641'%3E%3C/rect%3E%3Cpath d='M555.013673,332.93302 L417.144845,470.801138 C410.495582,477.450402 399.715446,477.450402 393.066891,470.801138 L376.986782,454.721029 C370.348869,448.083116 370.3361,437.324971 376.958406,430.671451 L486.22185,320.893688 L376.958406,211.116635 C370.3361,204.463114 370.348869,193.70497 376.986782,187.067057 L393.066891,170.986948 C399.716155,164.337684 410.496291,164.337684 417.144845,170.986948 L555.012963,308.855066 C561.662227,315.50362 561.662227,326.283756 555.013673,332.93302 Z' id='Shape' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
				}
			p.player__create_time {
				font-weight: normal;
				line-height: 16px;
				font-size: 13px;
				padding: 0 8px 6px 8px;
				margin: 0;
				display: inline-block;
				width: auto;
				white-space: nowrap;
				overflow: hidden;
				-webkit-box-sizing: border-box;
								box-sizing: border-box;
				padding-right: 22px;
				max-width: 100%;
				position: relative;
				opacity: 0.5;
				width: 100%;
			}

		.player__player {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
			.player__play {
				cursor: pointer;
				width: 34px;
				height: 34px;
				-webkit-box-sizing: border-box;
								box-sizing: border-box;
				background-color: #FCDD55;
				background-size: 18px 18px;
				background-repeat: no-repeat;
				background-position: center center;
				background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' opacity='0.4' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3C/svg%3E");
			}
				.player--buffering .player__play, .player--playing .player__play {
					/*background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath opacity='0.4' d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");*/
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' opacity='0.4' d='M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z'%3E%3C/path%3E%3C/svg%3E");
				}
				.player__play:hover {
					background-color: #C0AA36;
				}
			.player__progress_cnt {
				position: relative;
				-webkit-box-flex: 2;
						-ms-flex-positive: 2;
								flex-grow: 2;
				height: 34px;
				background-color: rgba(0,0,0,0.5);
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+50,0.5+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)),color-stop(50%, rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));
background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
			}
				.player__progress {
					width: 100%;
					background-color: #000000;
					opacity: 0.5;
					height: 34px;
					position: absolute;
					top: 0;
					right: 0;
					z-index: 3;
					pointer-events: none;
				}
				.player__shadow {
					width: 100%;
					height: 50%;
					position: absolute;
					top: 50%;
					left: 0;
					z-index: 2;
					background-color: rgba(14, 43, 66, 0.5);
					pointer-events: none;
				}
				.player__waveform {
					width: 100%;
					height: 100%;
					background-size: 100% 24px;
					background-repeat: no-repeat;
					background-position: center center;
					-webkit-filter: grayscale(100%);
									filter: grayscale(100%);
					opacity: 0.9;
				}
				.player__duration {
					pointer-events: none;
					position: absolute;
					z-index: 5;
					right: 0;
					bottom: 0;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: end;
							-ms-flex-pack: end;
									justify-content: flex-end;
					-webkit-box-align: end;
							-ms-flex-align: end;
									align-items: flex-end;
					text-shadow: 0px 0px 2px black, 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
					font-weight: normal;
					font-size: 13px;
					padding: 0 6px;
					line-height: 32px;
					-webkit-box-sizing: border-box;
									box-sizing: border-box;
				}
				.player__chapters {
					width: 100%;
					background-color: transparent;
					opacity: 0.5;
					height: 34px;
					position: absolute;
					top: 0;
					right: 0;
					z-index: 10;
					pointer-events: none;
					display: block;
					margin: 0;
					padding: 0;
					list-style: none;
				}
					.player__chapters > li {
						position: absolute;
						top: -4px;
						left: 0;
						margin-left: -3px;
						display: block;
						width: 14px;
						height: calc(100% + 4px);
						pointer-events: all;
						cursor: pointer;
					}
						.player__chapters > li:before {
							content: '';
							display: block;
							width: 0; 
							height: 0; 
							border-left: 4px solid transparent;
							border-right: 4px solid transparent;
							border-top: 4px solid black;
						}
						.player__chapters > li:hover:before {
							border-top: 4px solid white;
						}

.player__playlist_cnt {
	width: 100%;
	max-height: 300px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 13px;
	background-color: #13263c;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}
	.player__playlist_cnt > li {
		position: relative;
		line-height: 32px;
		padding: 0 40px 0 8px;
		-webkit-box-sizing: border-box;
						box-sizing: border-box;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		display: none;
		cursor: pointer;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
			 text-overflow: ellipsis;
		overflow: hidden;
	}
	.player--show-playlist .player__playlist_cnt > li { 
		display: block;
	}
	.player__playlist_cnt > li > span {
		position: absolute;
		top: 0;
		right: 0;
		line-height: 32px;
		width: 40px;
		text-align: right;
		-webkit-box-sizing: border-box;
						box-sizing: border-box;
		padding-right: 8px;
		opacity: 0.6;
	}
	.player__playlist_cnt--item__selected {
		background-color: white;
		color: #153F6A;
		white-space: normal !important;
		-o-text-overflow: ellipsis;
			 text-overflow: ellipsis;
		overflow: visible !important;
	}
	.player--playing .player__playlist_cnt--item__selected {
		padding: 0 40px 0 23px;
	}
	.player--playing .player__playlist_cnt--item__selected:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 24px;
		height: 32px;
		-webkit-box-sizing: border-box;
						box-sizing: border-box;
		background-size: 11px 11px;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23184068' opacity='1' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3C/svg%3E");
	}
	.player--playing li.player__playlist_cnt--item__selected.player__playlist_cnt--item__has_chapters {
		display: block;
	}

	.player--playing .player__playlist_cnt--item__selected .player__chapter_list {
		display: block !important;
	}
	.player__playlist_cnt_more {
		text-align: center;
		padding-left: 20px !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
		padding-top: 0px !important;
		position: relative;
		color: rgba(255,255,255,0.85);
		background-color: #0E2E4D;
	}
		.player__playlist_cnt_more:hover {
			background-color: #296BAD;
		}
		.player__playlist_cnt_more:before {
			content: '';
			position: absolute;
			top: 6px;
			left: calc(50% - 54px);
			width: 30px;
			height: 20px;
			display: block;
			background-size: 36px 28px;
			background-position: center center;
			background-repeat: no-repeat;
			background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z' fill='%23fff'/%3E%3C/svg%3E");
			opacity: 0.5;
		}

		.player__chapter_list {
			list-style: none;
			padding: 0;
			margin: -4px -20px 0 -20px;
			width: calc(100% + 57px);
			position: relative;
			top: -4px;
			display: none;
			line-height: 26px;
		}
			.player__chapter_list > li {
				display: inline-block;
				background-color: #529FFB;
				color: white;
				line-height: 18px;
				font-size: 11px;
				margin: 0 4px;
				padding: 0 6px 0 6px;
				border-radius: 7px;
				cursor: pointer;
				position: relative;
			}

			.player__chapter_list > li:first-child {
				background: transparent;
					color: #153F6A;
					padding: 0;
					font-size: 13px;
			}
				.player--playing .player__chapter_list > li.player__chapter_list--active {
					background-color: #FCDD55;
					color: black;
				}


@media screen and (max-width: 450px) {
	.player__playlist {

	}

	.player__actions_item--subscribe {
		color: transparent !important;
		width: 32px !important;
		overflow: hidden;
	}
}


@media screen and (max-width: 432px) {
	.player__head {
		
	}
		.player__cover_cnt {

		}
		.player__ui {
			
		}
}

@media screen and (max-width: 300px) {
	.player__head {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
	}
		.player__cover_cnt {
			width: 100%;
			height: auto;
		}
			.player__cover_cnt:after {
				content: '';
				display: block;
				padding-top: 100%;
			}
			.player__cover {

			}
		.player__ui {
			width: 100%;
		}
		.player__player {
			-webkit-box-ordinal-group: 0;
					-ms-flex-order: -1;
							order: -1;
		}
		.player__meta {

		}
		.player__btns_cnt {
			-webkit-box-ordinal-group: 4;
					-ms-flex-order: 3;
							order: 3;
		}
}







.r886_page__share_sheet {
	position: absolute;
	top: 40px;
	right: 4px;
	z-index: 10;
}
.r886_page__share_sheet:before {
	position: absolute;
	top: -12px;
	right: 0px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #FCDD55 transparent;
}
	.r886_page__share_sheet_list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-radius: 6px 0 6px 6px;
		overflow: hidden;
	}
		.r886_page__share_sheet_list li {
			width: 36px; height: 36px;
		}


		.r886_page__share_sheet_list .fa-facebook {
			width: 36px !important;
			height: 36px;
			display: block;
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000000' opacity='0.4' d='M279.1 288l14.3-92.7h-89v-60c0-25.4 12.5-50.2 52.3-50.2H297V6.4S260.4 0 225.4 0C152 0 104.3 44.4 104.3 124.7v70.6H22.9V288h81.4v224h100.2V288z'/%3E%3C/svg%3E");
		}
		.r886_page__share_sheet_list .fa-link {
			width: 36px !important;
			height: 36px;
			display: block;
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' opacity='0.4' d='M326.6 185.4a152 152 0 0 1 0 215l-67.2 67.2a152.2 152.2 0 0 1-215 0 152.2 152.2 0 0 1 0-215l37.2-37.1a16 16 0 0 1 27.3 10.6c.6 17.7 3.8 35.5 9.6 52.7a16 16 0 0 1-3.7 16.6l-13.1 13.1c-28 28-29 73.7-1.2 102a72 72 0 0 0 102.3.5l67.2-67.2a72 72 0 0 0-10.3-110.4 16 16 0 0 1-7-12.6 39.8 39.8 0 0 1 11.8-29.8l21-21a16 16 0 0 1 20.6-1.8 152.5 152.5 0 0 1 20.5 17.2zm141-141a152.2 152.2 0 0 0-215 0l-67.2 67.2-.4.4a152 152 0 0 0 .4 214.6 152.5 152.5 0 0 0 20.5 17.2 16 16 0 0 0 20.6-1.7l21-21c8.4-8.4 12.1-19.3 11.7-29.9a16 16 0 0 0-6.9-12.6A72 72 0 0 1 242 168.2l67.2-67.2a72 72 0 0 1 102.3.5 72.6 72.6 0 0 1-1.2 102l-13 13a16 16 0 0 0-3.8 16.7c5.8 17.2 9 35 9.6 52.7a16 16 0 0 0 27.3 10.6l37.1-37a152.2 152.2 0 0 0 0-215z'/%3E%3C/svg%3E");
		}
		.r886_page__share_sheet_list .fa-twitter {
			width: 36px !important;
			height: 36px;
			display: block;
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' opacity='0.4' d='M459.4 151.7c.3 4.6.3 9.1.3 13.7 0 138.7-105.6 298.5-298.6 298.5A296.5 296.5 0 0 1 0 417a217 217 0 0 0 25.3 1.2c49 0 94.3-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8a111 111 0 0 0 47.4-2 105 105 0 0 1-84.1-103v-1.2c14 7.8 30.2 12.6 47.4 13.3A104.9 104.9 0 0 1 35.7 67.2a298.3 298.3 0 0 0 216.4 109.9 104.9 104.9 0 0 1 179-95.8 206.6 206.6 0 0 0 66.6-25.4 104.7 104.7 0 0 1-46.1 57.8c21-2.3 41.6-8.1 60.4-16.2a225.6 225.6 0 0 1-52.6 54.2z'/%3E%3C/svg%3E");
		}
		.r886_page__share_sheet_list .fa-whatsapp {
			width: 36px !important;
			height: 36px;
			display: block;
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' opacity='0.4' d='M380.9 97.1a220.3 220.3 0 0 0-157-65.1A222.3 222.3 0 0 0 31.5 365L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7A184.8 184.8 0 0 1 224 69.5c49.3 0 95.6 19.2 130.4 54.1a185.2 185.2 0 0 1 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2a802 802 0 0 0-37.9-18c-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
		}
		.r886_page__share_sheet_list .fa-embed {
			width: 36px !important;
			height: 36px;
			display: block;
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' opacity='0.4' d='M278.9 511.5l-61-17.7a12 12 0 0 1-8.2-14.9L346.2 8.7A12 12 0 0 1 361.1.5l61 17.7a12 12 0 0 1 8.2 14.9L293.8 503.3a12 12 0 0 1-14.9 8.2zm-114-112.2l43.5-46.4a12 12 0 0 0-.8-17.2L117 256l90.6-79.7a12 12 0 0 0 .8-17.2l-43.5-46.4a12 12 0 0 0-17-.5L3.8 247.2a12 12 0 0 0 0 17.5l144.1 135.1a12 12 0 0 0 17-.5zm327.2.6l144.1-135.1a12 12 0 0 0 0-17.5L492.1 112.1a12.1 12.1 0 0 0-17 .5L431.6 159a12 12 0 0 0 .8 17.2L523 256l-90.6 79.7a12 12 0 0 0-.8 17.2l43.5 46.4a12 12 0 0 0 17 .6z'/%3E%3C/svg%3E");
		}
	
	@media screen and (max-width: 300px) {
		.r886_page__share_sheet {
			top: -48px;
		}
		.r886_page__share_sheet:before {
			position: absolute;
			top: auto;
			bottom: -12px;
			right: 0px;
			content: '';
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 12px 12px 0 12px;
			border-color: #FCDD55 transparent transparent transparent;
		}
		.r886_page__share_sheet_list {
			list-style: none;
			margin: 0;
			padding: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			border-radius: 6px 6px 0 6px;
			overflow: hidden;
		}
	}






















.r886_share__window_black {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0,0,0,0.85);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	z-index: 20;
}
.r886_share__window_wrapper {
	position: relative;
	background-color: #022D4B;
	padding: 12px !important;
	color: white;
	max-width: 90%;
	width: 260px;
	border-radius: 6px;
	margin-bottom: 24px;
}
.r886_share__window_wrapper_close {
	position: absolute;
	top: 1px;
	right: 0;
	width: 26px;
	height: 26px;
	display: block;
	cursor: pointer;
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='%23FFFFFF' opacity='0.85' d='M242.7 256l100-100a31.5 31.5 0 0 0 0-44.5l-22.2-22.3a31.5 31.5 0 0 0-44.4 0L176 189.2 76 89.3a31.5 31.5 0 0 0-44.5 0L9.2 111.5a31.5 31.5 0 0 0 0 44.4l100 100.1-100 100a31.5 31.5 0 0 0 0 44.5l22.3 22.3a31.5 31.5 0 0 0 44.4 0l100.1-100 100 100a31.5 31.5 0 0 0 44.5 0l22.3-22.2a31.5 31.5 0 0 0 0-44.5L242.8 256z'/%3E%3C/svg%3E");

}
.r886_share__link_label {
	display: block;
	width: 100%;
	line-height: 14px;
	font-size: 11px;
}
.r886_share__link_input {
	width: calc(100% - 34px);
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	padding: 4px 6px;
	line-height: 16px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border: 1px solid #036ab0;
	outline: none !important;
	display: block;
}
.r886_share__embed_input_copy_btn {
	width: 34px;
	height: 60px;
	background-color: #036ab0;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	position: relative;
}
.r886_share__embed_input {
	width: calc(100% - 34px);
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	padding: 4px 6px;
	line-height: 16px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border: 1px solid #036ab0;
	outline: none !important;
	display: block;
	height: 60px;
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
}
.r886_share__link_input_copy_btn {
	width: 34px;
	height: 26px;
	background-color: #036ab0;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	position: relative;
}
.r886_share__link_input_copy_btn .fa-copy {
	width: 36px !important;
	height: 36px;
	display: block;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' opacity='0.75' d='M434 66l-52-52a48 48 0 0 0-33.9-14H176a48 48 0 0 0-48 48v48H48a48 48 0 0 0-48 48v320a48 48 0 0 0 48 48h224a48 48 0 0 0 48-48v-48h80a48 48 0 0 0 48-48V99.9a48 48 0 0 0-14-34zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224a48 48 0 0 0 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88a24 24 0 0 0 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.6a6 6 0 0 1 4.3 1.8L398.2 98a6 6 0 0 1 1.8 4.3v9.6z'/%3E%3C/svg%3E");
}
.r886_share__link_input_copy_btn--done:before {
	content: 'Link wurde in Zwischenablage kopiert!';
	line-height: 24px;
	display: block;
	border-radius: 6px;
	background-color: #036ab0;
	position: absolute;
	right: 12px;
	width: 244px;
	bottom: -36px;
	font-size: 12px;
	text-align: center;
}
.r886_share__link_input_copy_btn--done:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -12px;
	right: 24px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #036ab0 transparent;
}

.r886_share__embed_input_copy_btn .fa-copy {
	width: 36px !important;
	height: 36px;
	display: block;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' opacity='0.75' d='M434 66l-52-52a48 48 0 0 0-33.9-14H176a48 48 0 0 0-48 48v48H48a48 48 0 0 0-48 48v320a48 48 0 0 0 48 48h224a48 48 0 0 0 48-48v-48h80a48 48 0 0 0 48-48V99.9a48 48 0 0 0-14-34zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224a48 48 0 0 0 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88a24 24 0 0 0 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.6a6 6 0 0 1 4.3 1.8L398.2 98a6 6 0 0 1 1.8 4.3v9.6z'/%3E%3C/svg%3E");
}
.r886_share__embed_input_copy_btn--done:before {
	content: 'Code wurde in Zwischenablage kopiert!';
	line-height: 24px;
	display: block;
	border-radius: 6px;
	background-color: #036ab0;
	position: absolute;
	right: 12px;
	width: 244px;
	bottom: -36px;
	font-size: 12px;
	text-align: center;
}
.r886_share__embed_input_copy_btn--done:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -12px;
	right: 24px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #036ab0 transparent;
}


.r886_share__og_preview_cnt img {
	width: 100%;
	height: auto;
	margin-top: 24px;
	display: block;
}
.r886_share__caption {
	width: 100%;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	padding: 12px;
	padding-bottom: 0;
	background-color: #036ab0;
	line-height: 24px;
}
.r886_share__caption h3 {
	font-weight: bold;
	padding-bottom: 12px;
}
.r886_share__caption p {
	padding-bottom: 12px;
}