/* Optimized and minified CSS for better performance */
body{padding:0 0 120px;margin:0;background:#eef3f6;text-align:center;font-family:'Rubik',sans-serif;font-size:13px;color:#373737}
input{font-family:'Rubik',sans-serif!important}
h1,h2,h3,h4{padding:0;margin:0}
a{text-decoration:none}
img{border:none;max-width:100%;height:auto}
.main-width{width:1200px;text-align:left;margin:0 auto;max-width:100%;box-sizing:border-box}
.head-line{background:#fff;-moz-box-shadow:0 5px 5px rgba(0,0,0,.04);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.04);box-shadow:0 5px 5px rgba(0,0,0,.04);margin:0 0 30px 0}
.head-line2{height:70px;position:relative}
.logo{background:url(../images/logo.png) left top no-repeat;display:block;position:absolute;left:0;top:0;width:143px;height:70px}
.search-block{position:absolute;left:180px;top:20px}
.form-text{width:300px;padding:8px 12px;border:1px solid #ddd;border-radius:3px;font-size:14px;box-sizing:border-box}
.form-search{vertical-align:middle;margin-left:5px}
.head-status{position:absolute;left:750px;top:20px}
.head-status-item{display:inline-block;vertical-align:top;margin:0 45px 0 0;background:url(../images/head-status-item.png) left 1px no-repeat;padding:0 0 0 30px;position:relative;height:28px;color:#818182;font-size:13px}
.head-status-item span{color:#acacac;font-size:12px;display:block}
.slider-block{margin:0 0 30px 0}
.slider-block-title{color:#636f75;font-size:18px;margin:0 0 15px 0}
.slider-block-content{position:relative}
.slider-item{display:block;background:#fff;-moz-box-shadow:1px 2px 2px rgba(0,0,0,.03);-webkit-box-shadow:1px 2px 2px rgba(0,0,0,.03);box-shadow:1px 2px 2px rgba(0,0,0,.03);width:162px;margin:0 11px 0 0;padding:15px 0 10px 0;text-align:center}
.slider-item span{display:block}
.slider-item-image{width:120px;height:120px;overflow:hidden;margin:0 auto 7px auto;position:relative}
.slider-item-image img{width:100%;min-height:120px}
.slider-item-author{color:#acacac;font-size:13px;text-align:left;margin:0 auto 1px auto;overflow:hidden;width:120px;height:16px;line-height:16px}
.slider-item-song{color:#636f75;font-size:13px;text-align:left;margin:0 auto 5px auto;overflow:hidden;width:120px;height:16px;line-height:16px}
.content-block{}
.left-col{float:left;width:940px}
.right-col{float:right;width:230px}
.right-block{background:#fff;-moz-box-shadow:1px 2px 2px rgba(0,0,0,.03);-webkit-box-shadow:1px 2px 2px rgba(0,0,0,.03);box-shadow:1px 2px 2px rgba(0,0,0,.03);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 30px 0}
.right-block-title{padding:20px;border-bottom:1px #f7f7f7 solid;color:#3d3d3d;font-size:16px}
.right-block-content{padding:20px}
.menu-block{margin:0 0 30px 0}
.menu-block-title{color:#636f75;font-size:14px;padding:2px 0 15px 26px}
.menu-block1{background:url(../images/menu-block1.png) left top no-repeat;background-size:auto 56%}
.menu-block2{background:url(../images/menu-block2.png) left top no-repeat;background-size:auto 56%}
.menu-block-links{}
.menu-block-links a{display:block;color:#959595;font-size:13px;margin:0 0 10px 0;position:relative;padding:0 0 0 15px}
.menu-block-links a:after{content:'';display:block;width:5px;height:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:absolute;left:3px;top:5px;background:#d3d3d3}
.menu-block-links a:hover{text-decoration:underline;color:#799ab5}
.right-menus a{color:#636f75;font-size:14px;padding:2px 0 0 26px;display:block;margin:0 0 20px 0}
.right-menus a:hover{text-decoration:underline;color:#799ab5}
.menu-block3{background:url(../images/menu-block3.png) left top no-repeat;background-size:auto 90%}
.menu-block4{background:url(../images/menu-block4.png) left top no-repeat;background-size:auto 90%}
.menu-block5{background:url(../images/menu-block5.png) left top no-repeat;background-size:auto 90%}
.menu-block6{background:url(../images/menu-block6.png) left top no-repeat;background-size:auto 90%}
.banner-block{margin:0 0 30px 0;overflow:hidden}
.stm-block{margin:0 0 30px 0}
.stm-block-title{color:#636f75;font-size:18px;margin:0 0 20px 0}
.player-wrap{background:#fff;-moz-box-shadow:0 -5px 5px rgba(0,0,0,.04);-webkit-box-shadow:0 -5px 5px rgba(0,0,0,.04);box-shadow:0 -5px 5px rgba(0,0,0,.04);position:fixed;left:0;bottom:0;z-index:7777;height:105px;width:100%!important}
.main-player{width:1200px;margin:0 auto;text-align:left;position:relative}
.ajax-content{}
.loading-popup{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.8) url(../images/play-a.gif) center center no-repeat;z-index:99999;display:none}
.loading-content{display:block}
.ajax-content:after{content:'';clear:both;display:block}
.status-win{position:fixed;left:10px;bottom:110px;padding:10px 30px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;z-index:99999;display:none;white-space:nowrap}

/* Краткая новость */
.main-news{background:#fff;-moz-box-shadow:1px 2px 2px rgba(0,0,0,.03);-webkit-box-shadow:1px 2px 2px rgba(0,0,0,.03);box-shadow:1px 2px 2px rgba(0,0,0,.03);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:relative;padding:15px 20px;margin:0 0 20px 0;height:90px}
.main-news-image{display:none}
.main-news:hover{background:#fffcf0}
.main-news-play{position:absolute;width:59px;height:59px;left:20px;top:15px;cursor:pointer}
.main-news-play i{background:url(../images/main-news-play.png) left top no-repeat;width:24px;height:24px;position:absolute;left:50%;top:50%;margin:-12px 0 0 -12px}
.main-news-play:hover i{background:url(../images/main-news-play.png) left -24px no-repeat}
.main-news-pause{position:absolute;width:59px;height:59px;left:20px;top:15px;cursor:pointer;display:none}
.main-news-pause i{background:url(../images/main-news-play.png) left bottom no-repeat;width:24px;height:24px;position:absolute;left:50%;top:50%;margin:-12px 0 0 -12px}
.main-news-title{display:inline-block;vertical-align:top;width:390px;padding:15px 0 0 0;margin:0 0 0 90px}
.main-news-author{display:block;color:#bebebe;font-size:13px;height:16px;line-height:16px;overflow:hidden}
.main-news-song{display:block;color:#636f75;font-size:14px;height:16px;line-height:16px;overflow:hidden}
.main-news-info{display:inline-block;vertical-align:top;padding:26px 0 0 0}
.main-news-info-item{margin:0 0 0 25px;display:inline-block;vertical-align:top;color:#acacac;font-size:13px;height:20px;line-height:22px}
.main-news-rating{position:absolute;top:22px;right:170px;display:inline-block;vertical-align:top;height:20px;background:url(../images/main-news-rating.png) left top no-repeat;padding:0 0 0 30px}
.main-news-rating-rez{color:#000;font-size:14px;height:20px;line-height:23px}
.main-news-right{position:absolute;right:20px;top:7px;background:url(../images/main-news-right.png) left center no-repeat;padding:0 0 0 20px}
.main-news-add-to-playlist{display:inline-block;vertical-align:top;width:50px;height:50px;position:relative}
.main-news-add-to-playlist .toltp{margin-left:-60px!important}
.main-news-add-to-playlist a{display:block;width:100%;height:100%}
.fav-def-pl a{background:url(../images/main-news-add-to-playlist.png) left top no-repeat}
.fav-def-pl a:hover{background:url(../images/main-news-add-to-playlist.png) left -50px no-repeat}
.fav-def-mn a{background:url(../images/main-news-add-to-playlist.png) left -100px no-repeat}
.fav-def-mn a:hover{background:url(../images/main-news-add-to-playlist.png) left -150px no-repeat}
.main-news-add-to-playlist a img{display:none}
.fav-def{position:relative}
.fav-def span{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.fav-js a:first-child{background:url(../images/main-news-add-to-playlist.png) left top no-repeat}
.fav-js a:first-child:hover{background:url(../images/main-news-add-to-playlist.png) left -50px no-repeat}
.fav-js a:last-child{background:url(../images/main-news-add-to-playlist.png) left -100px no-repeat}
.fav-js a:last-child:hover{background:url(../images/main-news-add-to-playlist.png) left -150px no-repeat}
.main-news-save-song{display:inline-block;vertical-align:top;width:50px;height:50px;background:url(../images/main-news-add-to-playlist.png) left -200px no-repeat;cursor:pointer}
.main-news-save-song:hover{background:url(../images/main-news-add-to-playlist.png) left -250px no-repeat}
.tooltip-tt{position:absolute;z-index:9999}
.tooltip-tt div{position:absolute;background:#000;color:#fff;padding:5px 10px;font-size:12px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap}
.tooltip-tt .tooltip-tt-arrow{position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}
.main-news-rating .toltp{top:-50px}
.main-news-right .toltp{top:-50px}
.main-news-rating .toltp a{display:inline-block;vertical-align:top;width:25px;height:25px;background:url(../images/main-news-rating1.png) center center no-repeat;transition:top 0.1s ease;-webkit-transition:top 0.1s ease;-o-transition:top 0.1s ease;-moz-transition:top 0.1s ease}
.main-news-rating .toltp a:hover{opacity:0.7}
.main-news-rating .toltp a:last-child{background:url(../images/main-news-rating2.png) center center no-repeat;margin:0 0 0 10px}
.play-active .main-news-author,.play-active .main-news-info-item{color:#fff}
.main-news-show-eq{display:none;width:65px;height:65px;background:url(../images/eq.gif) center center no-repeat;position:absolute;left:0;top:0}
div.main-news.play-active{background:#9dc4e4!important}
.play-active .main-news-pause{display:block}
.play-active .main-news-play{display:none}
.play-active .main-news-show-eq{display:block}

/* Mobile optimizations */
@media (max-width:768px){
.main-width{width:95%;padding:0 10px}
.head-line2{height:auto;padding:10px 0}
.logo{position:relative;margin:0 auto 10px}
.search-block{position:static;margin:10px 0;text-align:center}
.form-text{width:100%;max-width:300px}
.head-status{position:static;text-align:center;margin:10px 0}
.head-status-item{display:block;margin:5px 0}
.left-col,.right-col{float:none;width:100%}
.right-col{margin-top:30px}
.player-wrap{height:auto}
.main-player{width:100%;padding:10px}
.main-news-info{display:none}
.main-news-rating{display:none}
.main-news-title{width:auto;margin-right:130px;display:block}
.main-news{height:auto;min-height:90px}
}

@media (max-width:480px){
.main-width{width:100%;padding:0 5px}
.form-text{font-size:16px}
.slider-item{width:140px;margin:0 8px 0 0}
.slider-item-image{width:100px;height:100px}
.slider-item-image img{min-height:100px}
.main-news-right{display:none}
.main-news-title{margin-right:0}
.main-news{padding:10px 15px}
.main-news-title{margin:0 0 0 70px}
.main-news-play,.main-news-pause{left:15px;top:10px;width:50px;height:50px}
.main-news-play i,.main-news-pause i{margin:-10px 0 0 -10px}
.main-news-show-eq{display:none!important}
}