.erplayer .mejs-container { display: none !important; }

.erplayer__toggletbutton { display: inline-block; height: 45px; line-height: 45px; background: #ff0000; color: #ffffff; border-radius: 7px; padding: 0 12px; cursor: pointer; width: auto; text-align: center; box-sizing: content-box; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ position: relative; transition: color .3s; overflow: hidden; font-size: 14px; text-transform: uppercase; font-weight: bold; }

.erplayer__toggletbutton__text { z-index: 2; position: relative; }

.erplayer__toggletbutton i { font-size: 20px; vertical-align: middle; line-height: 1em; z-index: 1; position: relative; }

.erplayer__toggletbutton i.erplayer-icon-play { -webkit-transform: translateY(0px) translateX(1px); transform: translateY(0px) translateX(1px); }

.erplayer__toggletbutton i.erplayer-icon-pause { -webkit-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); }

.erplayer__toggletbutton::after { display: block; position: absolute; background: #fff; content: " "; width: 400px; height: 400px; top: 50%; left: 50%; margin-top: -200px; margin-left: -200px; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; transform-origin: center center; transition: opacity 0.2s, -webkit-transform .9s; transition: transform .9s, opacity 0.2s; transition: transform .9s, opacity 0.2s, -webkit-transform .9s; z-index: 0; opacity: 0; }

@media only screen and (min-width: 1170px) { .erplayer__toggletbutton:hover { color: #ff0000; }
  .erplayer__toggletbutton:hover::after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  .erplayer__toggletbutton:hover::before { z-index: 10; } }

.erplayer .erplayer__wrapper { font-size: 13px; padding: 20px; position: relative; overflow: hidden; z-index: 5; }

.erplayer .erplayer__container { background: #202020; color: #ffffff; position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 0 16px rgba(0, 0, 0, 0.5); font-size: 13px; opacity: 0; }

.erplayer .erplayer__bgcolor { background: #202020; position: absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 0; z-index: 1; display: block; max-height: 210px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.erplayer .erplayer__bgcolor img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }

.erplayer .erplayer__background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 0; z-index: 2; display: block; max-height: 210px; overflow: hidden; }

.erplayer .erplayer__background img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -webkit-filter: blur(5px); filter: blur(5px); }

.erplayer .erplayer__background::after { display: block; width: 100%; height: 100%; position: absolute; z-index: 2; content: " "; top: 0; left: 0; background: linear-gradient(to bottom, rgba(32, 32, 32, 0) 0%, #202020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.erplayer .erplayer__timer { min-width: 30px; display: inline-block; }

.erplayer .erplayer__info { position: relative; margin-bottom: 0; z-index: 2; }

.erplayer .erplayer__info__cover { width: 105px; height: 105px; float: left; margin: 0 20px 0 0; border-radius: 3px; overflow: hidden; box-shadow: 0 0 13px rgba(0, 0, 0, 0.4); }

.erplayer .erplayer__info__cover img { display: block; line-height: 0; width: 100%; height: 100%; }

.erplayer .erplayer__info h3, .erplayer .erplayer__info h4, .erplayer .erplayer__info h6 { line-height: 1em; margin-top: 0; }

.erplayer .erplayer__info__title { font-size: 24px; margin-bottom: 6px; line-height: 1.2em; max-height: 1.2em; white-space: nowrap; overflow: hidden; position: relative; }

.erplayer .erplayer__info__title span { display: inline-block; width: auto; position: relative; }

.erplayer .erplayer__info__artist { font-size: 16px; margin-bottom: 5px; line-height: 1.3em; max-height: 1.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.erplayer .erplayer__info__album { font-size: 0.76em; font-size: 11px; line-height: 1.2em; max-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; }

.erplayer .erplayer__controls { z-index: 2; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ text-align: center; }

.erplayer .erplayer__controls * { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ }

.erplayer .erplayer__controls.erplayer-playing .erplayer__play { display: none; }

.erplayer .erplayer__controls.erplayer-playing .erplayer__pause { display: inline-block; }

.erplayer .erplayer__controls .erplayer__btn.loading::before { display: block; content: " "; width: 45px; height: 45px; border-radius: 50%; border: 2px solid #ff0000; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; position: absolute; top: 0; left: 0; display: block; box-sizing: content-box; margin: -2px 0 0 -2px; -webkit-animation-name: erplayer-spin; animation-name: erplayer-spin; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

.erplayer .erplayer__btn { cursor: pointer; width: 45px; height: 45px; display: inline-block; background: rgba(0, 0, 0, 0); color: #ffffff; border-radius: 30px; line-height: 45px; text-align: center; box-sizing: content-box; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ position: relative; transition: color .3s; }

.erplayer .erplayer__btn i { font-size: 20px; vertical-align: middle; line-height: 1em; z-index: 1; position: relative; }

@media only screen and (min-width: 1170px) { .erplayer .erplayer__btn:hover { color: #ff0000; } }

.erplayer .erplayer__play, .erplayer .erplayer__pause { margin: 0 10px; }

.erplayer .erplayer__play i, .erplayer .erplayer__pause i { font-size: 32px; }

.erplayer .erplayer__play::before, .erplayer .erplayer__pause::before { content: ''; position: absolute; width: 100%; height: 100%; border: 3px solid; left: 0; top: 0; border-radius: 50%; box-sizing: content-box; -webkit-transform: translateX(-3px) translateY(-3px); transform: translateX(-3px) translateY(-3px); }

.erplayer .erplayer__play::after, .erplayer .erplayer__pause::after { display: block; position: absolute; background: #fff; content: " "; width: 104%; height: 104%; top: -2%; left: -2%; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; transform-origin: center center; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; z-index: 0; }

.erplayer .erplayer__play:hover::after, .erplayer .erplayer__pause:hover::after { -webkit-transform: scale(1); transform: scale(1); }

.erplayer .erplayer__play:hover::before, .erplayer .erplayer__pause:hover::before { z-index: 10; }

.erplayer .erplayer__play i { margin-left: 3px; }

.erplayer .erplayer .erplayer__pause { display: inline-block; }

.erplayer .erplayer__pause { display: none; }

.erplayer .erplayer__prev { border: none; }

.erplayer .erplayer__prev.disabled { opacity: .1; }

.erplayer .erplayer__next { border: none; }

.erplayer .erplayer__openplaylist { float: right; border: none; }

.erplayer .erplayer__openplaylist i.erplayer-closeicon { display: none; }

.erplayer .erplayer__openplaylist.open i.erplayer-closeicon { display: inline-flex; }

.erplayer .erplayer__openplaylist.open i.erplayer-openicon { display: none; }

.erplayer .erplayer__mute { margin-right: 10px; }

.erplayer .erplayer__mute::before { display: block; width: 2px; height: 18px; content: ""; border-left: 2px solid; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); margin-top: -8px; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.erplayer .erplayer__mute.muted::before { -webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); }

.erplayer .erplayer__slidercontrol { background: rgba(0, 0, 0, 0); display: block; padding: 0; line-height: 45px; color: #ffffff; float: right; }

.erplayer .erplayer__slidercontrol--volume { display: inline-block; }

.erplayer .erplayer__slidercontrol__slider { width: 80px; position: relative; display: inline-block; display: inline-flex; margin: -2px 0 0 10px; vertical-align: middle; }

.erplayer .erplayer__slidercontrol i { display: inline-flex; vertical-align: middle; font-size: 15px; opacity: .8; }

.erplayer .erplayer__slidercontrol__bar, .erplayer .erplayer__slidercontrol__trackbar { width: 80px; height: 4px; background: #ff0000; border-top-left-radius: 2px; border-bottom-left-radius: 2px; position: absolute; pointer-events: none; cursor: pointer; z-index: 2; }

.erplayer .erplayer__slidercontrol__trackbar { border-radius: 2px; background-color: rgba(255, 255, 255, 0.4); z-index: 0; }

.erplayer .erplayer__slidercontrol__input { position: absolute; }

.erplayer .erplayer__slidercontrol input[type="range"] { -webkit-appearance: none; -webkit-tap-highlight-color: transparent; background: transparent; width: 100%; height: 4px; margin: 0; border: none; border-radius: 14px; padding: 0px 1px; outline: none; z-index: 10; }

.erplayer .erplayer__slidercontrol input[type="range"]::-moz-range-track { border: inherit; background: rgba(255, 255, 255, 0.5); }

.erplayer .erplayer__slidercontrol input[type="range"]::-ms-track { border: inherit; color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.5); }

.erplayer .erplayer__slidercontrol input[type="range"]::-ms-fill-lower, .erplayer .erplayer__slidercontrol input[type="range"]::-ms-fill-upper { background: rgba(255, 255, 255, 0.5); }

.erplayer .erplayer__slidercontrol input[type="range"]::-ms-tooltip { display: none; }

.erplayer .erplayer__slidercontrol input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border: none; border-radius: 6px; background-color: #ffffff; z-index: 10; cursor: pointer; -webkit-transform: scale(0.9); transform: scale(0.9); transition: background-color 0.2s, -webkit-transform 0.3s; transition: background-color 0.2s, transform 0.3s; transition: background-color 0.2s, transform 0.3s, -webkit-transform 0.3s; }

.erplayer .erplayer__slidercontrol input[type="range"]::-moz-range-thumb { width: 12px; height: 12px; border: none; border-radius: 6px; background-color: #ffffff; z-index: 10; cursor: pointer; transform: scale(0.9); transition: background-color 0.2s, -webkit-transform 0.3s; transition: background-color 0.2s, transform 0.3s; transition: background-color 0.2s, transform 0.3s, -webkit-transform 0.3s; }

.erplayer .erplayer__slidercontrol input[type="range"]::-ms-thumb { width: 12px; height: 12px; border-radius: 6px; border: 0; background-color: #ffffff; z-index: 10; cursor: pointer; transform: scale(0.9); transition: background-color 0.2s, -webkit-transform 0.3s; transition: background-color 0.2s, transform 0.3s; transition: background-color 0.2s, transform 0.3s, -webkit-transform 0.3s; }

.erplayer .erplayer__slidercontrol input[type="range"]::-webkit-slider-thumb:hover, .erplayer .erplayer__slidercontrol input[type="range"]::-webkit-slider-thumb:focus, .erplayer .erplayer__slidercontrol input[type="range"]::-webkit-slider-thumb:active { background-color: #ff0000; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: center center; transform-origin: center center; }

.erplayer .erplayer__slidercontrol input[type="range"]::-moz-range-thumb:hover, .erplayer .erplayer__slidercontrol input[type="range"]::-moz-range-thumb:focus, .erplayer .erplayer__slidercontrol input[type="range"]::-moz-range-thumb:active { background-color: #ff0000; transform: scale(1.2); transform-origin: center center; }

.erplayer .erplayer__slidercontrol input[type="range"]::-ms-thumb:hover, .erplayer .erplayer__slidercontrol input[type="range"]::-ms-thumb:focus, .erplayer .erplayer__slidercontrol input[type="range"]::-ms-thumb:active { background-color: #ff0000; transform: scale(1.2); transform-origin: center center; }

.erplayer .erplayer__slidercontrol--progressbar { display: inline-block; width: auto; float: left; }

.erplayer .erplayer__slidercontrol--progressbar input[type="range"]::-moz-range-track { border: inherit; background: rgba(255, 255, 255, 0.5); }

.erplayer .erplayer__slidercontrol--progressbar input[type="range"]::-ms-track { border: inherit; color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.5); }

.erplayer .erplayer__slidercontrol .erplayer__slidercontrol__slider.disabled .erplayer__playhead { border-radius: 2px; }

.erplayer .erplayer__slidercontrol .erplayer__slidercontrol__slider.disabled input[type="range"]::-webkit-slider-thumb { display: none; }

.erplayer .erplayer__slidercontrol .erplayer__slidercontrol__slider.disabled input[type="range"]::-moz-range-thumb { display: none; }

.erplayer .erplayer__slidercontrol .erplayer__slidercontrol__slider.disabled input[type="range"]::-ms-thumb { display: none; }

.erplayer .erplayer__playhead { transition: width 0.5s ease; background-color: #ff0000; z-index: 3; }

.erplayer .erplayer__bufferhead { background-color: rgba(255, 255, 255, 0.3); z-index: 2; }

.erplayer .erplayer__playlist { z-index: 2; display: block; clear: both; max-height: 0; overflow: hidden; transition: max-height 0.35s ease; background: #202020; }

.erplayer .erplayer__playlist::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; /* make scrollbar transparent */ }

.erplayer .erplayer__playlist.open { max-height: 300px; overflow: auto; }

.erplayer .erplayer__playlist.open::-webkit-scrollbar-track { box-shadow: none; border-radius: 2px; background-color: transparent; }

.erplayer .erplayer__playlist.open::-webkit-scrollbar { width: 6px; border-radius: 2px; background-color: #ffffff; }

.erplayer .erplayer__playlist.open::-webkit-scrollbar-thumb { border-radius: 2px; box-shadow: none; background-color: #ff0000; }

.erplayer .erplayer__playlist ul { margin: 0; padding: 30px; }

.erplayer .erplayer__playlist ul li { list-style: none; margin: 0; padding: 14px 0; }

.erplayer .erplayer__playlist ul li h5 { margin: 0; padding: 0; line-height: 26px; font-size: 1.15em; }

.erplayer .erplayer__playlist__cover { width: 26px; height: 26px; float: left; margin: 0 14px 0 0; border-radius: 50%; overflow: hidden; box-shadow: 0 0 13px rgba(0, 0, 0, 0.4); position: relative; background: #000; text-align: center; line-height: 26px; vertical-align: middle; cursor: pointer; border: 2px solid; box-sizing: content-box; }

.erplayer .erplayer__playlist__cover img { display: block; line-height: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7; }

.erplayer .erplayer__playlist__cover i { position: relative; z-index: 2; line-height: 26px; vertical-align: middle; font-size: 18px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); display: inline-flex; vertical-align: text-top; }

.erplayer .erplayer__playlist__cover i.erplayer-icon-play { -webkit-transform: translateY(-1px) translateX(1.5px); transform: translateY(-1px) translateX(1.5px); }

.erplayer .erplayer__playlist__cover i.erplayer-icon-pause { -webkit-transform: translateY(-1px) translateX(0.5px); transform: translateY(-1px) translateX(0.5px); }

/** Global play pause icons management */
.erplayer__btn i { display: inline-flex; }

.erplayer-playIcon { display: inline-flex; }

.erplayer-pauseIcon { display: none; }

.erplayer-track-active .erplayer-pauseIcon { display: inline-flex; }

.erplayer-track-active .erplayer-playIcon { display: none; }

@-webkit-keyframes erplayer-spin { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }

@keyframes erplayer-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@media only screen and (min-width: 1170px) { .erplayer__container .erplayer__slidercontrol--volume { display: inline-block; } }

/** Editor: no fade in; */
.elementor-editor-active .erplayer__container { opacity: 1 !important; }

/** Skin: Bar; ============================================================== */
.erplayer.erplayer--bar.erplayer-playlist-open .erplayer__wrapper { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); transition-delay: 0s; }

.erplayer.erplayer--bar .erplayer__container { max-width: 400px; }

.erplayer.erplayer--bar .erplayer__wrapper { opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s; transition-delay: 0.3s; }

.erplayer.erplayer--bar .erplayer__background { max-height: 100%; }

.erplayer.erplayer--bar .erplayer__wrapper__container { position: relative; height: 100%; min-height: 60px; }

.erplayer.erplayer--bar .erplayer__prev, .erplayer.erplayer--bar .erplayer__next, .erplayer.erplayer--bar .erplayer__slidercontrol--progressbar { display: none; }

.erplayer.erplayer--bar .erplayer__controls { height: 100%; position: absolute; width: 100%; top: 0; left: 0; }

.erplayer.erplayer--bar .erplayer__info { margin-right: 50px; }

.erplayer.erplayer--bar .erplayer__info__cover { width: 60px; height: 60px; }

.erplayer.erplayer--bar .erplayer__play, .erplayer.erplayer--bar .erplayer__pause { position: absolute; top: 0; left: 0; z-index: 10; margin: 7.5px; text-shadow: 0 0 15px rgba(0, 0, 0, 0.8); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.5); border-color: transparent; border: none; }

.erplayer.erplayer--bar .erplayer__play.loading::before, .erplayer.erplayer--bar .erplayer__play::before, .erplayer.erplayer--bar .erplayer__pause.loading::before, .erplayer.erplayer--bar .erplayer__pause::before { width: 100%; height: 100%; border-color: transparent; }

.erplayer.erplayer--bar .erplayer__openplaylist { z-index: 30; position: absolute; bottom: auto; top: 50%; right: 10px; z-index: 30; width: 20px; height: 20px; line-height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.erplayer.erplayer--bar .erplayer__slidercontrol--volume { display: none; }

.erplayer.erplayer--bar .erplayer__playlist { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 999px; -webkit-transform: translateY(100%); transform: translateY(100%); transition: opacity 0.5s, -webkit-transform 0.7s; transition: transform 0.7s, opacity 0.5s; transition: transform 0.7s, opacity 0.5s, -webkit-transform 0.7s; z-index: 10; transition-timing-function: cubic-bezier(0.3, 0.5, 0, 1); transition-delay: 0; opacity: 0; background-color: transparent; }

.erplayer.erplayer--bar .erplayer__playlist::-webkit-scrollbar { opacity: 0; }

.erplayer.erplayer--bar .erplayer__playlist ul { padding: 20px 10px; }

.erplayer.erplayer--bar .erplayer__playlist ul li { padding: 4px 10px; }

.erplayer.erplayer--bar .erplayer__playlist ul li h5 { max-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.erplayer.erplayer--bar .erplayer__playlist__cover { width: 20px; height: 20px; line-height: 20px; }

.erplayer.erplayer--bar .erplayer__playlist.open { transition-delay: 0.2s; -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }

.erplayer.erplayer--bar .erplayer__playlist.open::-webkit-scrollbar-track { opacity: 0; background-color: transparent; }

.erplayer.erplayer--bar .erplayer__playlist.open::-webkit-scrollbar { opacity: 0; background-color: transparent; }

.erplayer.erplayer--bar .erplayer__playlist.open::-webkit-scrollbar-thumb { opacity: 0; background-color: transparent; }

/** Desktop ============================================================== */
@media only screen and (min-width: 1170px) { .erplayer.erplayer--bar .erplayer__mute { margin-right: 0; margin-left: 0; float: right; width: 20px; height: 20px; line-height: 20px; }
  .erplayer.erplayer--bar .erplayer__slidercontrol--volume { position: absolute; display: inline-block; top: 50%; right: 30px; width: 20px; height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1000; }
  .erplayer.erplayer--bar .erplayer__slidercontrol--volume i { opacity: 1; }
  .erplayer.erplayer--bar .erplayer__slidercontrol--volume .erplayer__slidercontrol__slider { width: 40px; opacity: 0; transition: opacity 0.3s; top: 12px; position: absolute; right: auto; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -10px; z-index: 1000; }
  .erplayer.erplayer--bar .erplayer__slidercontrol--volume .erplayer__slidercontrol__bar, .erplayer.erplayer--bar .erplayer__slidercontrol--volume .erplayer__slidercontrol__trackbar { width: 40px; }
  .erplayer.erplayer--bar .erplayer__slidercontrol--volume:hover .erplayer__slidercontrol__slider { opacity: 1; } }

/** Skin: Bar; ============================================================== */
.erplayer.erplayer--fullscreenbar:hover { z-index: 1000000; }

.erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer .erplayer__container { transition: transform 1.1s, -webkit-transform 1.1s, max-height 0.8s, height 0.8s; }

.erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--tl .erplayer__container, .erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--tr .erplayer__container { -webkit-transform: translateY(-160%); transform: translateY(-160%); bottom: auto; left: 0; right: 0; }

.erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--bl .erplayer__container, .erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--br .erplayer__container { -webkit-transform: translateY(160%); transform: translateY(160%); top: auto; bottom: 0; left: 0; right: 0; }

.erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--visible .erplayer__container { -webkit-transform: translateY(0%); transform: translateY(0%); }

.erplayer.erplayer--fullscreenbar .erplayer__container { max-width: 100% !important; overflow: visible; }

.erplayer.erplayer--fullscreenbar .erplayer__wrapper { opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s; transition-delay: 0.3s; z-index: 40; overflow: hidden; }

.erplayer.erplayer--fullscreenbar .erplayer__background { max-height: 100%; z-index: 30; }

.erplayer.erplayer--fullscreenbar .erplayer__wrapper__container { position: relative; height: auto; }

.erplayer.erplayer--fullscreenbar .erplayer__prev, .erplayer.erplayer--fullscreenbar .erplayer__next, .erplayer.erplayer--fullscreenbar .erplayer__slidercontrol--progressbar { display: none; }

.erplayer.erplayer--fullscreenbar .erplayer__controls { float: left; display: inline-block; position: absolute; top: 0; left: 0; width: auto; }

.erplayer.erplayer--fullscreenbar .erplayer__info { margin-right: 50px; }

.erplayer.erplayer--fullscreenbar .erplayer__info__artist { margin-bottom: 2px; }

.erplayer.erplayer--fullscreenbar .erplayer__info__title { margin-bottom: 5px; }

.erplayer.erplayer--fullscreenbar .erplayer__info__cover { width: 60px; height: 60px; }

.erplayer.erplayer--fullscreenbar .erplayer__play, .erplayer.erplayer--fullscreenbar .erplayer__pause { top: 0; left: 0; z-index: 10; margin: 7.5px; text-shadow: 0 0 15px rgba(0, 0, 0, 0.8); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.5); }

.erplayer.erplayer--fullscreenbar .erplayer__play::before, .erplayer.erplayer--fullscreenbar .erplayer__pause::before { width: 100%; height: 100%; }

.erplayer.erplayer--fullscreenbar .erplayer__openplaylist { position: absolute; bottom: auto; top: 50%; right: 10px; z-index: 50; width: 20px; height: 20px; line-height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.erplayer.erplayer--fullscreenbar .erplayer__slidercontrol--volume { display: none; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist { position: absolute; top: 0; left: 0; width: 100%; height: 280px; max-height: 999px; -webkit-transform: translateY(0%); transform: translateY(0%); transition: opacity 0.3s linear 0s, -webkit-transform 0.7s cubic-bezier(0.3, 0.5, 0, 1) 0.5s; transition: transform 0.7s cubic-bezier(0.3, 0.5, 0, 1) 0.5s, opacity 0.3s linear 0s; transition: transform 0.7s cubic-bezier(0.3, 0.5, 0, 1) 0.5s, opacity 0.3s linear 0s, -webkit-transform 0.7s cubic-bezier(0.3, 0.5, 0, 1) 0.5s; z-index: 0; opacity: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 35px; padding-top: 35px; margin-top: 30px; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist::-webkit-scrollbar { opacity: 0; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist::-webkit-scrollbar-track { opacity: 0; background-color: transparent; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist::-webkit-scrollbar { opacity: 0; background-color: transparent; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist::-webkit-scrollbar-thumb { opacity: 0; background-color: transparent; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist ul { padding: 2px; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist ul li { padding: 10px 10px; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist ul li h5 { max-height: 32px; white-space: nowrap; overflow: hidden; line-height: 34px; text-overflow: ellipsis; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist__cover { width: 30px; height: 30px; line-height: 30px; }

.erplayer.erplayer--fullscreenbar .erplayer__playlist.open { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; transition: opacity 0.3s linear 0.4s, -webkit-transform 0.7s cubic-bezier(0.3, 0.5, 0, 1) 0s; transition: transform 0.7s cubic-bezier(0.3, 0.5, 0, 1) 0s, opacity 0.3s linear 0.4s; transition: transform 0.7s cubic-bezier(0.3, 0.5, 0, 1) 0s, opacity 0.3s linear 0.4s, -webkit-transform 0.7s cubic-bezier(0.3, 0.5, 0, 1) 0s; }

.erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--tl .erplayer__playlist, .erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--tr .erplayer__playlist, .erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--open-down .erplayer__playlist { -webkit-transform: translateY(-100%); transform: translateY(-100%); margin-top: 85px; }

.erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--tl .erplayer__playlist.open, .erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--tr .erplayer__playlist.open, .erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--open-down .erplayer__playlist.open { -webkit-transform: translateY(0%); transform: translateY(0%); }

.erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--bl .erplayer__playlist, .erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--br .erplayer__playlist, .erplayer.erplayer--fullscreenbar.erplayer--fixed.erplayer--open-up .erplayer__playlist { margin-bottom: 85px; }

.erplayer.erplayer--fullscreenbar.erplayer--open-down .erplayer__playlist { -webkit-transform: translateY(-100%); transform: translateY(-100%); margin-top: 85px; }

.erplayer.erplayer--fullscreenbar.erplayer--open-down .erplayer__playlist.open { -webkit-transform: translateY(0%); transform: translateY(0%); }

.erplayer.erplayer--fullscreenbar.erplayer--open-up .erplayer__playlist { margin-bottom: 85px; }

/** Desktop ============================================================== */
@media only screen and (min-width: 1170px) { .erplayer.erplayer--fullscreenbar .erplayer__controls { top: initial; left: initial; margin-right: 30px; position: absolute; text-align: left; width: 100%; top: 0; left: 0; }
  .erplayer.erplayer--fullscreenbar .erplayer__info { display: inline-block; width: 70%; max-width: calc(100% - 80px); left: 160px; }
  .erplayer.erplayer--fullscreenbar .erplayer__prev, .erplayer.erplayer--fullscreenbar .erplayer__next { display: inline-block; }
  .erplayer.erplayer--fullscreenbar .erplayer__play, .erplayer.erplayer--fullscreenbar .erplayer__play { position: relative; }
  .erplayer.erplayer--fullscreenbar .erplayer__mute { margin-right: 0; margin-left: 0; float: right; width: 20px; height: 20px; line-height: 20px; }
  .erplayer.erplayer--fullscreenbar .erplayer__slidercontrol--volume { position: absolute; display: inline-block; top: 50%; right: 30px; width: 20px; height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1000; }
  .erplayer.erplayer--fullscreenbar .erplayer__slidercontrol--volume i { opacity: 1; }
  .erplayer.erplayer--fullscreenbar .erplayer__slidercontrol--volume .erplayer__slidercontrol__slider { width: 40px; opacity: 0; transition: opacity 0.3s; top: 12px; position: absolute; right: auto; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -10px; z-index: 1000; }
  .erplayer.erplayer--fullscreenbar .erplayer__slidercontrol--volume .erplayer__slidercontrol__bar, .erplayer.erplayer--fullscreenbar .erplayer__slidercontrol--volume .erplayer__slidercontrol__trackbar { width: 40px; }
  .erplayer.erplayer--fullscreenbar .erplayer__slidercontrol--volume:hover .erplayer__slidercontrol__slider { opacity: 1; } }

/** Skin: Card; ============================================================== */
.erplayer.erplayer--card.erplayer-playlist-open .erplayer__wrapper { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); transition-delay: 0s; }

.erplayer.erplayer--card .erplayer__container { width: auto; max-width: 270px; min-width: 260px; height: 410px; }

.erplayer.erplayer--card .erplayer__wrapper { padding: 30px 30px 30px 30px; height: 100%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s; transition-delay: 0.3s; }

.erplayer.erplayer--card .erplayer__bgcolor { max-height: 100%; }

.erplayer.erplayer--card .erplayer__background { overflow: hidden; max-height: 800px; }

.erplayer.erplayer--card .erplayer__openplaylist { position: absolute; bottom: 3px; right: 3px; z-index: 100; }

.erplayer.erplayer--card .erplayer__slidercontrol--progressbar { display: none; }

.erplayer.erplayer--card .erplayer__controls { text-align: center; position: absolute; width: 100%; height: 110px; left: 0; bottom: 0; }

.erplayer.erplayer--card .erplayer__info { text-align: center; }

.erplayer.erplayer--card .erplayer__info__cover { float: none; margin: 30px auto; }

.erplayer.erplayer--card .erplayer__info__title { margin-top: 30px; }

.erplayer.erplayer--card .erplayer-icon-volume { display: inline-flex; font-size: 18px; opacity: 1; }

.erplayer.erplayer--card .erplayer__slidercontrol--volume { float: none; display: block; clear: both; position: absolute; bottom: 5px; left: 5px; text-align: left; width: 80%; width: calc(100% - 60px); }

.erplayer.erplayer--card .erplayer__slidercontrol--volume .erplayer__slidercontrol__slider { width: 80px; }

.erplayer.erplayer--card .erplayer__slidercontrol--volume .erplayer__slidercontrol__bar, .erplayer.erplayer--card .erplayer__slidercontrol--volume .erplayer__slidercontrol__trackbar { width: 80px; }

.erplayer.erplayer--card .erplayer__slidercontrol__slider { opacity: 0; transition: opacity 0.3s; width: 60px; margin: -2px 0 0 0; }

.erplayer.erplayer--card .erplayer__slidercontrol__trackbar { width: 100%; }

.erplayer.erplayer--card .erplayer__controls .erplayer__slidercontrol--volume:hover .erplayer__slidercontrol__slider { opacity: 1; }

.erplayer.erplayer--card .erplayer__playlist { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 999px; -webkit-transform: translateX(100%); transform: translateX(100%); transition: opacity 0.5s, -webkit-transform 0.7s; transition: transform 0.7s, opacity 0.5s; transition: transform 0.7s, opacity 0.5s, -webkit-transform 0.7s; z-index: 10; transition-timing-function: cubic-bezier(0.3, 0.5, 0, 1); transition-delay: 0; opacity: 0; background-color: transparent; }

.erplayer.erplayer--card .erplayer__playlist ul { padding: 20px; }

.erplayer.erplayer--card .erplayer__playlist ul li { padding: 18px 10px; }

.erplayer.erplayer--card .erplayer__playlist ul li h5 { max-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.erplayer.erplayer--card .erplayer__playlist.open { transition-delay: 0.2s; -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }

/** Skin: Bar; ============================================================== */
.erplayer.erplayer--buttononly .erplayer-content { display: inline-flex; }

.erplayer.erplayer--buttononly .erplayer__container { max-width: 400px; width: auto; display: inline-block; overflow: visible; }

.erplayer.erplayer--buttononly .erplayer__wrapper { opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s; transition-delay: 0.3s; display: inline-flex; padding: 0; overflow: visible; }

.erplayer.erplayer--buttononly .erplayer__background { max-height: 100%; }

.erplayer.erplayer--buttononly .erplayer__wrapper__container { position: relative; display: inline-block; }

.erplayer.erplayer--buttononly .erplayer__prev, .erplayer.erplayer--buttononly .erplayer__next, .erplayer.erplayer--buttononly .erplayer__slidercontrol--progressbar { display: none; }

.erplayer.erplayer--buttononly .erplayer__controls { display: inline-flex; }

.erplayer.erplayer--buttononly .erplayer__info { display: none; }

.erplayer.erplayer--buttononly .erplayer__play, .erplayer.erplayer--buttononly .erplayer__pause { position: relative; top: 0; left: 0; z-index: 10; text-shadow: 0 0 15px rgba(0, 0, 0, 0.8); padding: 0; margin: 3px; }

.erplayer.erplayer--buttononly .erplayer__play i, .erplayer.erplayer--buttononly .erplayer__pause i { display: inline-flex; }

.erplayer.erplayer--buttononly .erplayer__play.loading::before, .erplayer.erplayer--buttononly .erplayer__pause.loading::before { box-sizing: border-box; }

.erplayer.erplayer--buttononly .erplayer__openplaylist { display: none; }

.erplayer.erplayer--buttononly .erplayer__playlist { display: none; }

/** Desktop ============================================================== */
@media only screen and (min-width: 1170px) { .erplayer.erplayer--buttononly .erplayer__mute { display: none; margin-right: 0; }
  .erplayer.erplayer--buttononly .erplayer__slidercontrol--volume { display: inline-block; opacity: 1; line-height: 55px; }
  .erplayer.erplayer--buttononly .erplayer__slidercontrol--volume .erplayer__slidercontrol__slider { width: 40px; }
  .erplayer.erplayer--buttononly .erplayer__slidercontrol--volume .erplayer__slidercontrol__bar, .erplayer.erplayer--buttononly .erplayer__slidercontrol--volume .erplayer__slidercontrol__trackbar { width: 40px; }
  .erplayer.erplayer--buttononly .erplayer__slidercontrol--volume:hover .erplayer__slidercontrol__slider { opacity: 1; } }

.erplayer.erplayer--fixed .erplayer__container { position: fixed; z-index: 1000000; top: 0; left: 0; bottom: 0; right: 0; transition: -webkit-transform 1.1s; transition: transform 1.1s; transition: transform 1.1s, -webkit-transform 1.1s; transition-timing-function: cubic-bezier(0.2, 0.7, 0, 1); }

.erplayer.erplayer--fixed.erplayer--tl .erplayer__container { -webkit-transform: translateX(-150%); transform: translateX(-150%); bottom: auto; right: auto; }

.erplayer.erplayer--fixed.erplayer--tr .erplayer__container { -webkit-transform: translateX(150%); transform: translateX(150%); left: auto; right: 0; bottom: auto; }

.erplayer.erplayer--fixed.erplayer--bl .erplayer__container { -webkit-transform: translateX(-150%); transform: translateX(-150%); top: auto; right: auto; }

.erplayer.erplayer--fixed.erplayer--br .erplayer__container { -webkit-transform: translateX(150%); transform: translateX(150%); left: auto; top: auto; }

.erplayer.erplayer--fixed.erplayer--visible .erplayer__container { -webkit-transform: translateX(0%); transform: translateX(0%); }

/** Desktop ============================================================== */
/*# sourceMappingURL=erplayer.css.map */