/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700&subset=latin,cyrillic);
/* Fonts */
#vk_comments,
#vk_comments>iframe{
width:100%!important; 
}

#menubar {
 position: fixed;
 background: #9b0a55;
 top: 0;
 left: 0;
 right: 0;
 z-index: 999;
 direction: ltr;
}

.logoo {
 display: block;
 float: left;
 height: 18px;
 text-decoration: none;
 color:#fff;
 font: bold 20px/1 "Comic Sans MS", cursive, sans-serif;
 padding: 15px 20px;
}
.topmenu {
 margin:auto 0;
 float:right;
 height: 50px;
}
.topmenu > li {float:left; height: 50px; }
.topmenu > li > a > span > i {
 font-size: 23px; 
}
.topmenu > li > a {
 display:block; 
 color: #FFF; 
 padding: 0px 20px; 

 top: 0px;
 font-size: 18px; 
 line-height: 50px;
 position:relative;
 overflow: hidden;
 font-family: sans-serif;
}

.head-i,.head {
 display: block;
 width: 50%;
 color: #fff;
 float: right;
}
.head-i a,.head a {
 display: block;
 padding: 12px 0;
 float: left;
 width: 20%;
 height: 23px;
 text-align: center;
 margin: 0px;
 color: #5c0d09;
 font-size:23px;
}

.head-i a:hover,.head a:hover {
 background: rgba(0,0,0,0.03);
 color: #fff;
}
.head-i .activ,.head .activ{
 color: #fff;
 border-bottom: 2px solid #fff;
}
.header21{
height: 50px;}

.widht2{
 max-width: 882px;
 margin: 0 auto;
 overflow: visible;
}
@media (max-width: 640px) {

.headroom--pinned {
 display: block;
}
.headroom--unpinned {
 display: none;
}

.header21{
height: 105px;}
.head-i {
 background: #e62118;
 color: #fff;
 width: 100%;
 position: fixed;
 z-index:99;
}
.head {

 color: #fff;
 width: 100%;
}
.head-i a,.head a {
 display: inline-block;
 padding: 15px 0;
 float: left;
 width: 20%;
 height: 25px;
 text-align: center;
 margin: 0px;
 color: #5c0d09;
 font-size:23px;
}

.head-i a:hover,.head a:hover {
 background: rgba(0,0,0,0.03);
 color: #fff;
}
.head-i .activ,.head .activ{

 color: #fff;
 border-bottom: 2px solid #fff;
}
}
.awiladi35404 {
top: 0;
left: 0;
right: 0;
direction: ltr;
width: 100%;
background: #000; 
position: fixed;
z-index: 99999;
height: 50px;
}
.logoog {
 width: 100px;
 display: block;
 float: left;
 height: 18px;
 text-decoration: none;
 color:#fff;
 font: bold 20px/1 "Comic Sans MS", cursive, sans-serif;
 padding: 10px 0px 10px 20px;
}
.logoog>input {
 border-radius:5px;
 border:none;
 height:30px;
 margin:0px 0;
 text-indent:10px;
 display:block;
}

.awiladi354 {
width: 160px;
background: #fff;
border-radius: 3.55px; 
border: 2px solid #9b0a55; 
top: 50px;
position: fixed;
right:0px;
z-index: 9999;
}

ul.leftmenus354 {
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
 display: block;
 margin: 0px 0px 0px 0px;
 overflow: hidden;
 padding: 5px 0 5px 0;
 width: 160px;
}

ul.leftmenus354 e {
 
 float: left;
 line-height: 15px;
 margin: 0px 0 0px 0px;
 width: 160px;
}
ul.leftmenus354 e a {
 border-radius: 0px;
 margin: 0px;
 cursor: pointer;
 display: inline;
 float: left;
 padding: 7px 0;
 text-decoration: none;
 width: 160px;
}
ul.leftmenus354 e a span i {
font-size: 15px;
margin: 0 8px 0 0;
}
ul.leftmenus354 e a span {
 float: left;
 font-size: 13px !important;
 margin: 0 0 0 15px;
 padding: 0 0 0 8px;
 color: #9b0a55;
 margin-bottom: 2px;
 font-family: sans-serif;
}
ul.leftmenus354 e a:hover {
 background: #f5f7fa;
}

/* Video */
.middlebox {
 padding: 20px;
}
.videoiList { 
border: 1.90px solid transparent; 
border-color: #e6e7eb; 
background: #fff; 
color: #65686c; 

display: block; 
 
overflow: hidden;
}
.video-list {
 overflow: hidden;
 margin: 0 0 0 -20px;
}

.video-list .video-list-back {
 float: left;
 width: 33.2%;
 padding: 0 0 0 20px;
 box-sizing: border-box;
}

@media (max-width: 640px) {
.middlebox {
 padding: 0px;
}
.informer {
 margin: 0 0px;
 padding: 5px 0px;
}
.informer .video-list-back {
 width: 100%;
 float: none;
 padding: 0 20px 20px;
 margin: 0 0 20px;
 border-bottom: 1px solid #e9e9e9;
}
}
.video-list .video-list-block {
 display: block;
 text-decoration: none;
}
.in-module {
 margin: 0 0 -20px -20px;
}
.in-module .video-list-back {
 margin: 0 0 20px;
 width: 33.3%;
}

.in-module .noEntry {
 padding: 0 0 20px;
 font-size: 90%;
}
.video-list .video-list-block .vib-image {
 position: relative;
 padding-bottom: 56.25%;
 overflow: hidden;
 border-radius: 3px;
}
.video-list .video-list-block .vib-image .vib-new {
 background: #00c57c;
 border-radius: 3px;
 font-size: 80%;
 padding: 3px 7px;
 text-transform: uppercase;
 font-weight: bold;
 color: #fff;
 position: absolute;
 left: 10px;
 top: 10px;
 display: block;
 z-index: 9;
}
.video-list .video-list-block .vib-image .vib-top {
 background: #e62117;
 border-radius: 3px;
 font-size: 80%;
 padding: 3px 7px;
 text-transform: uppercase;
 font-weight: bold;
 color: #fff;
 position: absolute;
 right: 10px;
 top: 10px;
 display: block;
 z-index: 9;
}
.video-list .video-list-block .vib-image .vibi-in {
 position: absolute;
 left: -70px;
 bottom: -70px;
 top: -70px;
 right: -70px;
}
.in-module .video-list-block .vib-image .vibi-in {
 top: -80px;
}
.video-list .video-list-block .vib-image .vibi-in img {
 display: inline-block;
 vertical-align: middle;
 width: 100%;
 border-radius: 3px;
}
.video-list .video-list-block .vlb-details span {
 display: block;
 line-height: 1.5;
 font-size: 90%;
 color: #5c0d09;
 margin: 10px 0 -3px;
}
.video-list .video-list-block:hover .vlb-details span {
 color: #9b0a55;
}
.videoPageFull {
 padding: 0;
}
.videoBlock .videoDetls,
.videoDetails{
 overflow: hidden;
 font-size: 85%;
 color: #999;
 margin: -5px 0 0;
}
.videoDetails {
 margin: 20px 0 0;
 padding: 0 0;
}
.videoBlock .videoDetls span,
.videoDetails span {
 float: left;
 display: block;
}
.videoDetails span {
 margin: 0 20px 0 0;
}
.videoBlock .videoDetls span i,
.videoDetails span i {
 padding: 0 5px 0 0;
}
.videoBlock .videoDetls span.addDateVideo {
 float: right;
}
/* Video */

.pda-on{
 display:block!important;
}
.pda-off{
 display:none!important;
}




body{
 background:#eee;
 margin:0px;
 font-family: 'Calibri light',Calibri,Tahoma,Arial;
 cursor:default;
 padding:0px 0px 0px 0px!important;
 height: 100%;
}

.widhti {
 max-width: 882px;
 margin: 0 auto;
 overflow: visible;
}

.overlay {
 display: block;
 background-color: rgba(0,0,0,0.2);
 background-repeat: no-repeat;
 background-position: center center;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
.overlay.zoomm {
 background-image: url(/images/kliplay.png);
}


#nextCont{
cursor: pointer;
margin: 5px 0;
padding:7px 30%;
font-size:13px;
border:2px solid #e62117;
color:#e62117;
text-decoration:none;
display:inline-block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#nextCont:hover,
 #nextCont:hover:active{
 background:#f1f2f4;
}
#nextCont:hover:active{
 background:#597da3;
 color:#fff;
}

.mobileFooter {
 background: #2b2e33;
 width: 100%;
 padding: 0 0 0 15px;
 -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
 color: #fff;
 font: 90%/20px 'Calibri light',Calibri,Tahoma,Arial;
}
.mobileFooter a{
 color: #fff;
 font: 90%/30px 'Calibri light',Calibri,Tahoma,Arial;
}


.dsasa { 
border: 1.90px solid transparent; 
border-color: #e6e7eb; 
background: #fff; 
color: #65686c;
padding:10px; 
}


.songButtons {
 overflow: hidden;
}
.songButtons a {
 -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
 float: none;
 width: ;
 padding: 0 10px;
 height: 50px;
 overflow: hidden;
 background: #9b0a55;
 display: block;
 cursor: pointer;
 color: #fff;
 -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.songButtons a.songPlayIn span {
 float: left;
 display: block;
 height: 50px;
 line-height: 50px;
}
.songButtons a.songPlayIn span.songPlayIcon {
 background: #5c0d09;
 border-radius: 50%;
 width: 50px;
 margin: 0 0 0 -10px;
 text-align: center;
 font-size: 25px;
}
.songButtons a.songPlayIn span.songPlayText {
 text-align: center;
 font-weight: bold;
 padding: 0 0 0 7%;
}
.songButtons a:hover {
 background: #5c0d09;
 color: #fff;
}
.songButtons a:hover.songPlayIn span.songPlayIcon {
 background: #9b0a55;
}


.songDetails {

 font-size: 90%;
}
.songDetails span.downloadsNum {
 float: right;
 margin: 0 0 0;
}
.songDetails span {
 display: inline-block;
 margin: 0 20px 0 0;
 color: #333;
}
.songDetails span i {
 color: #999;
 padding: 0 5px 0 0;
}
.songDetails span a {
 color: #333;
 
}
@media screen and (min-width: 240px) and (max-width: 900px) {

.songDetails span {
 float: none !important;
 margin: 0 0 15px !important;
 display: block !important;
 }
 .songDetails span:last-child {
 margin: 0 0 0 !important;
 }

}

@media screen and (min-width: 1024px) {
 .songDetails {
 padding: 8px 20px;
 margin: 20px 0 0;
 font-size: 90%;
 background: #fafafa;
}
}
@media screen and (min-width: 460px) {

 .logosso1 {
margin: 0px 0px -90px 0px;
}
}

.socIcons1 ul,
.socIcons1 ul li {
 display: block;
 list-style: none;
 padding: 0;
 margin: 0;
}

.socIcons1 ul li {display: inline-block;}

.socIcons1 ul li a {
 display: block;
 width: 40px;
 height: 40px;
 background: rgba(255,255,255,0.02);
 color: #fafafa;
 text-align: center;
 line-height: 40px;
 text-decoration: none;
 font-size: 25px;
 margin: 0 10px 0;
 border-radius: 50%;
 border: 2px solid #fff;
}
.socIcons1 ul li a:hover {
 
 color: #5b7fa6;
 background: #fff;
}

/* PageSelector Start */ 
.pageSelector { 
overflow: hidden; 
padding: 15px 20px; 
} 
.pageSelector a, 
.pageSelector b { 
float: left; 
display: block; 
width: 35px; 
height: 35px; 
text-align: center; 
-webkit-border-radius: 35px; 
-moz-border-radius: 35px; 
border-radius: 35px; 
font: 90%/35px 'Roboto'; 
text-decoration: none; 
color: #555; 
background: #fbdcda; 
margin: 0 5px 0 0; 
} 
.pageSelector a:hover { 
background: #ddd; 
} 
.pageSelector .swchItemA { 
background: #9b0a55; 
color: #fff; 
font-weight: bold; 
cursor: not-allowed; 
}

/* Song list */
.songList { 
 margin: 0 0 20px;
 background: #fff;
 padding: 0px;
 border-radius: 3px;
 -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
 box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.h2-titlel {
 padding: 20px 20px;
 margin: 10px 0px;
 line-height: 50px;
 overflow: hidden;
 color: #9b0a55;
 font: bold 17px/1 'Roboto';
 border-bottom: 1px solid #e9e9e9;
 }
.h2-titlel span { color: #9b0a55;}
.h2-titlel a { color: #9b0a55;}
.h2-titlel i { color: #9b0a55;}

.h2-titlel12 {
 padding: 10px 10px 20px 20px;
 margin: 10px 0px;
 overflow: hidden;
 color: #9b0a55;
 font: bold 17px/1 'Roboto';
 border-bottom: 1px solid #e9e9e9;
 }

.songListi { 
 margin: 0 0 20px;
 background: #fff;
 padding: 0px;
 border-radius: 3px;
 -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
 box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
 overflow: hidden;
}

.songList ul,
.songList ul li {
 display: block;
 list-style: none;
 padding: 0;
 margin: 0;
}
.songList ul li {
 overflow: hidden;
 padding: 10px 15px;

}
.songList ul li:hover {
 background: #f1f2f4;
}
.songList ul li span {
 display: block;
}
.songList ul li .songImg1 {
 float: left;
 width: 80px;
 height: 40px;
 overflow: hidden;
 position: relative;
}
.songList ul li .songImg1 img {
 width: 80px;
 height: 40px;
 display: block;
}
.songList ul li .songImg {
 float: left;
 width: 40px;
 height: 40px;
 overflow: hidden;
 position: relative;
}
.songList ul li .songImg img {
 width: 40px;
 height: 40px;
 border-radius: 25%;
 display: block;
}
.songList ul li .songImg .songPlay {
 font-size: 20px;
 cursor: pointer;
 width: 40px;
 height: 40px;
 border-radius: 25%;
 background: rgba(0,0,0,0.2);
 color: #fff;
 position: absolute;
 left: 0;
 top: 0;
 text-align: center;
 line-height: 40px;
}
.songListyty ul li:hover .songImgtyty .songPlayytty {
 display: block;
}
.songList ul li .songInfo {
 float: left;
 padding: 0 0 0 5px;
}
.songList ul li .songInfo span {
 font: 70%/1 'Calibri light',Calibri,Tahoma,Arial;
}
.songList ul li .songInfo .songAuthor {
 font-weight: bold;
 font: 90%/1 'Calibri light',Calibri,Tahoma,Arial;
 padding: 2px 0 0;
 color: #33567f;
}
.songList ul li .songInfo .songAuthor a {
 font-weight: bold;
 color: #33567f;
 text-decoration: none;
}
.songList ul li .songInfo .songName {
 font-weight: bold;
 padding: 7px 0 0;
 color: #65686c;
}
.songList ul li .songInfo .songName a {
 color: #65686c;
 text-decoration: none;
}
.songList ul li .songTime {
 float: right;
 padding: 9px 0 0;
 color: #888;
}
.songList ul li .songIcons {
 float: right;
 padding: 11px 15px 0 0;
 font-size: 110%;
}
.songList ul li .songIcons a {
 color: #33567f;
 text-decoration: none;
}
.songList ul li .songIcons a:hover {
 color: #666;
}
.songList ul li .songIcons i {
 margin: 0 0 0 15px;
}
.songList ul li .songIcons i.icon-download {
 position: relative;
 top: 1px;
}

/* Song List */








.text-overflow{
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
}

.trans-on,
 .music-icon,
 .style-button,
 .header-icon,
 .menu,
 .menu .menu-item{
 -webkit-transition:all 175ms ease;
 -moz-transition:all 175ms ease;
 -o-transition:all 175ms ease;
 -ms-transition:all 175ms ease;
 transition:all 175ms ease;
}
.menu,
 .menu .menu-item,
 .search{
 -webkit-transition:all 350ms ease;
 -moz-transition:all 350ms ease;
 -o-transition:all 350ms ease;
 -ms-transition:all 350ms ease;
 transition:all 350ms ease;
}



.menu>.menu-item#menu-close{
 text-align:center;
 text-decoration:none!important;
 font-size:25px;
 white-space:nowrap;
}

.menu>.menu-item{
 width:100%;
 height:51px;
 line-height:50px;
 border-top: 1px solid #9ab0c6;
 color:#fff;
 text-align:center;
 font-size:18px;
 background-color:#5b7fa6;
 display:block;
 text-decoration:none!important;
 cursor: pointer;
}



.menu{
 width:100%;
 position: fixed;
 box-shadow:1px 1px 1px #444;
 bottom:none!important;

 
 top:50px;
 left:0;
 background-color:#5b7fa6;
 display:none;
 opacity:0;
}
.menu{
 max-height:80%;
 overflow-y:auto;
 overflow-x:auto;
}

#menu-close:before{
 font-family:'FontAwesome',Calibri,Tahoma,Arial;
 content:"\f00d";
 cursor: pointer;
}
.menu .menu-item:hover{
 background-color:#4f7299;
}
.menu .menu-item:hover:active{
 background-color:#fff;
 color:#00a8d9;
 opacity:1;
}
.menusearsh1 {
background: rgba(255,255,255,0.7);
color:#000;
text-decoration: ;
font-size:18px;
}

.header2 a.logo {display: none !important;}
.header2 {
 height:50px;
 line-height:50px;
 color: #fff;
 
 text-shadow: 0px 0px 9px #000;


 top:0;
 left:0;
 right:0;
 background: ;
 position: fixed;
 z-index:9;
 padding:0 60px;
}

.header {
 height:50px;
 line-height:50px;
 color: #fff;
 top:0;
 left:0;
 right:0;
 background: #597da3;
 position: fixed;
 z-index:9;
 padding:0 60px;
 box-shadow: 0 2px 3px -1px rgba(0,0,0,.12);
}
.header-icon{
 width:60px;
 height:50px;
 position:absolute;
 text-align:center;
 line-height:50px!important;
 font-size:25px!important;
 positionn:absolute;
 top:0;
}
.header-icon#menu-open{
 left:0;
 cursor: pointer;
}
.header-icon#search-open{
 right:0;
 cursor: pointer;
}


.unstyled-list {
 list-style-type: none;
}

.header-menu-list__item {
 background-color: #00a8d9;
 border-top: 1px solid #40bee3;
 color: #fff;
 font-family: arial,sans-serif;
 font-size: 20px;
 line-height: 48px;
 text-align: center;
 width: 100%;
}

.header-menu-list__item_close {
 height: 48px;
}

.logo {
 display:block;
 width:100%;
 overflow:hidden;
 text-align:center;
 font-size:25px;
 white-space:nowrap;
 text-decoration:none!important;
 color:#fff!important;
 font: 900 30px/50px 'Calibri light',Calibri,Tahoma,Arial;

}

.search {
 position: absolute;
 right:60px;
 left:60px;
 top:0;
 opacity:0;
 display:none;
 z-index:100;
 height:50px;
 overflow:hidden;
}
.search>input {
 outline:none!important;
 box-sizing: border-box;
 border-radius:6px;
 border:none;
 width: 100%;
 height:36px;
 margin:7px 0;
 text-indent:15px;
 display:block;
}


.music-container{
 height:50px;
 position:relative;
 display:block;
 overflow:hidden;
 text-decoration:none!important;
 margin:0 -10px;
}
.music-container:hover{
 background-color:rgba(100,100,100,0.25);
}

.music-data{
 padding:5px 0;
 height:40px;
 display:block;
}
.music-data,
 .music-data>*{
 color:#e62117;
}
.music-title{
 font-size:18px;
 font-weight: bold;
 height:20px;
 line-height:22px;
 color: #9b0a55;
}
.music-subtitle{
 font-size:16px;
 height:18px;
 line-height:18px;
 color:#787a6c;
 padding-top:5px;
}
.active .music-title,
.active .music-subtitle{
display:none;
}
.active .music-subtitlee1{
 font-size:17px;
 font-weight: lighter;
 height:18px;
 line-height:18px;
 color:#787a6c;
}
.active .music-no{
display:block;
}
.marquee{
white-space: nowrap;
animation: marquee 15s linear infinite;
}
.marquee:hover {
animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
 0% { text-indent: 27% }
 100% { text-indent: -100% }
}

.music-no{
display:none;
}

.audio-object-content a,
.music-data a{
text-decoration: none;

}


.music-icon{
 color:#00A8D9;
 width:30px;
 height:30px;
 box-sizing:border-box;
 line-height:28px !important;
 text-align:center;
 border-radius:50%;
 border:1px solid #00A8D9;
 font-size:16px!important;
 margin:10px;
}
.music-icon:hover{
 opacity:0.8;
}
.music-icon:hover:active,
 .music-icon.active{
 opacity:1;
 color:#fff;
 background:#00A8D9;
}

.music-play_button{
 float:left;
}
.music-play_button:before{
 padding-left:3px;
}

.music-download{
 width:26px;
 height:26px;
 line-height:26px!important;
 font-size:20px!important;
 position:absolute;
 top:0;
 right:1px;

 margin-top:12px;
 color: #9b0a55;
}

.style-button,
 .uf-btn{
 background:transparent;
 box-sizing:border-box;
 width:100%;
 height:42px;
 line-height:40px;
 border:1px solid #00A8D9;
 border-radius:5px;
 text-align:center;
 font-size:18px;
 margin:10px 0 15px 0;
 color:#00A8D9;
 display:block;
 text-decoration:none!important;
 outline:none!important;
}
.style-button:hover,
 .uf-btn:hover:active{
 background:#eee;
}
.style-button:hover:active,
 .uf-btn:hover:active{
 background:#00A8D9;
 color:#fff;
}

.style-button-container{
 overflow:hidden;
 height:42px;
 margin:10px 0 15px 0;
}
.style-button-container>*{
 float:left;
 width:calc(50% - 15px);
 margin:0 15px 0 0;
}
.style-button-container>:last-child{
 width:50%;
 margin:0;
}

.footer{
 padding:50px 0 0 0;
 box-sizing:border-box;
 width:100%;
 line-height:28px;
 font-size:16px;
}
.footer *{
 color:#888!important;
}
.footer a{
 display:block;
}
.footer-small-text{
 font-size:12px;
 line-height:22px;
}

.uf-btn{
 width:auto;
 display:inline-block;
 margin:0 10px 10px 0;
}

.music-page a{
 color:#00A8D9;
 text-decoration:none; 
}

.music-page a:hover{
 color:#00C5FF; 
}


.catPages2 {
 overflow: hidden;
 padding: 15px 20px;
}
.catPages2 a,
.catPages2 b {
 float: left;
 display: block;
 width: 50px;
 height: 50px;
 text-align: center;
 -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
 font: 90%/50px 'Roboto';
 text-decoration: none;
 color: #555;
 background: #fbdcda;
 margin: 0 5px 0 0;
}
.catPages2 a:hover {
 background: #ddd;
}
.catPages2 .swchItemA1 {
 background: #e7352c;
 color: #fff;
 font-weight: bold;
 cursor: not-allowed;
} 
/* PageSelector end */


.ao-block{
 height:38px!important;
 line-height:38px;
 padding:0!important;
}
.ao-block .music-download{
 margin:0;
}
.ao-block>.audio-object-content,
 .ao-block>.bitrate,
 .ao-block>.size,
 .ao-block>.duration{
 position:absolute;
 top:0;
 right:0;
}
.ao-block>.bitrate{
 top:2px;
 right:2px;
}
.ao-block>.size{
 right:36px;
}
.ao-block>.duration{
 right:104px;
}
.ao-block>.audio-object-content{
 left:0;
 bottom:0;
 padding:2px;
}
.sidebar__news:nth-of-type(3){
 padding:8px 6px 8px 2px!important;
}
 .header-2{
 display:block;
 font-size: 21px;
 margin: 0 0 10px 10px;
 font-family: 'Calibri light',Calibri,Arial;
}
.header-1{
 display:block;
 font-size: 24px;
 margin: 0 0 10px 0;
 font-family: Calibri,Arial;
}
.categories-toggle{
 overflow:hidden;
 margin:0 0 10px 0;
}
.categories-toggle>:not(.category-toggle){
 display:none;
}
.category-toggle{
 display:block;
 float:left;
 margin:0 10px 10px 0;
 border-radius:6px;
 font-size:14px;
 height:20px;
 line-height:20px;
 padding:0 5px;
 text-decoration:none;
 color:#444;
 border:none;
}
.category-toggle:hover{
 text-decoration:underline;
 color: #00a8d9;
}
.category-toggle:hover:active,
.category-toggle.active{
 background-color:#bbb;
 color:#fff;
 text-decoration:none;
}
.audio-object{}
.music-datat{
 max-width:calc(100% - 76px);
 text-overflow:ellipsis;
 overflow:hidden;
}
 .catPages1{
 width:100%!important;
 float:none!important;
 height:40px;
 padding:4px 0!important;
 }
 .catPages1>*{
 box-sizing:border-box;
 width:32px;
 height:32px;
 padding:0;
 display:inline-block;
 line-height:30px;
 border:1px solid #99DCF0;
 border-radius:50%;
 margin:0 10px 0 0;
 text-decoration:none!important;
 }
 
 .catPages1>a:hover{
 background:rgba(153, 220, 240, 0.3);
 }
 .catPages1>a:hover:active{
 background:#99DCF0;
 color:#fff;
 }
 .catPages1>*>span{
 box-sizing:border-box;
 display:block;
 width:100%;
 height:100%;
 padding:0;
 font:17px Calibri,Arial;
 line-height:30px;
 }