@charset "utf-8";
/* CSS Document */
@media (max-width:991px) {
/*off*/
.zindexup { z-index:1100000; overflow:visible;}
.content-radio-player .wrap-radio-player .player-mobile-menu { display: block; }
.content-radio-player .wrap-radio-player .ramowkaBtn { display: none; }
.content-radio-player .wrap-radio-player .aditional { display: none; }
.content-radio-player .wrap-radio-player .radio-list-container { display: none; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li.first-item { display: none; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul li.last-item { display: none; }
/*/off*/
.content-radio-player .wrap-radio-player { height: auto; }
.content-radio-player .wrap-radio-player .playlist-container { float: left; margin: 25px 0; position: relative; width: 100%; }
.content-radio-player .wrap-radio-player .playlist-container .item-playlist ul.item-menu li a { display: block; }
.player-mobile-menu {background: #191919 none repeat scroll 0 0; color: #ffffff; display: block; float: left; position: relative; width: 100%; z-index: 7;  font-family: "Titillium Web", sans-serif; font-size: 16px; }
.player-mobile-menu .nav {margin: 0 auto; max-width: 570px; }
.player-mobile-menu .nav h2 { padding: 10px 0 0 10px;}

.player-mobile-menu .nav h2.header { font-family: "Roboto Condensed",sans-serif; font-size: 18px; font-weight: bold; position:relative; margin: 10px 0 0; }
.player-mobile-menu .nav h2.header::after { background: #df2659 none repeat scroll 0 0; content: ""; display: block; height: 5px; margin: 0px; position: absolute; top: 0; width: 40px; }
.player-mobile-menu .nav ul {
    padding: 0 0 10px;
    width: 290px;
    margin: 0 auto;
    overflow: hidden;
}
.player-mobile-menu .nav ul li { margin: 10px 0 0 10px; position:relative; float:left; }
.player-mobile-menu .nav ul li a {
    position: relative;
    display: block;
    color: #Fff;
    font-size: 16px;
}
.player-mobile-menu .nav ul li a:hover { color: #df2659;}
.player-mobile-menu .nav ul li a img { display: block; }
.player-mobile-menu .nav ul li ul { background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0; bottom: 0; height: 100%; overflow-y: scroll; top: -56px; width: 80%; z-index: 5; margin:56px 0 0 0; }


.player-mobile-menu .nav ul li ul.mobile-submenu { left: -100%; transition: left 0.5s ease 0s; position:fixed; }
/**/
header.fixed.pin-in .player-mobile-menu .nav ul li ul.mobile-submenu.active li .submenu-header {top:76px;}

header.fixed.pin-in .player-mobile-menu .nav ul li ul.mobile-submenu { top: 128px; }
/**/

.player-mobile-menu .nav ul li ul.mobile-submenu li { width: 100%; border-bottom: 1px solid #2e2e2e; float: left; text-align: center; width: 100%; font-size: 12px; line-height: 55px; margin: 0; position:relative; }
.player-mobile-menu .nav ul li ul.mobile-submenu.active { left:0; }

.player-mobile-menu .nav ul li ul.mobile-submenu.active li .submenu-header { left: 0; margin: 50px 0 0; position: fixed; top: -50px; width: 80%; z-index: 1; }
.player-mobile-menu .nav ul li ul.mobile-submenu.active li { left: 0; transition: left 0.5s ease 0s; }
.player-mobile-menu .nav ul li ul.mobile-submenu.active li:nth-of-type(2) {
    margin: 50px 0 0;
}

.player-mobile-menu .nav ul li ul.mobile-submenu.active li .submenu-header .close-nav { background-color: #333333; display: block; height: 50px; position: absolute; left: 0; top: 0; width: 50px; }
.player-mobile-menu .nav ul li ul.mobile-submenu.active li .submenu-header a { color: #FFF; cursor: default; }
.player-mobile-menu .nav ul li ul.mobile-submenu.active li .submenu-header a img { display: block; margin: 11px auto 0; }

.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide { height: 405px; min-height: 405px; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide img { width: initial; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info { bottom: 60px; }
.player-mobile-menu .nav ul li ul.mobile-submenu .submenu-header { background-color: #1e1e1e; display: block; float: left; font-size: 20px; font-weight: bold; height: 50px; line-height: 50px; position: relative; text-align: center; width: 100%; }
}
@media (max-width:568px) {
.player-mobile-menu .nav { width: 420px; }
/*slider*/
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-title { font-size: 20px; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-time { font-size: 18px; }
.content-radio-player .wrap-radio-player .content-radio-layer .program-slider .slider .slide .ramowka-program-info .program-title::before { top: -12px; }
}
@media (max-width:480px) {
.player-mobile-menu .nav { width: 290px; }
.content-radio-player .actual-play-bg > img { height: 100%; width: 100%; }
}