:root {
	--main-audioplayer-color: #E82130;
}

@font-face {
	font-family: "zoznam-audioplayer-icons";
	src: url(data:application/font-woff;base64,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);
}

.zoznam-audioplayer {
	display: flex;
	align-items: center;
	padding-bottom: 12px;
}

.zoznam-audioplayer-text {
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 0 16px;
	color: #777777;
}

.zoznam-audioplayer-text strong {
	display: block;
	color: #000;
}

.rmp-container {
	width: 310px !important;
	height: 56px !important;
	border-radius: 34px !important;
	background-color: #f2f2f2 !important;
	padding: 9px 10px !important;
}

.rmp-control-bar {
	position: relative !important;
}

.rmp-color-bg {
	background-color: #F2F2F2 !important;
}

.rmp-time-elapsed-text {
	color: var(--main-audioplayer-color) !important;
	font-weight: bold;
	font-size: 14px !important;
	font-family: 'PT Sans', sans-serif !important;
}

.rmp-duration-text {
	color: #000000 !important;
	font-weight: bold;
	font-size: 14px !important;
	font-family: 'PT Sans', sans-serif !important;
}

.rmp-time-separator {
	color: #000000 !important;
	font-weight: bold;
	font-size: 14px !important;
	font-family: 'PT Sans', sans-serif !important;
}

.rmp-i {
	text-shadow: none !important;
}

.rmp-i-plus {
	display: none !important;
}

.rmp-i-minus {
	display: none !important;
}

.rmp-audio-only .rmp-control-bar {
	display: flex !important;
	align-items: center;
	height: 38px !important;
}

.rmp-play-pause {
	left: auto !important;
	width: 38px !important;
	height: 38px !important;
	line-height: 38px !important;
	text-align: center !important;
	background-color: var(--main-audioplayer-color);
	border-radius: 50%;
	order: 1;
	margin: 0 !important;
}

.rmp-quick-rewind-or-forward {
	position: relative !important;
	left: auto !important;
	width: 20px !important;
	height: 20px !important;
	color: #000 !important;
	text-align: center;
	line-height: 20px !important;
	display: block;
}

.rmp-time {
	position: relative !important;
	left: auto !important;
	height: 38px !important;
	line-height: 38px !important;
	order: 3;
}

.rmp-i-quick-forward-10::before {
	font-family: "zoznam-audioplayer-icons";
	content: "\e900";
	font-size: 19px;
	display: block;
}

.rmp-i-quick-forward-10::after {
	content: "10";
	font-family: 'PT Sans', sans-serif !important;
	font-weight: bold;
	font-size: 8px;
	position: absolute;
	left: 5px;
	top: 0;
}

.rmp-i-quick-rewind-10 {
	margin-left: 78px !important;
}

.rmp-i-quick-rewind-10::after {
	content: "10";
	font-family: 'PT Sans', sans-serif !important;
	font-weight: bold;
	font-size: 8px;
	position: absolute;
	left: 5px;
	top: 0;
}

.rmp-i-quick-rewind-10 {
	order: 2;
	position: relative;
	margin-right: 5px;
}

.rmp-i-quick-forward-10 {
	order: 4;
	position: relative;
	margin-left: 5px;
}

.rmp-i-quick-rewind-10:hover {
	color: var(--main-audioplayer-color) !important;
}

.rmp-i-quick-forward-10:hover {
	color: var(--main-audioplayer-color) !important;
}

.rmp-play-pause:hover {
	color: #fff !important;
}

.rmp-i-quick-rewind-10::before {
	font-family: "zoznam-audioplayer-icons";
	content: "\e900";
	font-size: 19px;
	transform: scaleX(-1);
	display: block;
}

.rmp-font-awesome .rmp-i-play::before {
	font-family: "zoznam-audioplayer-icons";
	content: "\e903";
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 3px;
	height: 38px;
	line-height: 38px;
}

.rmp-font-awesome .rmp-i-pause::before {
	font-family: "zoznam-audioplayer-icons";
	content: "\e902";
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 0;
	height: 38px;
	line-height: 38px;
}

.rmp-audio-only.rmp-small.rmp-quick-rewind-and-forward-ui .rmp-time,
.rmp-audio-only.rmp-extrasmall.rmp-quick-rewind-and-forward-ui .rmp-time {
	display: block !important;
	background: #F2F2F2 !important;
}

.rmp-control-bar-hint {
	display: none !important;
}

.rmp-ad-info {
	left: 75px !important;
	height: 38px !important;
	line-height: 38px !important;
	text-align: center !important;
	max-width: none !important;
	background: #f2f2f2 !important;
	width: 140px !important;
	color: #000 !important;
}

.rmp-ad-info-message {
	padding: 0 !important;
	color: #000 !important;
}

.rmp-ad-container {
	display: none !important;
}

.rmp-audio-only .rmp-loading-spin {
	width: 40px !important;
	height: 40px !important;
	top: 9px !important;
	left: 10px !important;
	background: #f2f2f2 !important;
	border-radius: 0 !important;
}

.rmp-loading-spin-circle {
	border-color: #000000 #000000 transparent !important;
}

.rmp-audio-only .rmp-loading-spin-circle {
	width: 38px !important;
	height: 38px !important;
	top: 0 !important;
	left: 0 !important;
}

@media(max-width: 479px) {
	.zoznam-audioplayer {
		display: block;
	}

	.zoznam-audioplayer-text {
		padding: 10px 0 0 0;
		margin: 0 auto !important;
		text-align: center
	}

	.zoznam-audioplayer-text span {
		display: none;
	}

	#topky-audioplayer {
		margin: 0 auto !important
	}
}
