.right { float: right; }
/**/
.noscroll { overflow: hidden; }
.player-mobile-menu { display: none; }
.radio-player-new {  margin: 0 auto 10px;  max-width: 980px; }
.content-radio-player { background: rgb(25, 25, 25) none repeat scroll 0 0; color: rgb(255, 255, 255); font-family: "Titillium Web", sans-serif; font-size: 16px; }
.content-radio-player a { display: block; color: #FFF; text-decoration: none; }
.content-radio-player a:hover { color: #e4215a; }
.content-radio-player .wrap-radio-player { height: 520px; margin: 0 auto; overflow: hidden; position: relative; max-width: 960px; }
.content-radio-player .wrap-radio-player .green { color: #F00; }
.content-radio-player .wrap-radio-player .red { color: #060; }
.content-radio-player .wrap-radio-player .pink { color: #E4215A; }
.content-radio-player .wrap-radio-player .ramowkaBtn { background-color: #191516; border-bottom-right-radius: 50px; border-top-right-radius: 50px; display: block; height: 40px; left: 0; line-height: 40px; position: absolute; text-align: center; top: 50%; width: 120px; z-index: 5; }
.content-radio-player .wrap-radio-player .ramowkaBtn:hover { background-color: #e4215a; color: #FFF; }
.content-radio-player .actual-play-bg { bottom: 0; left: -10px; overflow: hidden; position: absolute; right: -10px; top: -10px; }
.content-radio-player .actual-play-bg > img { width: 100%; }
.actual-play-bg.actual-play-blur { filter: blur(10px); opacity: 0.3; }
/*radio list*/
.content-radio-player .wrap-radio-player .radio-list-container { background-color: #000000; height: 100%; overflow: hidden; position: relative; width: 300px; z-index: 2; }
.content-radio-player .wrap-radio-player .radio-list-container .row { background: rgb(0, 0, 0) none repeat scroll 0 0; box-sizing: border-box; font-family: "Roboto Condensed",sans-serif; height: 100%; overflow: hidden; padding: 10px 0 0 10px; position: absolute; top: 0; transition: right 0.5s ease 0s; width: 300px; }
.content-radio-player .wrap-radio-player .radio-list-container .row ul { height: 460px; overflow-y: scroll; }
.content-radio-player .wrap-radio-player .radio-list-container .row .row-head { height: 40px; line-height: 40px; width: 100%; }
.content-radio-player .wrap-radio-player .radio-list-container .row .row-head .header {
font-family: "Roboto Condensed",sans-serif; font-size: 18px; font-weight: bold; position:relative; }
.content-radio-player .wrap-radio-player .radio-list-container .row .row-head .header::after {
    background: #df2659 none repeat scroll 0 0; content: ""; display: block; height: 5px; margin: 0px; position: absolute; top: 0; width: 40px; }

.content-radio-player .wrap-radio-player .radio-list-container .row .row-head .back-nav { float: left; height: 25px; position: absolute; }
.content-radio-player .wrap-radio-player .radio-list-container .row .row-head .head-title { display: block; font-size: 20px; font-weight: bold; line-height: 22px; text-align: center; }
.content-radio-player .wrap-radio-player .radio-list-container .row .row-head .head-title img { display: block; margin: 0 auto; }
.content-radio-player .wrap-radio-player .radio-list-container .row .row-head img { display: block; margin: 0 auto; }
.content-radio-player .wrap-radio-player .radio-list-container .row.hidden { right: -100%; }
.content-radio-player .wrap-radio-player .radio-list-container .row.show { right: 0; }
/**/
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-list { }
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-list ul { }
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-list ul li { display: block; float: left; width: 100%; border-bottom: 1px solid #2e2e2e; line-height: 44px; }
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-cat { }
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-cat ul li { display: inline-block; margin: 0 0 10px 0; position: relative; box-sizing:border-box; height:130px; width:130px; }
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-cat ul li.recommended	{width:270px; height:130px;}
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-cat ul li a img { display:block;}
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-cat ul li a .img-hover { left: 0; position: absolute; bottom: 0; opacity: 0; transition: all 0.2s ease-in-out; }
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-cat ul li a:hover .img-hover { opacity: 1;  transition: all 0.5s ease-in-out 0s; }
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-cat ul li.square:nth-child(n) { margin: 0 8px 10px 0 }
.content-radio-player .wrap-radio-player .radio-list-container .row.radio-cat ul li:nth-last-child(-1n+2) { margin-bottom: 0; }
/**/
.content-radio-player .wrap-radio-player .aditional {  background: rgba(0,0,0, 0.7); bottom: 50%; left: -110%; height: 100%; position: absolute; transform: translateY(50%); width: 661px; z-index: 6; transition: left 0.2s ease-in-out 2s; }

.content-radio-player .wrap-radio-player .aditional-player {
height: 348px; position: absolute; transform: translateY(50%); width: 100%; bottom: 50%;
}
.content-radio-player .wrap-radio-player .aditional.active { left: 0; transition: all 0.5s ease-in-out 0s; }
.content-radio-player .wrap-radio-player .playlist-container { float: left; position: relative; width: 630px; z-index: 3; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist { margin: 0 auto; position: relative; width: 300px; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li { float: left; font-size: 12px; line-height: 32px; text-align: left; width: 100%; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li.first-item {
    height: 32px;
    overflow: hidden;
}
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li .images { display: block; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li.now-playing { line-height: 28px; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li.first-item { }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li.first-item .number { color: #F00; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li .playlist-artist { display: block; font-size: 18px; font-weight: bold; height: 22px; overflow: hidden; text-align: center; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li .playlist-title { font-size: 14px; height: 22px; overflow: hidden; display: block; text-align: center; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li.last-item { }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li.last-item .number { color: #060; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist .images { }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist .images img { width: 100%; }
/**/

.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul.item-menu { background-color: rgb(0, 0, 0); display: none; opacity: 0; position: absolute; transition: opacity 0.5s ease 0s; width: 100%; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul.item-menu { min-height: 300px }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist.active ul.item-menu { display: block; transition: opacity 0.5s ease 0s; opacity: 1; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul.item-menu li { border-bottom: 1px solid #2e2e2e; float: left; line-height: 59px; text-align: center; width: 100%; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul.item-menu .closeBtn {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; box-sizing: border-box; height: 17px; position: absolute; right: 10px; text-align: center; top: 10px; width: 17px; z-index: 1; }
/**/
/*warstwa playera slider*/
.content-radio-player .wrap-radio-player .content-radio-layer { bottom: 0; left: -100%; /*padding: 10px;*/ position: absolute; right: 0; top: 0; transition: all 0.5s ease-in-out 0s; width: 100%; z-index: 7; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .closeBtn { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border-radius: 50%; box-sizing: border-box; height: 40px; line-height: 44px; position: absolute; right: 20px; text-align: center; top: 10px; width: 40px; z-index: 1; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .closeBtn img { display:inline;}
.content-radio-player .wrap-radio-player .content-radio-layer.active { left: 0; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider { background-color: #000; height: 100%; overflow: hidden; position: relative; width: 100%; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider { float: left; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide { overflow: hidden; float: left; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide img { width: 100%; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 90px;
    padding: 23px 10px 7px;
    position: absolute;
}
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info::after {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(229,229,229,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(229,229,229,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(229,229,229,0) 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: -50px;
    top: 0;
    width: 50px;
}
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-title sub { font-size: 20px; line-height: 0; vertical-align: baseline; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-title strong { font-weight: bold; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-title { font-size: 36px; font-weight: lighter; position: relative; text-align:left; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-title::before { content: "SŁUCHASZ"; font-size: 14px; position: absolute; top: -15px; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-title a span { font-weight: 600; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-time { font-size: 24px; font-weight: 100; margin: 25px 0 0; position: relative; text-align:left;}
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-time strong { font-weight: 600; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-time::before { content: "PROGRAM"; font-size: 14px; position: absolute; top: -15px; left:0; }
/*elementy slidery i scrollpan*/
.content-radio-player .wrap-radio-player .radio-list-container .jspVerticalBar { width: 10px; }
.content-radio-player .wrap-radio-player .radio-list-container .jspDrag { background: #E4215A none repeat scroll 0 0; }
.content-radio-player .wrap-radio-player .radio-list-container .jspTrack { background: #0E0D10 none repeat scroll 0 0; position: relative; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-controls { bottom: 15px; left: 0; position: absolute; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-viewport { overflow: visible; }
/**/
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-controls .bx-pager { }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-controls .bx-controls-direction { width: 65px; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-controls-direction a {
    margin-top: 0;
    outline: 0 none;
    position: relative;
    top: 0;
    z-index: 9999;
}

.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-next { display: inline-block; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-controls .bx-controls-directio a { height: 32px; margin-top: -16px; outline: 0 none; position: absolute; text-indent: -9999px; top: 50%; width: 32px; z-index: 9999; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev { background: rgba(0, 0, 0, 0.5) url("../img/arrow-left.png") no-repeat scroll 3px 3px; border-radius: 50%; display: block; float: left; height: 30px; left: 10px; text-indent: -9999px; width: 30px; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-next { background: rgba(0, 0, 0, 0.5) url("../img/arrow-right.png") no-repeat scroll 3px 3px; border-radius: 50%; display: block; float: right; height: 30px; left: 10px; text-indent: -9999px; width: 30px; }
/**/


/*rwd menu*/
.player-mobile-menu .nav ul li ul.mobile-submenu.active.pin-in {
    top: 126px;
}
.player-mobile-menu .nav ul li ul.mobile-submenu.active.pin-in li .submenu-header {
    top: 76px !important;
}
/* zmiana playera */
.player-category {
    float: left;
    width: 300px;
}
.player-category .arrow-r {
    display: block;
    float: left;
    height: 50px;
    width: 55px;
}
.player-category .arrow-r i {
    color: #e4215a;
    font-size: 20px;
    margin: 13px 0 0;
}
.player-category .name {
    color: #ffffff;
    float: left;
    font-size: 12px;
    height: 13px;
    margin: 9px 0 0;
    text-align: left;
    width: 245px;
}
.player-category .category {
    color: #ffffff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    overflow: hidden;
    text-align: left;
    width: 245px;
}

/* zmiana playera */