/*
 * ===========================================
 * Podlove Web Player v2.0.20
 * Licensed under The BSD 2-Clause License
 * http://opensource.org/licenses/BSD-2-Clause
 * ===========================================
 * Copyright (c) 2013, Gerrit van Aaken (https://github.com/gerritvanaaken/), Simon Waldherr (https://github.com/simonwaldherr/), Frank Hase (https://github.com/Kambfhase/), Eric Teubert (https://github.com/eteubert/) and others (https://github.com/podlove/podlove-web-player/contributors)
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 *
 * - Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
 * - Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */


@charset "UTF-8";

@font-face {
  font-family: pwpfont;
  text-rendering: optimizeLegibility;
  src: url("../font/podlovefont.eot?62787671");
  src: url("../font/podlovefont.eot?62787671#iefix") format("embedded-opentype"),
       url("../font/podlovefont.woff?62787671") format("woff"),
       url("../font/podlovefont.ttf?62787671") format("truetype"),
       url("../font/podlovefont.svg?62787671#pwpfont") format("svg");
  font-weight: normal !important;
  font-style: normal !important;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'pwpfont';
    src: url('../font/podlovefont.svg?62787671#pwpfont') format('svg');
  }
}
*/
 
[class^="pwp-icon-"]:before,
[class*=" pwp-icon-"]:before {
  font-family: pwpfont;
  font-style: normal !important;
  font-weight: normal !important;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: 0.8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal !important;
  text-transform: none !important;
  
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.pwp-icon-gplus:before { content: "\2b"; } /* '+' */
.pwp-icon-appstore:before { content: "\41"; } /* 'A' */
.pwp-icon-twitter:before { content: "\54"; } /* 'T' */
.pwp-icon-podcast:before { content: "\60"; } /* '`' */
.pwp-icon-cloudapp:before { content: "\63"; } /* 'c' */
.pwp-icon-facebook:before { content: "\66"; } /* 'f' */
.pwp-icon-itunes:before { content: "\69"; } /* 'i' */
.pwp-icon-soundcloud:before { content: "\73"; } /* 's' */
.pwp-icon-appnet:before { content: "\e1"; } /* 'á' */
.pwp-icon-statusnet:before { content: "\e2"; } /* 'â' */
.pwp-icon-pause:before { content: "\2389"; } /* '⎉' */
.pwp-icon-pause-1:before { content: "\e800"; } /* '' */
.pwp-icon-fast-fw:before { content: "\23e9"; } /* '⏩' */
.pwp-icon-fast-bw:before { content: "\23ea"; } /* '⏪' */
.pwp-icon-to-end:before { content: "\23ed"; } /* '⏭' */
.pwp-icon-to-start:before { content: "\23ee"; } /* '⏮' */
.pwp-icon-play:before { content: "\25b6"; } /* '▶' */
.pwp-icon-star:before { content: "\e805"; } /* '' */
.pwp-icon-star-empty:before { content: "\e806"; } /* '' */
.pwp-icon-th-list:before { content: "\e80c"; } /* '' */
.pwp-icon-th:before { content: "\e80e"; } /* '' */
.pwp-icon-cog-1:before { content: "\e801"; } /* '' */
.pwp-icon-cog:before { content: "\2699"; } /* '⚙' */
.pwp-icon-cog-alt:before { content: "\26ef"; } /* '⛯' */
.pwp-icon-mail:before { content: "\2709"; } /* '✉' */
.pwp-icon-edit:before { content: "\e815"; } /* '' */
.pwp-icon-ok-circled:before { content: "\e80d"; } /* '' */
.pwp-icon-cw:before { content: "\27f3"; } /* '⟳' */
.pwp-icon-wordpress:before { content: "\e005"; } /* '' */
.pwp-icon-github-1:before { content: "\e0b6"; } /* '' */
.pwp-icon-github-text:before { content: "\e0e5"; } /* '' */
.pwp-icon-help-circled:before { content: "\e809"; } /* '' */
.pwp-icon-info-circle:before { content: "\e705"; } /* '' */
.pwp-icon-tag:before { content: "\e813"; } /* '' */
.pwp-icon-tags:before { content: "\e814"; } /* '' */
.pwp-icon-export:before { content: "\e715"; } /* '' */
.pwp-icon-down-circle2:before { content: "\e758"; } /* '' */
.pwp-icon-terminal:before { content: "\e7ac"; } /* '' */
.pwp-icon-ipod:before { content: "\e7b2"; } /* '' */
.pwp-icon-ccw:before { content: "\f025"; } /* '' */
.pwp-icon-link-ext:before { content: "\f08e"; } /* '' */
.pwp-icon-rss:before { content: "\e816"; } /* '' */
.pwp-icon-down-circled:before { content: "\f0ab"; } /* '' */
.pwp-icon-list-bullet:before { content: "\f0ca"; } /* '' */
.pwp-icon-gplus-squared:before { content: "\f0d4"; } /* '' */
.pwp-icon-paste:before { content: "\f0ea"; } /* '' */
.pwp-icon-download-cloud:before { content: "\f0ed"; } /* '' */
.pwp-icon-plus-squared:before { content: "\e80a"; } /* '' */
.pwp-icon-quote-left:before { content: "\f10d"; } /* '' */
.pwp-icon-quote-right:before { content: "\f10e"; } /* '' */
.pwp-icon-code:before { content: "\e812"; } /* '' */
.pwp-icon-star-half-alt:before { content: "\e807"; } /* '' */
.pwp-icon-fork:before { content: "\e820"; } /* '' */
.pwp-icon-puzzle:before { content: "\e821"; } /* '' */
.pwp-icon-mic:before { content: "\e817"; } /* '' */
.pwp-icon-minus-squared:before { content: "\e80b"; } /* '' */
.pwp-icon-github-squared:before { content: "\e803"; } /* '' */
.pwp-icon-facebook-rect:before { content: "\e818"; } /* '' */
.pwp-icon-facebook-rect-1:before { content: "\e81b"; } /* '' */
.pwp-icon-twitter-bird:before { content: "\e819"; } /* '' */
.pwp-icon-twitter-bird-1:before { content: "\e81c"; } /* '' */
.pwp-icon-twitter-squared:before { content: "\e804"; } /* '' */
.pwp-icon-facebook-squared:before { content: "\f308"; } /* '' */
.pwp-icon-googleplus-rect:before { content: "\e81a"; } /* '' */
.pwp-icon-googleplus-rect-1:before { content: "\e81d"; } /* '' */
.pwp-icon-picture:before { content: "\e80f"; } /* '' */
.pwp-icon-picture-1:before { content: "\e81e"; } /* '' */
.pwp-icon-user:before { content: "\1f464"; } /* '👤' */
.pwp-icon-users:before { content: "\e808"; } /* '' */
.pwp-icon-pin:before { content: "\e811"; } /* '' */
.pwp-icon-attach-1:before { content: "\e81f"; } /* '' */
.pwp-icon-attach:before { content: "\e810"; } /* '' */
.pwp-icon-download:before { content: "\1f4e5"; } /* '📥' */
.pwp-icon-volume-off:before { content: "\1f507"; } /* '🔇' */
.pwp-icon-volume-down:before { content: "\1f509"; } /* '🔉' */
.pwp-icon-volume-up:before { content: "\1f50a"; } /* '🔊' */
.pwp-icon-link:before { content: "\1f517"; } /* '🔗' */
.pwp-icon-wrench-1:before { content: "\e802"; } /* '' */
.pwp-icon-wrench:before { content: "\1f527"; } /* '🔧' */
.pwp-icon-clock:before { content: "\1f554"; } /* '🕔' */

.mejs-offscreen{
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).  Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 - no likey commas */
	clip: rect(1px, 1px, 1px, 1px); /* IE8-IE11 - we likey commas, no support for clip-path */
	clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.mejs-container {
	position: relative;
	background: #000;
	font-family: "Helvetica", Arial, serif;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
}

.mejs-fill-container,.mejs-fill-container .mejs-container{
    	width: 100%;
    	height: 100%;
}

.mejs-fill-container{
    	overflow: hidden;
}

.mejs-container:focus {
	outline: none;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}

.mejs-fullscreen {
	/* set it to not show scroll bars so 100% will work */
	overflow: hidden !important;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

.mejs-clear {
	clear: both;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain ;
	background-position: 50% 50% ;
	background-repeat: no-repeat ;
}
:root .mejs-poster img {
	display: none ;
}

.mejs-poster img {
	border: 0;
	padding: 0;
}

.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-overlay-play {
	cursor: pointer;
}

.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url("bigplay.svg") no-repeat;
}

.no-svg .mejs-overlay-button {
	background-image: url("bigplay.png");
}

.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px ;
}

.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url("background.png");
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}

.mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url("loading.gif") 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url("background.png");
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls  div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	font-family: "Helvetica", Arial, serif;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url("controls.svg") no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
	background-image: url("controls.png");
}

	/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
	outline: dotted 1px #999;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 10px 3px 0 3px ;
	overflow: hidden;
	text-align: center;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time a {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
	background-position: 0 0;
}

.mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
/* Start: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
	direction: ltr;
	width: 200px;
	padding-top: 5px;
}

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width: 100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60,170,200,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
	background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
	width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	left: 18px;
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
	background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
	position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url("background.png");
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}

/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider {
	height: 26px;
	width: 56px;
	position: relative;
    display: block;
    float: left;
    vertical-align: middle;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	position: relative;
}

.mejs-controls .mejs-captions-button button {
	background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -51px;
	width: 85px;
	height: 100px;
	background: url("background.png");
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: 55px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: "Helvetica", Arial, serif;
	font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}

.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	border-right: solid 1px #fff;
	width: 10000px;
	z-index: 1;
}

.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
	overflow: hidden;
	border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #666;
	background: rgba(102,102,102, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	line-height: 20px;
	font-size: 16px;
	color: #fff;
}

.mejs-captions-layer  a {
	color: #fff;
	text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.mejs-captions-position-hover {
	bottom: 35px;
}

.mejs-captions-text {
	padding: 0;
	background: url("background.png");
	background: rgba(20, 20, 20, 0.5);
	white-space: pre-wrap;
	-webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
	box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
}
/* End: Track (Captions and Chapters) */

/* Start: Error */
.me-cannotplay {
}

.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}

.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: Error */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}

/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
/* End: backlight */

/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
	background-position: -96px 0;
}
/* End: Picture Controls */


/* context menu */
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: "Helvetica", Arial, serif;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2C7C91;
	color: #fff;
}

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url("background.png");
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: "Helvetica", Arial, serif;
	font-size: 10px;
}
/* End: Source Chooser */

/* Start: Postroll */
.mejs-postroll-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("background.png");
	background: rgba(50,50,50,0.7);
	z-index: 1000;
	overflow: hidden;
}
.mejs-postroll-layer-content {
	width: 100%;
	height: 100%;
}
.mejs-postroll-close {
	position: absolute;
	right: 0;
	top: 0;
	background: url("background.png");
	background: rgba(50,50,50,0.7);
	color: #fff;
	padding: 4px;
	z-index: 100;
	cursor: pointer;
}
/* End: Postroll */


/* Start: Speed */
div.mejs-speed-button {
	width: 46px !important;
	position: relative;
}

.mejs-controls .mejs-button.mejs-speed-button button {
	background: transparent;
	width: 36px;
	font-size: 11px;
	line-height: normal;
	color: #ffffff;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
	display: none;
	position: absolute;
	top: -100px;
	left: -10px;
	width: 60px;
	height: 100px;
	background: url("background.png");
	background: rgba(50, 50, 50, 0.7);
	border: solid 1px transparent;
	padding: 0;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
	display: block;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
	color: rgba(33, 248, 248, 1);
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
	margin: 0 0 6px 0;
	padding: 0 10px;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
	display: none;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
	width: 60px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: "Helvetica", Arial, serif;
	font-size: 11px;
	color: white;
	margin-left: 5px;
	cursor: pointer;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
	background-color: rgb(200, 200, 200) !important;
	background-color: rgba(255,255,255,.4) !important;
}
/* End: Speed */

/* Start: Jump Forward */

.mejs-controls .mejs-button.mejs-jump-forward-button {
	background: transparent url("jumpforward.png") no-repeat 3px 3px;
}
.mejs-controls .mejs-button.mejs-jump-forward-button button {
	background: transparent;
	font-size: 9px;
	line-height: normal;
	color: #ffffff;
}

/* End: Jump Forward */

/* Start: Skip Back */

.mejs-controls .mejs-button.mejs-skip-back-button {
	background: transparent url("skipback.png") no-repeat 3px 3px;
}
.mejs-controls .mejs-button.mejs-skip-back-button button {
	background: transparent;
	font-size: 9px;
	line-height: normal;
	color: #ffffff;
}

/* End: Skip Back */

.podlovewebplayer_wrapper * {
	font: normal 11px/1.25 helvetica, arial, sans-serif;
	-webkit-text-size-adjust: inherit;
}

.podlovewebplayer_wrapper,
.podlovewebplayer_wrapper *,
.podlovewebplayer_wrapper *:before,
.podlovewebplayer_wrapper *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.podlovewebplayer_wrapper div {
	display: block;
}

.podlovewebplayer_wrapper *:after,
.podlovewebplayer_wrapper *:before {
	content: '';
	content: none;
}

.podlovewebplayer_wrapper a {
	background: transparent !important;
	text-decoration: none;
}

.podlovewebplayer_wrapper .mejs-container.mejs-audio {
	min-height: 30px;
	margin-bottom: 5px;
}

.podlovewebplayer_wrapper .mejs-container .mejs-controls {
	background: #444;
}

.podlovewebplayer_wrapper .mejs-container .mejs-controls > div:first-child {
	margin-left: 8px;
}

.podlovewebplayer_wrapper .mejs-container .mejs-controls > div.mejs-duration-container:last-child {
	margin-right: 5px;
}

.podlovewebplayer_wrapper {
	clear: both;
	display: block;
	position: relative;
	padding-bottom: 1.5em;
	padding: 0px;
	border: 0px solid black;
	background: #444;
}

.podlovewebplayer_wrapper a, .podlovewebplayer_wrapper a:active, .podlovewebplayer_wrapper a:focus {
	border: 0px none !important;
	text-decoration: none !important;
	outline: none !important;
}

.podlovewebplayer_wrapper:after {
	content: ".";
	color: #fff;
	font-size: 1px;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters {
	margin: 0 !important;
	width: 100%;
	border-collapse: collapse;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.podlovewebplayer_wrapper .podlovewebplayer_chapters thead,
.podlovewebplayer_wrapper .podlovewebplayer_chapters caption {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	display: none; /* sorry screen readers, but without this there are side effects */
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr {
	color: black;
	cursor: pointer;
	background: #f2f2f2;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr:hover {
	background: #d2d2d2;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr.active,
.podlovewebplayer_wrapper .podlovewebplayer_chapters tr.active:hover {
	background: #b6cfdd;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr td {
	padding: 8px 5px 6px 5px !important;
	vertical-align: middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom: 1px solid #e9e9e9;
	cursor: pointer !important;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr:hover {
	background: #e3e3e3;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr td.title {
	padding-top: 7px;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr td.timecode {
	white-space: nowrap;
	padding-right: 10px !important;
	text-align: right;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr td.timecode {
    padding-right: 5px !important;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr td span {
	text-align: right;
}

.podlovewebplayer_wrapper .podlovewebplayer_top,
.podlovewebplayer_wrapper .podlovewebplayer_meta {
	position: relative;
	display: block;
	background: #000;
	min-height: 100px;
	height: auto;
	margin-bottom: 1px;
	padding-bottom: 5px;
	background: #444;
}

.podlovewebplayer_top {
	min-height: 11px !important;
	height: 11px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px;
}

.podlovewebplayer_wrapper .mejs-container {
	display: block;
	position: relative;
	margin-top: -1px;
	margin-bottom: 0;
	background: #000000;
}

.podlovewebplayer_wrapper .mejs-button.mejs-volume-button button {
	font-size: 16px;
	background: transparent;
	color: white;
}
.podlovewebplayer_wrapper .mejs-button.mejs-volume-button button::after,
.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .chaptername a {
	font-size: 16;
	padding-left: 0.02em;
	font-family: "pwpfont" !important;
	font-style: normal !important;
	font-weight: normal !important;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	speak: none;
	display: inline-block;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1em;
}

.podlovewebplayer_wrapper .mejs-button.mejs-volume-button.mejs-unmute button::after {
	content: "\1f507";
}

.podlovewebplayer_wrapper .mejs-button.mejs-volume-button.mejs-mute button::after {
	content: "\1f50a";
}

.podlovewebplayer_meta .bigplay {
	font-family: "pwpfont" !important;
	font-style: normal;
	font-weight: normal;
	line-height: 1.33em;
	speak: none;
	color: #ffffff;
	background: transparent !important;
	float: left;
	position: relative;
	z-index: 78;
	border: 5px solid white !important;
	border-radius: 60px !important;
	font-size: 42px;
	padding: 5px 6px 10px 20px;
	height: 75px;
	width: 75px;
	margin: 10px 10px 10px 10px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.podlovewebplayer_meta .bigplay:before {
	content: "\25b6";
	padding-left: 0.02em;
}

.podlovewebplayer_meta .bigplay:focus,
.podlovewebplayer_meta .bigplay:hover,
.podlovewebplayer_meta .bigplay:active {
	border: 5px solid white !important;
	border-radius: 60px !important;
	-webkit-text-shadow: 0px 0px 10px #FFFFFF;
	-moz-text-shadow: 0px 0px 10px #FFFFFF;
	-o-text-shadow: 0px 0px 10px #FFFFFF;
	text-shadow: 0px 0px 10px #FFFFFF;
}

.podlovewebplayer_meta .bigplay.playing:before {
	content: "\2389";
}

.podlovewebplayer_meta .bigplay.playing {
	padding: 5px 11px 20px 15px;
}

.podlovewebplayer_meta .bigplay.playing:focus,
.podlovewebplayer_meta .bigplay.playing:hover,
.podlovewebplayer_meta .bigplay.playing:active {
	border: 5px solid white !important;
	border-radius: 60px !important;
	-webkit-text-shadow: 0px 0px 10px #FFFFFF;
	-moz-text-shadow: 0px 0px 10px #FFFFFF;
	-o-text-shadow: 0px 0px 10px #FFFFFF;
	text-shadow: 0px 0px 10px #FFFFFF;
}

.podlovewebplayer_wrapper .togglers a.pwp-icon-info-circle:before { content: "\e705"; }
.podlovewebplayer_wrapper .togglers a.pwp-icon-list-bullet:before { content: "\f0ca"; }
.podlovewebplayer_wrapper .togglers a.pwp-icon-clock:before { content: "\1f554"; }
.podlovewebplayer_wrapper .togglers a.pwp-icon-export:before { content: "\e715"; }
.podlovewebplayer_wrapper .togglers a.pwp-icon-download:before { content: "\1f4e5"; }

.podlovewebplayer_wrapper .podlovewebplayer_timecontrol.podlovewebplayer_controlbox a.pwp-icon-to-start:before { content: "\23ee"; }
.podlovewebplayer_wrapper .podlovewebplayer_timecontrol.podlovewebplayer_controlbox a.pwp-icon-to-end:before { content: "\23ed"; }
.podlovewebplayer_wrapper .podlovewebplayer_timecontrol.podlovewebplayer_controlbox a.pwp-icon-fast-bw:before { content: "\23ea"; }
.podlovewebplayer_wrapper .podlovewebplayer_timecontrol.podlovewebplayer_controlbox a.pwp-icon-fast-fw:before { content: "\23e9"; }

.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-link:before { content: "\1f517"; font-size: 0.9em; }
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-twitter:before { content: "\54"; font-size: 0.9em; }
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-facebook:before { content: "\f308"; }
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-gplus:before { content: "\e81a"; font-size: 0.9em; }
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-appnet:before { content: "\e1"; font-size: 0.8em; }
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-mail:before { content: "\2709"; }

.podlovewebplayer_wrapper .podlovewebplayer_downloadbuttons.podlovewebplayer_controlbox a.pwp-icon-download:before { content: "\1f4e5"; }
.podlovewebplayer_wrapper .podlovewebplayer_downloadbuttons.podlovewebplayer_controlbox a.pwp-icon-link-ext:before { content: "\f08e"; }
.podlovewebplayer_wrapper .podlovewebplayer_downloadbuttons.podlovewebplayer_controlbox a.pwp-icon-info-circle:before { content: "\e705"; }

.podlovewebplayer_meta .coverart {
	display: inline;
}

.podlovewebplayer_meta .coverart img {
	position: relative !important;
	float: left !important;
	margin-top: 0px !important;
	margin-right: 10px !important;
	margin-left: 0px !important;
	margin-bottom: 10px !important;
	height: 75px !important;
	width: auto !important;
	max-width: 275px !important;
	top: 10px !important;
	left: 0px !important;
	right: auto !important;
	bottom: auto !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}

.podlovewebplayer_meta h3 a,
.podlovewebplayer_meta h3 {
	clear: none;
	color: #fff !important;
	background: transparent !important;
	padding: 7px 0 0 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin: 0 !important;
	padding-right: 10px;
	text-transform: none;
	letter-spacing: 0;
	text-shadow: none;
	text-decoration: none;
}

.podlovewebplayer_meta h3 a {
	line-height: 20px !important;
}

.podlovewebplayer_meta h3 a {
	color: #fff;
}

.podlovewebplayer_meta h3 a:focus,
.podlovewebplayer_meta h3 a:hover,
.podlovewebplayer_meta h3 a:active {
	color: #bbb !important;
}

.podlovewebplayer_meta .subtitle {
	margin-right: 15px;
	font-size: 12px;
	color: #eee !important;
	text-shadow: none !important;
	background: transparent !important;
	margin-left: 170px;
	padding-bottom: 35px;
	padding-left: 0px;
}

.podlovewebplayer_meta .subtitle strong{
	color: #ccc;
	font-size: 13px !important;
}

.podlovewebplayer_video.podlovewebplayer_wrapper {
	margin-left: auto;
	margin-right: auto;
}

.podlovewebplayer_video .podlovewebplayer_meta .episodetitle {
	text-align: left;
	padding-left: 20px;
}

.podlovewebplayer_video .podlovewebplayer_meta .subtitle {
	font-size: 13px;
	float: none;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.podlovewebplayer_video .podlovewebplayer_meta {
	min-height: 40px;
	height: auto;
	padding-top: 30px;
	padding-bottom: 45px;
	margin-bottom: 0px !important;
}

.podlovewebplayer_video .mejs-container .mejs-inner .mejs-controls {
	bottom: -30px;
	z-index: 78;
	background: initial;
}

.podlovewebplayer_video .mejs-container .mejs-inner .mejs-layers .mejs-poster.mejs-layer img {
	width: 100%;
	height: 100%;
}

.podlovewebplayer_wrapper.podlovewebplayer_video .mejs-container div.mejs-poster.mejs-layer {
	display: none !important;
}

.podlovewebplayer_video .mejs-container .mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button {
	background-image: url(bigplay.png);
}

.podlovewebplayer_wrapper .mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px ;
}

.podlovewebplayer_wrapper .mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url(loading.gif) 50% 50% no-repeat;
}

.podlovewebplayer_wrapper .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded {
	background: #777;
}

.podlovewebplayer_wrapper .mejs-container .mejs-controls .mejs-time-rail span,
.podlovewebplayer_wrapper .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.podlovewebplayer_wrapper .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.podlovewebplayer_wrapper .mejs-container .mejs-inner .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	cursor: move;
	border-radius: 2px;
}

.podlovewebplayer_wrapper .mejs-controls div.mejs-horizontal-volume-slider {
	width: 60px;
}

.podlovewebplayer_meta + .summary,
.podlovewebplayer_wrapper .podlovewebplayer_controlbox {
	overflow: hidden;
	padding: 0px 10px;
	margin-top: -1px;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	background: #444;
	border-left: 3px #444 solid;
	border-right: 3px #444 solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.podlovewebplayer_meta .summary .summarydiv {
	margin: 0px 5px;
}

.podlovewebplayer_meta .summary .summarydiv p a,
.podlovewebplayer_meta .summary .summarydiv p a:focus
.podlovewebplayer_meta .summary .summarydiv p a:hover
.podlovewebplayer_meta .summary .summarydiv p a:active {
	color: #8AB7E5;
}

.podlovewebplayer_video .podlovewebplayer_meta + .summary,
.podlovewebplayer_video.podlovewebplayer_wrapper .podlovewebplayer_controlbox {
	margin-top: 0px;
}

.podlovewebplayer_meta + .summary.active {
	min-height: 35px;
	height: auto;
  padding: 25px 10px 35px;
}

.podlovewebplayer_wrapper .summary a:visited {
	color: #8AB7E5;
	font-weight: 700;
}

.podlovewebplayer_wrapper .summary.active a {
	text-decoration: none;
}

.podlovewebplayer_wrapper .summary a:hover {
	text-decoration: underline;
}

.podlovewebplayer_meta .togglers {
	float: right;
	position: relative;
	text-align: right;
	right: 9px;
	top: -30px;
	margin-bottom: -25px;
	height: 30px;
}

.podlovewebplayer_wrapper.podlovewebplayer_video .podlovewebplayer_meta .togglers {
	top: auto;
	bottom: -10px;
}

.podlovewebplayer_wrapper .podlovewebplayer_controlbox {
	height: 0px;
	font-size: 4px;
	text-align: center;
	background: #444;
	border-left: 3px #444 solid;
	border-right: 3px #444 solid;
}

.podlovewebplayer_wrapper .podlovewebplayer_controlbox.active {
	height: 25px;
	padding: 3px 10px 28px 10px;
	font-size: 8px;
}

.podlovewebplayer_meta .togglers .infobuttons,
.podlovewebplayer_meta .togglers .infobuttons a,
.podlovewebplayer_wrapper .podlovewebplayer_controlbox .infobuttons,
.podlovewebplayer_wrapper .podlovewebplayer_controlbox .infobuttons a {
	color: #fff;
	background: transparent !important;
	font-size: 1.75em;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-decoration: none;
	speak: none;
	display: inline;
	text-decoration: none;
}

.podlovewebplayer_meta .togglers a.infobuttons {
	display: inline-block !important;
	height: 30px;
	width: 30px;
}

.podlovewebplayer_wrapper .togglers a.pwp-icon-download { display: none !important; }

.podlovewebplayer_wrapper .podlovewebplayer_controlbox .infobuttons,
.podlovewebplayer_wrapper .podlovewebplayer_controlbox .infobuttons a {
	position: relative;
	margin: 4%;
	padding: 0px;
	z-index: 78;
	font-size: 2.4em;
	font-weight: bold;
}

.podlovewebplayer_wrapper .podlovewebplayer_downloadbuttons .infobuttons,
.podlovewebplayer_wrapper .podlovewebplayer_downloadbuttons .infobuttons a {
	margin: 2%;
}

.podlovewebplayer_wrapper .podlovewebplayer_downloadbuttons select {
	outline: none;
	vertical-align: top;
	height: 22px;
	font-size: 14px;
	margin-right: 25px;
	background: #000000;
	color: #ffffff;
	border: #222222 1px solid;
	-webkit-box-shadow:  0px 0px 5px 1px #4B8CF7;
	box-shadow:  0px 0px 5px 1px #4B8CF7;
}

.podlovewebplayer_meta .togglers .infobuttons:hover,
.podlovewebplayer_meta .togglers .infobuttons a:hover,
.podlovewebplayer_wrapper .podlovewebplayer_controlbox .infobuttons:hover,
.podlovewebplayer_wrapper .podlovewebplayer_controlbox .infobuttons a:hover  {
	text-shadow: 0px 0px 4px rgba(166, 201, 221, 0.7);
	text-decoration: none;
	filter: dropshadow(color=#FFFFFF, offx=0, offy=0);
	cursor: pointer;
}

.podlovewebplayer_wrapper .podlovewebplayer_controlbox .icon-twitter {
	font-size: 2.1em;
}

.podlovewebplayer_wrapper .podlovewebplayer_controlbox .icon-link,
.podlovewebplayer_wrapper .podlovewebplayer_controlbox .icon-twitter,
.podlovewebplayer_wrapper .podlovewebplayer_controlbox .icon-facebook {
	font-weight: normal;
}

.podlovewebplayer_chapters * {
	font-size: 11px;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapters tr td.starttime,
.podlovewebplayer_wrapper .podlovewebplayer_chapters tr th.starttime {
	width: 60px;
	text-align: right;
}

.podlovewebplayer_chapters .chapterplay {
	width: 25px;
	padding-right: 0;
}

.podlovewebplayer_chapters .chapterplay > a {
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 25px;
	height: 25px;
	background: #bbb;
	cursor: pointer;
	-webkit-transition: all 0.07s;
	-moz-transition: all 0.07s;
	-o-transition: all 0.07s;
	transition: all 0.07s;
}

.podlovewebplayer_chapters .chapterplay > a.disabled {
	cursor: wait;
}

.podlovewebplayer_chapters .loaded .chapterplay > a {
	background: #000;
}

.podlovewebplayer_chapters .chapterplay > a:focus,
.podlovewebplayer_chapters .chapterplay > a:hover,
.podlovewebplayer_chapters .chapterplay > a:active,
.podlovewebplayer_chapters .active .chapterplay > a,
.podlovewebplayer_chapters .loaded .chapterplay > a:focus,
.podlovewebplayer_chapters .loaded .chapterplay > a:hover,
.podlovewebplayer_chapters .loaded .chapterplay > a:active {
	background: #3a859a;
	cursor: pointer;
}

.podlovewebplayer_chapters .chapterplay a.disabled:focus,
.podlovewebplayer_chapters .chapterplay a.disabled:hover,
.podlovewebplayer_chapters .chapterplay a.disabled:active {
	background: #eee;
	cursor: wait;
}

.podlovewebplayer_chapters .chapterplay a[rel=player] span {
	display: block !important;
	width: 14px;
	height: 16px;
	overflow: hidden;
	position: relative;
	top: 4px;
	text-indent: -1000px;
	margin: 0 0 0 6px;
	background: transparent url(controls.png) no-repeat 0 0;
	background-image: url(controls.svg);

}

.podlovewebplayer_chapters .paused .chapterplay a[rel=player] span {
	background-position: 0 0 !important;
}

.podlovewebplayer_chapters tr.chaptertr:active {
	color: #ffffff;
	-webkit-text-shadow: 0px 0px 3px #111111;
	-moz-text-shadow: 0px 0px 3px #111111;
	text-shadow: 0px 0px 3px #111111;
	background: #ffffff;
}

.podlovewebplayer_chapters td b {
	color: #000;
	font-weight: bolder;
}

.podlovewebplayer_chapters td a {
	color:#3297ff;
	text-decoration: none;
	font-weight: 500;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapterbox {
	display: block;
	height: auto;
	border: 3px #444 solid;
	border-bottom: 0px #444 solid;
	border-top: 0px;
	overflow-y: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .podlovewebplayer_chapters tr td {
	font-weight: bolder;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .podlovewebplayer_chapters tr td span {
	font-weight: normal;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .timecode span,
.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .starttime span {
	text-align: right;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .chaptername a::after {
	content: "\f08e";
}

.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .chapterimage {
	width: 45px;
	max-width: 45px;
	text-align: center;
}

.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .chapterimage img {
	max-width: 40px;
	max-height: 32px;
	margin-top: -8px;
	margin-bottom: -7px;
	display: block;
}

.podlovewebplayer_wrapper .podlovewebplayer_tableend {
	position: initial;
	display: block;
	height: 2px;
	left: 0px;
	background: #444;
	-webkit-box-shadow: 0px 1px #444;
	-moz-box-shadow: 0px 1px #444;
	box-shadow: 0px 1px #444;
}

.podlovewebplayer_wrapper.podlovewebplayer_video .podlovewebplayer_tableend,
.podlovewebplayer_wrapper.podlovewebplayer_video .podlovewebplayer_controlbox,
.podlovewebplayer_wrapper.podlovewebplayer_video .summary {
	background: #252525;
}

.podlovewebplayer_wrapper.podlovewebplayer_video .podlovewebplayer_chapterbox,
.podlovewebplayer_wrapper.podlovewebplayer_video .podlovewebplayer_chapters,
.podlovewebplayer_wrapper.podlovewebplayer_video .podlovewebplayer_meta + .summary,
.podlovewebplayer_wrapper.podlovewebplayer_video .podlovewebplayer_controlbox {
	border-color: #252525;
}

.podlovewebplayer_wrapper.podlovewebplayer_video .podlovewebplayer_controlbox {
	margin-top: 0px;
}

.podlovewebplayer_smallplayer .mejs-controls .mejs-time-rail .mejs-time-float {
	z-index: 100;
}

.podlovewebplayer_smallplayer .podlovewebplayer_meta .bigplay {
	font-size: 25px;
	padding: 0 11px 19px 9px;
	height: 40px;
	width: 40px;
	margin: 10px 10px 0px 10px;
	border: 4px solid #ffffff !important;
}

.podlovewebplayer_smallplayer .podlovewebplayer_meta .bigplay.playing {
	padding: 0 13px 19px 5px;
}

.podlovewebplayer_smallplayer .bigplay.playing:focus,
.podlovewebplayer_smallplayer .bigplay.playing:hover,
.podlovewebplayer_smallplayer .bigplay.playing:active {
	border: 4px solid white !important;
}

.podlovewebplayer_smallplayer .podlovewebplayer_top,
.podlovewebplayer_smallplayer .podlovewebplayer_meta {
	min-height: 60px;
}

.podlovewebplayer_wrapper a {
	box-shadow: none;
}

.mejs-controls div.mejs-time-rail {
    padding-top: 7px;
}

@media only screen
and (max-width : 500px) {
	.podlovewebplayer_wrapper {
		margin-left: 0px;
		margin-right: 0px;
	}

	.podlovewebplayer_meta .subtitle {
		position: initial;
		left: 10px;
		right: 10px;
	}

	.podlovewebplayer_wrapper .podlovewebplayer_controlbox a.infobuttons {
		margin: 4%;
		white-space: nowrap;
	}

	.podlovewebplayer_wrapper .podlovewebplayer_controlbox.active {
		height: auto !important;
	}

	.podlovewebplayer_wrapper .podlovewebplayer_controlbox .infobuttons span {
		font-size: 13pt;
	}
}

@media only screen
and (max-width : 500px) {
	.podlovewebplayer_wrapper div {
		display: inherit;
	}

	.podlovewebplayer_wrapper .podlovewebplayer_meta {
		display: flex;
		flex-wrap: wrap;
	    justify-content: center;
	}

	.podlovewebplayer_meta .bigplay {
	    order: 2;
	    margin: 42.5px 15px 37.5px 15px !important;
	}

	.podlovewebplayer_meta .coverart {
		order: 1;
	    margin: 30px 15px 25px 15px !important;
	    height: 100px;
	}

	.podlovewebplayer_meta .coverart img {
		margin: 0 !important;
		float: none !important;
		position: inherit !important;
	    height: 100px !important;
	}

	.podlovewebplayer_meta .episodetitle {
		order: 3;
		margin: 15px auto;
		padding: 0px;
	    padding: 0px 20px;
	    display: block;
	    text-align: center;
	}

	.podlovewebplayer_meta .subtitle {
		order: 4;
		margin: 0;
		padding: 0;
	    padding: 10px 20px;
	    text-align: center;
	}

	.podlovewebplayer_meta .togglers {
		order: 5;
		float: none;
	    display: block;
	    margin: 7px auto 0 auto;
	    position: initial;
	}

	.podlovewebplayer_meta + .summary.active {
	    padding: 5px 15px 5px 15px;
	}

	.podlovewebplayer_wrapper .podlovewebplayer_controlbox.active {
		padding: 20px 10px 27px 10px;
	}
}