@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700&subset=latin,cyrillic);
div[id*="wprdv"],div[id*="ads"] {display:none!important}
html{ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body{margin:0; position: relative;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

#entryID438 {
width: 100%;
 padding-top: 20px;
 padding-bottom: 50px;
}

.advert_mp3mail img {
margin:8pt 0 0;
}
.advert_mp3mail img[src*="advert2.jpg"] {
display:none
}

#snow {position:fixed !important;width:100%;height:100%;top:0;left:0;bottom:0;right:0;z-index:-1}

#volume {margin: 3px 4px 0 0; float: right; background:linear-gradient(to right, #fff, #fff 50%, #222 50%, #222 ); z-index:10000;-webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%)}
#volume .ui-slider-range-min {background:linear-gradient(to right, #609ac9, #609ac9 50%, #222 50%, #222); border:none; outline:none}
#volume.bv { margin: -45px 8pt 0 0; float:right; background:linear-gradient(to right, #fff, #fff 50%, #222 50%, #222); z-index: 9999}
#volume.bv .ui-slider-range-min {background:linear-gradient(to right, #609ac9, #609ac9 50%, #222 50%, #222 );border:none; outline:none}
.min #volume.bv {margin: -30px 4px 0 0}
#volume, #volume .ui-slider-range-min,.bv#volume, .bv#volume .ui-slider-range-min {width:60px; height:24px;background-size:6px;cursor:pointer}

#p_setup {position: fixed !important;position: absolute;width: 300px;height: 100px;top: 50%;left: 50%;margin-top: -50px; margin-left: -150px; background: #222; z-index: 999999999; border-radius: 8px; color:#fff; display:none}
#p_setup div {padding: 10px 0 0 10px}
#p_setup div input {margin: 0 5px 0 0}
#plr-st-head {font: 300 14pt/14pt 'Cuprum', Arial, sans-serif;text-transform: uppercase;color:#dedede;padding: 5px 10px}

rect.pt-loading {transition: width 300ms ease-out;}
rect.pt-position {transition: width 50ms ease-out;}

#user_panel { float:right; margin:4px 0 0 0; font: normal 9pt/13pt Arial, sans-serif; text-transform: none; white-space: nowrap; vertical-align:top; overflow:hidden}
#user_panel_avatar { float: left; margin:0 10px 0 0;}
#user_panel img { max-width: 35px; max-height: 35px; border-radius: 100%;}
#user_panel_pp { color:#00c6ff;}
#user_panel_q,#ifnewpm,#ifnewpm_yes { float:right}
#ifnewpm,#ifnewpm_yes {font-size:10px}
#ifnewpm a, #ifnewpm_yes a {color:#fff}
#ifnewpm .no {opacity:.3}
#ifnewpm_yes { -webkit-animation: blink 1s linear infinite; -moz-animation: blink 1s linear infinite; animation: blink 1s linear infinite;}
@keyframes blink { 0% { background:#fff} 100% { background:red}} @-webkit-keyframes blink { 0% { background:#fff} 100% { background:red}}

#feedback {
 display:none;
 top: 50%;
 left: 50%;
 position: absolute;
 position: fixed !important;
 background: #333;
 padding: 10px;
 border-radius: 8pt;
 width: 500px;
 height: 350px;
 margin: -175px 0 0 -250px;
 z-index: 11;
 color:#fff;
}

#feedback select,#feedback input {color:#000}
#feedback textarea {color:#000}

.btn {
 display: inline-block;
 padding: 6px 12px;
 margin: 6pt 8pt 0 0;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.42857143;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 -ms-touch-action: manipulation;
 touch-action: manipulation;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px;
 background: #ddd;
}
.btn:hover,#styles li:hover {background: #0061b0;color:#fff;cursor:pointer}

.btn.red {background: #df9191;color:#fff}
.btn.red:hover {background: #da3e3e}


html {
 overflow-y: scroll;
}

body {
 font: normal 9pt/13pt Arial, sans-serif;
 color: #202020;
 background: #22313d;
}

h1,
h2,
h3 {
 font: 300 19pt/19pt 'Cuprum', Arial, sans-serif;
 text-transform: uppercase;
 margin: 0;
 padding: 0
}
a {
 text-decoration: none;
 color: #006699
}
a:visited {
 color:#7B8092;
}
.c {
 clear: both
}
.page {
 width: 1340px;
 margin: 0 auto
}
#menu {
 width: 100%;
 height: 44px;
 background: #000;
 position: relative;
 z-index: 222;
 border: 1px solid #3a3e46;
 border-bottom-right-radius: 10px;
 border-bottom-left-radius: 10px;
 text-transform: uppercase;
}
#menu ul,
#menu ul li,
#menu ul li a {
 margin: 0;
 padding: 0;
 border: 0;
 list-style: none;
 line-height: 1;
 display: inline-block;
 position: relative;
 font: 900 12pt/33pt 'Cuprum', Arial, sans-serif;
 text-decoration: none;
 color: #898989;
 transition: top 500ms ease-in-out, opacity 600ms ease-in-out;
}
#menu li a span {
 margin: 0 30px
}
.active a span {
 color: #fff
}
.active a {
 background: #292929;
 border-bottom-left-radius: 7px
}
#menu li {
 background: url(/i/mb.png) 0 50% no-repeat;
 float: left
}
#menu li:hover {
 background: url(/i/mb.png) #292929 0 50% no-repeat;
 transition: background 0.33s
}
#menu li:hover a {
 color: #fff
}
#menu li:first-child:hover {
 background: #292929;
 color: #fff
}


#menu li ul {
 width: 216px;
 position: absolute;
 z-index: -1 !important;
 background: #000;
 top: -500px;
 *float: left; 
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
}


#menu li ul li:last-child:hover {
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
}
#menu li ul li {
 width: 100%
}
#menu li ul li a{
 padding: 0 0 0 30px
}
#menu li:hover ul {
 top: 44px;
}
#home span {
 text-indent: -9999px;
 display: block;
 width: 14px;
 height: 44px;
 background: url(/i/home.png) no-repeat;
 background-position: center;
 margin: 0 20px !important
}
#logo {
 vertical-align: middle;
 float: right;
 padding: 8px 15px 0 0;
}
#logo img {float: right}
#info {
 color: #f0f0f0;
 font-weight:900;
 min-height:28px;
text-align:center;
width:100%;
}
#info img {max-width:100%}



.content {
 width: 1284px;
 background: url(/i/cb.png) #f1f1f1;
 margin: 0 auto;
 border-top-right-radius: 10px;
 border-top-left-radius: 10px;
 /*box-shadow: 0px 0px 22px 0px rgba(50, 50, 50, 1);*/
 padding:28px;
}

.content:after{
 content: '';
 display: block;
 clear: both;
}

#left {
 width: 728px;
}
#left,#center {
 margin-right: 28px;
}
#center, #right {width: 250px}

#walli {
 margin: 23px 28px 22px 0
}
#left,
#center,
#right {
 float: left
}
.track {
 padding: 12pt;
 margin: 12pt 0 0;
 height: 400px;
 overflow: hidden;
 background: #fff;
 border-radius: 10px;
 -webkit-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.27);
 -moz-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.27);
 box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.27)
}
.tracki img {
 width: 400px;
 height: 400px;
 border-radius: 5px
}

#tracks {
 padding: 0;
 margin: 0
}

.u-mpanel-l li {width: 18px!important;height:16px!important}

#tracks li {
 padding: 10px 0;
 border: 0;
 list-style: none;
 height: 150px;
 width: 100%;
 position: relative;
 border-bottom: 1px solid #dedede;
}



li.pplay {
 background:#0D4776; 
 color: #fff;
 border-top-right-radius:10px;
 border-bottom-right-radius:10px;
 position:relative !important;
 padding:10px 10px 10px 28px!important;
 margin:0 0 0 -28px!important;
 box-shadow: 0px 0px 19px 0px rgb(14, 14, 14);
 border-bottom: 1px solid #0D4776!important;
}

.t100.pplay {
 background:#dedede !important; 
 position:relative !important;
 padding:0px 0px 0px 28px!important;
 margin:0 0 0 -28px!important;
 -webkit-box-shadow: 0px 0px 19px 0px rgba(235,235,235,1);
 -moz-box-shadow: 0px 0px 19px 0px rgba(235,235,235,1);
 box-shadow: 0px 0px 19px 0px rgba(235,235,235,1);
}

.t100.pplay .tc{opacity:1!important}

.controls {
 width: 478px;
 margin: 0 10px;
 border-radius: 10px
}
.tn,.nn {
 font: 19pt/28pt 'Cuprum', Arial, sans-serif;
 width: 598px;
 padding:0 0 10px
}

.ea {font-weight:900}
.nn {
 width: 360px;
 height: 20px;
 display: block;
 line-height: 1;
}

.nota {background:#f6e9e9;border-top-right-radius:10px;border-bottom-right-radius:10px;position:relative !important;padding:10px 10px 10px 28px!important;margin:0 0 0 -28px!important;}
.notact, .exs {
 position:absolute;
 width:24px;
 height:172px;
 display:block;
 text-indent: -9999px;
 margin-left: -52px;
 z-index:10
}

.notact {
 background-image: url('/i/notact.png');
}
.exs {
 background-image: url('/img/exs.png');
}

div [id*=entryID]:hover .pt-link {opacity:1!important} 

.tn a {color:#000;line-height: 0.9;}
.tn a:first-line {line-height: 2.5;}
.tn,
.tc {

 display: block
}

.tn a:visited {color:#91a4b9}

.tc {
 position: absolute;
 margin-left: 578px
}
.tc img {
 width: 150px;
 height: 150px
}
.ti {
 font: normal 9pt/13pt Arial, sans-serif;
}

.ts {
 font-weight:900;
 color:#96B51E;
}

.rd {
 float:right;margin:0 178px 0 0
}

.et {display:none}

.playlist .pt-link {
 width:150px;
 height:150px;
 display:block;
 text-indent: -9999px;
 position:absolute;
 margin-left: 578px;
 z-index:10;
 background-image: url('/i/sprite.png');
 background-position: 0px -18px;
 opacity:.1;
 transition: opacity 300ms ease-out;
} 
.pt-link:hover {
 opacity:.5
}

div [id*=entryID]:hover .pt-link {} 
div [id*=entryID]:hover .et {display:block;}

.pt-link.zi {
 display:inline-block;
 text-indent: 0px;
 position:relative;
 width:auto;
 height:auto;
 margin-left: 0;
} 
.pt-link.pt-playing
{
 background-position: -150px -18px;
}

.pplay .tn a{
 color:#fff!important
}
.pplayed .tn a{
 color:#a9a9a9 !important
}

.bignews div {
 display: inline-block;
 vertical-align: top
}
.bignews {
 padding: 12pt;
 margin: 12pt 0 0;
 height: 265px;
 overflow: hidden;
 background: #fff;
 border-radius: 10px;
 -webkit-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.27);
 -moz-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.27);
 box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.27)
}
.bignews div {
 display: inline-block;
 vertical-align: top
}
.bignewst {
 position: absolute;
 width: 199px;
 text-align: justify;
 padding: 0 12pt 12pt;
 display: table-cell;
 vertical-align: bottom;
}
#bignewstt {
 padding-top: 3px
}
.bignewsi img {
 width: 400px;
 height: 265px;
 border-radius: 5px
}
.topic {
 font: 19pt/19pt 'Cuprum', Arial, sans-serif;
 color: #000;
 text-decoration: none;
 line-height: 19pt
}
.mlist {
 margin: 8pt 0 0;
 padding: 0;
 list-style: none;
 overflow: hidden
}
.mlist li {
 white-space: nowrap;
 color: #57a1c7
}
#walli {
 z-index: 3;
 float: left;
 width: 528px
}
#wallii {
 margin-top: 8pt;
 overflow: hidden
}

#wallii a {
 margin: 0 0 0 4px;
}
#wallii img {
 
 border: 1px solid #b8b8b8;
 border-radius: 10px;
 width:125px;height:71px;
}
#wallii img:first-child {
 margin: 0
}
/*#topb,
#mchattt,*/
#lci,
#mi {
 margin: 8pt 0 0 0
}

#lci iframe{
max-width: 239px!important;
max-height: 154px!important}

.addheight {margin: 155px 0 0 0!important}
.addheight2 {height: 101px!important}
#recom.addheight {margin: 0 !important}
#recom {
 margin: 8pt 0 8pt;
}
#recot img {
 border-radius: 10px;
 margin: 8pt 0 8pt;
 width: 250px;
 -webkit-filter: grayscale(100%);
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 /* Firefox 3.5+ */
 
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 -o-transition: all 1s;
 transition: all 1s;
}
#recot:hover img {
 -webkit-filter: grayscale(0%);
 filter: none
}
#recot a {
 font: 300 19pt/19pt 'Cuprum', Arial, sans-serif;
 text-transform: uppercase;
 text-decoration: none;
 color: #57a1c7
}
#top10 ol {
 list-style: none;
 margin: 8pt 0 0;
 padding: 0;
 text-align: left;
 list-style: none;
 counter-reset: point
}
#top10 ol,
#top10 li {} #top10 ol li {
 position: relative;
 display: list-item;
 font: normal 9pt/13pt Arial, sans-serif;
 height: 27pt;
 overflow: hidden;
 font: normal 9pt/13pt Arial, sans-serif;
 border-bottom: 1px dashed #dedede;
 vertical-align: middle;
 padding: 0 0 0 45px;
 color: #57a1c7
}
#top10 ol:hover li:before {
 background: #202020;
 transition: background .5s
}
#top10 ol li:hover {
 background: #dedede;
 color: #202020;
 transition: background .5s;
 border-radius: 20px;
 position: relative
}
#top10 ol li:hover:before {
 background: #fff;
 color: #202020;
 transition: background .5s
}
#top10 ol li:before {
 content: counter(point);
 counter-increment: point 1;
 font: normal 13pt/13pt 'Cuprum', Arial, sans-serif;
 position: absolute;
 left: 5px;
 background: #44494f;
 font-weight: 900;
 border-radius: 14px;
 text-align: center;
 width: 28px;
 height: 22px;
 top: 4px;
 padding: 6px 0 0 0;
 color: #fff;
}
#top10 ol div {
 font: normal 13pt/13pt 'Cuprum', Arial, sans-serif;
 position: absolute;
 left: 5px;
 background: #44494f;
 font-weight: 900;
 border-radius: 14px;
 text-align: center;
 width: 28px;
 height: 22px;
 top: 4px;
 padding: 6px 0 0 0;
 color: #fff;
 box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

#top10t {
 width: 100%;
 margin-top: 11px;
}

#top10t span {
 display: inline-block;
 width: 123px;
 text-align: center;
 background: #dedede;
 padding: 5px 0;
 cursor:pointer;
}

#top10t span.this, #top10t span:hover {
 background:#0061b0;
 color:#fff
}




.schat {} .bchat {
 width: 528px;
 transition: all 1600ms;
}
.ulog {
 font: 900 13pt/13pt 'Cuprum', Arial, sans-serif;
}
.mcMessage {
 border-bottom: 1px dashed #dedede;
}
.chmam2 {
 background: #efefef
}
#dfs {
 color: #57a1c7;
 color: #44494f
}
#top10 ol {
 z-index: expression(runtimeStyle.zIndex 1, function(node) {
 var list node.childNodes, i list.length;
 while(i--) {
 if(list[i].nodeType= 1) {
 list[i].insertAdjacentHTML('afterBegin', '<div>'+(i+1)+'</div>')
 }
 }
 }
 (this));
 )
}

#addbm {position:absolute;z-index:99;margin-left:678px}
#addbm img {width:50px}
.vinyl {
 margin: 8pt 0 0 0;
 height: 420px
}
.cover {
 position: absolute;
 z-index: 6;
background:#fff;
 -webkit-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.27);
 -moz-box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.27);
 box-shadow: 9px 9px 30px 0px rgba(50, 50, 50, 0.27)
}
.cover,
.cover img,
.record {
 width: 400px;height: 400px
}
.record {
 margin: 0 0 0 80px;
 overflow: hidden;
 transition: margin 600ms cubic-bezier(0.47, -0.05, 0.21, 1.43);
 -o-transition: all 600ms cubic-bezier(0.47, -0.05, 0.21, 1.43);
 -moz-transition: all 600ms cubic-bezier(0.47, -0.05, 0.21, 1.43);
 -webkit-transition: all 600ms cubic-bezier(0.47, -0.05, 0.21, 1.43);
 
}
.record div {
 width: 400px;
 height: 400px;
 position: absolute;
 background-size: cover
}
.in {
 margin: 0 0 0 320px !important
}
.record_bck {
 z-index: 1;
 background: url('/i/svinyl.png') no-repeat;
}
.cover2 {
 z-index: 2;
 background-repeat: no-repeat;
 border-radius: 130px;
 width: 200px!important;
 height: 200px!important;
 margin: 100px 0 0 100px!important;
 
}
.record_mdl {
 z-index: 3;
 background: url('/i/svinyl_2.png') no-repeat;
}
.record_tp {
 z-index: 4;
 background: url('/i/svinyl_3.png') no-repeat;
}
.circle .record_mdl,
.circle .cover2 {
 -webkit-animation: preloader 3s infinite linear;
 -moz-animation: preloader 3s infinite linear;
 -ms-animation: preloader 3s infinite linear;
 -o-animation: preloader 3s infinite linear;
 animation: preloader 3s infinite linear;
}
@-webkit-keyframes preloader {
 to {
 -webkit-transform: rotate(360deg);
 }
}
@-moz-keyframes preloader {
 to {
 -moz-transform: rotate(360deg);
 }
}
@-ms-keyframes preloader {
 to {
 -ms-transform: rotate(360deg);
 }
}
@-o-keyframes preloader {
 to {
 -o-transform: rotate(360deg);
 }
}
@keyframes preloader {
 to {
 transform: rotate(360deg);
 }
}
#player {} #player_button,
#wf {
 float: left
}
#player_button {
 width: 30px;
 height: 30px;
 background: #000;
 font-size: 15pt;
 color: #fff;
 border-top-left-radius: 10px;
 text-align: center;
 line-height: 30px;
}
#p_button {
 margin: 1px;
 width: 28px;
 height: 28px;
 border-radius: 28px;
 background: #fff;
 color: #000;
}
#wf {
 width: 531px;
 height: 30px;
 background-repeat: no-repeat;
 background-color: #000;
 background-size: 531px 30px;
}
#download {
 width: 95px;
 height: 30px;
 font: 200 19pt/19pt 'Cuprum', Arial, sans-serif;
 text-align: center;
 line-height: 30px;
 float: right;
 border-top-right-radius: 10px;
 cursor:pointer
}

#download a {color: #fff;display:block!important}

#need_enable_adblock img {width:728px;height:90px}

.style span {
 display:inline-block;
 background:#000;
 color:#fff;
 padding:2px 5px;
 margin:0 2px;
 border-radius:3px;
 font:600 9pt Arial;
 }
.dark .style span {
background:#353A3F
}
 #tinfo {
 position: relative;
 padding: 10px;
 width: 708px;
 height: 66px;
 background-color: rgb(1, 0, 1);
border:1px solid #dedede;
border-top:none;
transition: backgorund 300ms ease-out;
 }
 #rate {
position: absolute;
 width: 280px;
 height: 30px;
 bottom: 8px;
 right: 10px;
 font: 300 16pt/19pt 'Cuprum', Arial, sans-serif;
 }
 #choice {
 float:right;
 margin: -2px 0 0 0;
 }
#choice select {color: #000;}
 #tinfo {
 padding: 10px;
 width: 706px;
 border-radius: 0 0 10px 10px;

 }
 #tinfo.dark {color:#dedede!important}
 #tinfo.light {color:#333!important}

 .t_par {
 display:block;
 margin-top:5px;
font-weight:900;
 }
 .t_add a {
 font-weight: 600;
 }
 .dark .t_add a {
 color: #05c6ff;
 text-shadow: 0px 0px 8px rgb(0, 0, 0);
 }
 .light .t_add a {
 color: #0a5097;
 }









/*Переключатели*/

#chat-size,#com-sort {
 position: absolute;
 width: 55px;
 margin: 5px 0 0 440px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}

#chat-size:before, #com-sort:before {
 position: absolute;
 text-shadow: 0px 1px 0px #fff;
 filter: dropshadow(color=#fff, offX=0, offY=1);
 color: #9e9e9e;
}

#chat-size:before {
 content: "большой чат";
 width: 100px;
 margin: -1px 0 0 -80px;
}

#com-sort:before {
 content: "сортировка комментариев по рейтингу";
 width: 300px;
 margin: -1px 0 0 70px;
}



.chat-size-big, #comments .on{
 margin: -20px 0 0 468px !important
}
.onoffswitch-checkbox {
 display: none;
}
.onoffswitch-label {
 display: block;
 overflow: hidden;
 cursor: pointer;
 border: 2px solid #999999;
 border-radius: 8px;
}
.onoffswitch-inner {
 display: block;
 width: 200%;
 margin-left: -100%;
 transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
 display: block;
 float: left;
 width: 50%;
 height: 10px;
 padding: 0;
 line-height: 10px;
 font-size: 9px;
 color: white;
 font-family: Arial, sans-serif;
 font-weight: bold;
 box-sizing: border-box;
}
.onoffswitch-inner:before {
 content: "ВКЛ";
 padding-left: 5px;
 background-color: #57A1C7;
 color: #FFFFFF;
}
.onoffswitch-inner:after {
 content: "ВЫКЛ";
 padding-right: 5px;
 background-color: #2E2E2E;
 color: #CCCCCC;
 text-align: right;
}
.onoffswitch-switch {
 display: block;
 width: 7px;
 margin: 1.5px;
 background: #FFFFFF;
 position: absolute;
 top: 0;
 bottom: 0;
 right: 41px;
 border: 2px solid #999999;
 border-radius: 11px;
 transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
 margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
 right: 0px;
}

/*описание*/
.brief {text-align:center;background:#fff;border:1px solid #dedede}
#lastnews iframe[src*="youtube"], .brief iframe[src*="youtube"] {height:410px!important;width:728px!important}
#lastnews iframe[src*="youtube"], .brief iframe[src*="youtube"] {height:410px!important;width:728px!important}

/*---описание---*/

/*Комментарии*/

#message {
 width: 685px !important;
 height: 80px !important;
 font: normal 9pt/13pt Arial, sans-serif !important;
 border-radius: 10px;
padding:10px;
}

.com {
 border: 1px solid #dedede;
 border-radius: 10px;
 padding: 8pt;
 margin: 8pt 0
}

.com.cBlock2 {
 background:#e2e2e2
}
.com_info,
#player {
 cursor: default;
 -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 */
}
.com_rating,
.com_u_name {
 font-weight: 900
}
.com_u_name {
 color: #0a5097;
}

.plus {color:#8ebc18}
.plus:before {
 content: "+"
}

.minus:before {
 content: "-"
}

.comm_link:before {
 content: "# "
}
.com_rating,
.cvote,
.com_av {
 float: left
}
.cvote {
 display: inline-block;
 width: 18px;
 height: 8px;
 cursor: pointer;
}
.good {
 background-image: url('/i/sprite.png');
 background-position: 0px 0px;
 margin: 4px 0 0 5px;
}
.good:hover {
 background-position: 0px -9px
}
.bad {
 background-image: url('/i/sprite.png');
 background-position: -18px 0px;
 margin: 4px 5px 0 0;
}
.bad:hover {
 background-position: -18px -9px
}
.com_av {
 width: 15px;
 height: 15px;
 border-radius: 2px;
 margin-top: 1px;
 padding: 0 5px 0 0;
}
.com_date {
 color: #777;
 padding: 0 8pt
}
.repeat_link {
 padding: 8pt 0 0;
}
.repeat_link a{
 color: #57a1c7
}
.com_text {padding:8pt 0 0 }
.com_text img{max-width:100%}
.com-order-block {display:none}

.com object[data*=youtube] {width:100% !important}

.wysibb-texarea {width:100% !important}


/*Загрузчик*/
#loader {
 display:none;
 margin: 0 auto;
 padding: 5px 0;
 position: relative;
 font: normal 18px/1em Helvetica, Arial, sans-serif;
 text-transform: uppercase;
 color: #555;
}
#loader:after {
 content: "";
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 -moz-animation: wormsPong cubic-bezier(0.77, 0, 0.175, 1) 0.8s infinite;
 -webkit-animation: wormsPong cubic-bezier(0.77, 0, 0.175, 1) 0.8s infinite;
 animation: wormsPong cubic-bezier(0.77, 0, 0.175, 1) 0.8s infinite;
 background-color: #000;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 4px;
 height: 4px;
}

@-moz-keyframes wormsPong {
 25% {
 width: 100%;
 }
 50% {
 width: 0;
 left: auto;
 right: 0;
 }
 75% {
 width: 100%;
 }
 100% {
 width: 0;
 right: auto;
 left: 0;
 }
}
@-webkit-keyframes wormsPong {
 25% {
 width: 100%;
 }
 50% {
 width: 0;
 left: auto;
 right: 0;
 }
 75% {
 width: 100%;
 }
 100% {
 width: 0;
 right: auto;
 left: 0;
 }
}
@keyframes wormsPong {
 25% {
 width: 100%;
 }
 50% {
 width: 0;
 left: auto;
 right: 0;
 }
 75% {
 width: 100%;
 }
 100% {
 width: 0;
 right: auto;
 left: 0;
 }
}

#loader {
 position: absolute;
 top: 50%;
 left: 50%;
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 
 position: fixed;
 -webkit-transform: translateZ(0)
 z-index: 1000;
 left: 50%;
 top: 50%;
 margin: -25px 0 0 -25px;
 
}

/*--Загрузчик*/

/*стили*/
#styles {
 margin:0 0;
 width:728px;
 display:none;
 
}

select[name="filter1"] {font: 300 19pt/19pt 'Cuprum', Arial, sans-serif;}
select[name="filter2"]{}
.filterBlock {height:240px;padding:8pt 0 }
.filterBlock:nth-child(1) {height:53px;padding:8pt 0 }

.filterBlock2 ,.filterBlock2 .column {float:left;}

.newselectbox {
 margin:0;padding:0 0 8pt;
 border-bottom:1px solid #dedede;
 list-style:none;
 
}

#styles li {
 width:145px;
 margin:0;padding:1px 0px;
 vertical-align:top
}

#styles li[value='0']{
 display:none;
}

.st {width:145px;display:inline-block;vertical-align:top}
/*стили*/

/*плеер*/

#sm2-container {position:fixed;top:0;left:0;width:1px;height:1px;overflow:hidden}
a[data-id] {cursor:pointer}
#wave canvas {width:1500px;height:100px;position:absolute;left:0}
.pt-controls-wrapper {border:0px solid #dedede}
*a[data-id] {display:none}

/*поиск*/
#search input[type="text"] { 
 background: #fcfcfc; 
 border: 1px solid #d1d1d1; 
 color: #bebebe; 
 width: 150px; 
 padding: 6px 15px 6px 35px; 
 border-radius: 20px; 
 text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); 
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; 
 transition: all 0.7s ease 0s; 
} 

#search input[type="text"]:focus { 
 width: 200px; 
 
}

#wrap {
 height: 32px;
 float: right;
 position: relative;
 margin-top:-32px;
}

#wrap input[type="text"] {
 height: 32px;
 display: inline-block;
 font-weight: 100;
 border: none;
 outline: none;
 color: #555;
 padding: 3px;
 padding-right: 60px;
 width: 0px;
 position: absolute;
 top: 0;
 right: 0;
 background: none;
 z-index: 3;
 transition: width .7s cubic-bezier(0.000, 0.895, 0.000, 1.000);
 cursor: pointer;
 font: 300 19pt/19pt 'Cuprum', Arial, sans-serif;
}

#wrap input[type="text"]:focus:hover {
 border-bottom: 1px solid #BBB;
}

#wrap input[type="text"]:focus {
 width:350px;
 z-index: 1;
 border-bottom: 1px solid #BBB;
 cursor: text;
}
#wrap input[type="submit"] {
 height: 32px;
 width: 32px;
 display: inline-block;
 float: right;
 background: url('/i/search.svg') center center no-repeat;
 text-indent: -10000px;
 border: none;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 cursor: pointer;
 
 cursor: pointer;
 transition: opacity .4s ease;
}

#wrap input[type="submit"]:hover {
 
}
.bl{display:none}

.hideme
{
 
}

#u_playlist {position:fixed;-webkit-transform: translateZ(0);top:100px;left:0;height:500px;width:250px;background:#222;z-index:50;overflow-y:scroll}
#u_playlist a {color:#fff}
#u_playlist .plimg {display:table-row;vertical-align:middle;}
#u_playlist .plimg img{width:50px;float:left} 
#u_playlist .pt-link {display:block;}
#u_playlist a[href*='clubtone.net/load'],
#u_playlist a[href*='clubtone.do.am/load'] {float:right}

#stop {position:fixed;-webkit-transform: translateZ(0);width:100%;height:100%;background:#000;color:#fff;z-index:9999}

#more {
 display:block;
 padding:10px;
 background:#dedede;
 text-align:center;
 color:#111111;
}

/*новости*/

.nwArchive div[id*="entryID"],
.page1 div[id*="entryID"] {
 float:left;
 width:350px;
 overflow:hidden;
}
.nwArchive div[id*="entryID"]:nth-child(odd),
.page1 div[id*="entryID"]:nth-child(odd) {
 margin-left: 28px;
}

.news_post {
 float: left;
 width: 350px;
 height: 320px;
}

.news_post:nth-child(2n) {
 /*background: #d1d1d1;*/
 margin-left:28px;
}

.news_post img {
 min-width:100%;
 max-width:100%;
 height:161px !important
}

#main_page_news p {
 text-indent: 1.5em;
}

/*--новости--*/


/*Снег
html {
height: 100%;
}

body {
width: 100%;
height: 100%;
}

.svg-snowscene {
width: 100%;
position:fixed;
z-index:-1;
}

.snow {
fill: #fff;
animation-name: snowing;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-out;
}
.snow:nth-child(2n) {
animation-delay: 1.5s;
}
.snow:nth-child(3n) {
animation-delay: 2.3s;
animation-duration: 3.3s;
}
.snow:nth-child(4n) {
animation-delay: 0.8s;
animation-duration: 3.2s;
}
.snow:nth-child(5n) {
animation-delay: 2.8s;
}

@keyframes snowing {
0% {
fill-opacity: 1;
}
100% {
fill-opacity: 0;
transform: translateY(200px);
}
}
снег*/



/*=======================кнопки плеера=====================*/
@font-face {
 font-family: 'FontAwesome';
 src: url('/sm/fonts/fontawesome-webfont.eot');
 src: url('/sm/fonts/fontawesome-webfont-iefix.eot') format('embedded-opentype'), url('/sm/fonts/fontawesome-webfont.woff') format('woff'), url('/sm/fonts/fontawesome-webfont.ttf') format('truetype'), url('/sm/fonts/fontawesome-webfont.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

.slider, .fa, #chat_but a, #ch_sml a{
 display: inline-block;
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.slider:before {
 content: "\f028";
}
.fa-play-circle-o:before {
 content: "\f01d";
}

.fa-play:before {
 content: "\f04b";
}

.fa-play-circle:before {
 content: "\f144";
}

.fa-youtube-play:before {
 content: "\f16a";
}

.fa-pause:before {
 content: "\f04c";
}

.fa-step-backward:before {
 content: "\F049";
}

.fa-step-forward:before {
 content: "\F050";
}

#setting_chat a:before, .fa-cog:before {
 content: "\f013";
}

.fa-smile-o:before {
 content: "\f118";
 font-size: 17px;
}

.sound_on:before {
 content: "\f028 ";
}

.sound_off:before {
 content: "\f026 ";
 margin:0 7px 0 0
}

#chat_nw:before {
 content: "\f08e";
}

.fa-download:before {
 content: "\f019";
}

#plr-st-close {
 float:right;
 padding:5px 10px 0 0!important;
 cursor:pointer
}

.fa-close:before {
 content: "\f00d";
 font-size:20px;
 width:25px;height:30px;
}

/*===============================================*/

.selector {
 padding:0 0 0pt 0;
 margin:0;
 text-align:right;
 border-bottom: 1px solid #dedede;
}

.no_selector {
 border-bottom: 1px solid #dedede; 
 padding:0 0 8pt 0;
}

.swchItemA,.swchItem {
 background:#dedede;
 color: #555;
 display: inline-block;
 font-size: 10pt;
 margin: 0 4px 10px;
 text-align: center;
 text-decoration: none;
 width: 40px;
 border-radius:5px;
 line-height:38px;
}

.swchItemA:hover,
.swchItem:hover {
 background:#0061b0;
 color:#fff
}

.pagesBlockuz1 a:last-child {
 margin: 0 0 10px 4px
}

.sortBlock23 {
 display:block;
 text-align:center;
 color:#dedede;
 padding:10px;
 
}

.sortBlock23 a {
 padding:10px 23px;
 
}

.sortBlock23 a:hover {
 background:#dedede;
}

.sortBlock23:before { 
 content: "Сортировать по: ";
 color:#000; 
 padding:10px 23px;
}

.playlist {padding:8pt 0 0pt 0;}



/*=======================топ 100 ====================*/
.page41,.page45,.page48 {
 counter-reset: heading;
 padding:8pt 0 0 0;
}

.t100 {
 border-bottom:1px dashed #dedede;
 vertical-align: middle;
 overflow:hidden;
 white-space: nowrap;
 position: relative;
}

.t100 .topEntryName{
padding-left: 100px;
}

.t100:hover {background:#dedede}

#top100m {
 counter-reset: section;
}

#top100m .tc, .page41 .tc, .page48 .tc {
 
 margin-left:0px;
 width:100px;
 height:100px;

 opacity:0.1;

}
#top100m .tc img,.page41 .tc img,.page48 .tc img {
 width:100px;
 height:100px;
}

#top100m .pt-link,
.page41 .pt-link,
.page48 .pt-link {
 position: absolute;
 width: 70px;
 height: 70px;
 margin: 15px 14px 15px 15px;
 content: "";
 background: url(/i/play-button-.png) no-repeat 0 0;
 background-size: 100%;
 opacity: .3;
 text-indent: 100%;
 overflow: hidden;
}

.pplay .tc, #top100m .tc:hover::before, .page41 .tc:hover::before,.page48 .tc:hover::before {
 opacity:1
}

#top100m .t100:hover .tc,.page41 .t100:hover .tc,.page48 .t100:hover .tc {
 opacity:1
}

.topEntryName a{
 font: 19pt/28pt 'Cuprum', Arial, sans-serif;
 position:relative;
 line-height:100px;
 padding-left:20px;
}

.t100:before {
 counter-increment: section;
 content: counter(section) " ";
 font-size:200%;
 position:absolute;
 width:100px;
 height:100px;
 line-height:100px;
 text-align:center;
}


.t100::after {
 content: ''; 
 position: absolute; 
 right: 0; top: 0;
 width: 70px;
 height: 100%;
 background: -moz-linear-gradient(left, rgba(244,244,244, 0), #EFEFEF 100%);
 background: -webkit-linear-gradient(left, rgba(244,244,244, 0), #EFEFEF 100%);
 background: -o-linear-gradient(left, rgba(244,244,244, 0), #EFEFEF 100%);
 background: -ms-linear-gradient(left, rgba(244,244,244, 0), #EFEFEF 100%);
 background: linear-gradient(to right, rgba(244,244,244, 0), #EFEFEF 100%);
}

.t1s {
 font-weight:900;
 position:relative;
 margin:-25px 0 0 100px;
 color:#8AAF1D;
 float:right;
 z-index:10;
}

.t1s:after{
 content: '';
 display: block;
 clear: both;
}

.topLoadsEntry {
 display:none
}

#photo_album li {list-style:none;}


.w span {display:block}
.w {width:100%;opacity:.9;height:173px}
.w:hover{opacity:1}
.w img{width:252px;height:137px}
ul.allEntriesTable {margin:0;padding:0}


.wAvtor {background:#ff4e00; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding: 1px 5px; color:#fff; font-size:10px; vertical-align:middle; display:none;}

/*Realtones*/
#phone {
 width:728px;
 height:362px;
 background:url('http://clubtone.ucoz.club/img/phone.png');
}

@keyframes scroll {
 0% {
 transform: translate(0, 0);
 }
 100% {
 transform: translate(-100%, 0)
 }
}

#rname {
 position:absolute;
 color:#fff;
 font: 300 19pt/19pt 'Cuprum', Arial, sans-serif;
 text-transform: uppercase;
 padding-left: 0;
 width:528px;
 white-space:nowrap;
 overflow:hidden;
 margin: 50px 0 0 90px;
}

#rname span {
 display: inline-block;
 padding-left: 100%;
 animation: scroll 25s infinite linear;
}


/*Footer*/
#footer {
 background:url(/i/cb.png) #f1f1f1;
 color:gray;
 margin:0 auto;
 width:1284px;
 padding:28px 28px 124px;
 border-top:1px dashed #dedede
}
#footer ul {padding:0;margin:0}
#footer ul li {list-style:none}
#footer div {display:inline-block;vertical-align: top}
#olinks {width:200px;}
#olinks li {cursor:pointer}
#aboutus {width:523px;text-align:justify}




/* Белый вариант последних комментарий 
------------------------------------------*/ 
.last_comment_os { 
 overflow: hidden; 
 margin: 5px 0px 15px 0px;
} 



.last_comment_t {font-weight:600}

.lc_message { 
 padding:5px; 
 background: #F6F6F6; 
 border: 1px solid #dedede; 
} 

.lc_message img {max-width:100px;}

.lc_uzer { 
 float:left; 
 text-align:right; 
 width:250px; 
 position: relative 
} 

.lc_ugol { 
 position:absolute; 
 float:right; 
 background: url(http://wallaby.ucoz.ru/_ph/1/2/242703095.png) no-repeat right; 
 width: 27px; 
 height: 27px; 
 top: -1px; 
 right: 20px; 
} 

.lc_avatar { 
 float:right; 
 width: 30px; 
 height: 30px; 
 padding:3px; 
 border: 1px solid #D6D6D6; 
 margin: 8px 55px 0px 10px; 
} 

.lc_name { 
 float:right; 
 width: 145px; 
 margin: 13px 0px 2px 0px; 
 font-weight: bold; 
} 

.lc_data { 
 float:right; 
 font: 9px Arial,Helvetica, sans-serif; color:#999; 
 width: 145px; 
} 

.transparency_i a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 filter: alpha(opacity=50); 
} 
/* ------------------------------------------*/

#top-link{cursor:pointer;display:none;position:fixed;left:0;bottom:0;padding:0 0 15px 5px;z-index:1} #top-link a {color:#fff}
#top-link:hover {background:#354b5d}
div[id*="entryID"]:nth-child(odd) {background:#eaeaea}


@media (max-width: 1362px) {

 .page {
 width:1062px !important;
 }
 
 .content {
 width: 1034px !important; 
 padding: 28px 0 28px 28px !important
 } 
 .addheight, #right {
 margin: 8pt 0 0 0 !important;
 }
 #walli, #wallii {
 width: 270px !important;
 } 
 #wallii img{
 width: 119px;
 } 
 #wallii a {
 margin: 0 8px 0 0 !important;
 }
 #footer {
 width: 1006px !important;
 }
 .pt-controls-wrapper {
 max-width:1062px !important;
 }
 .min .rel {
 
 }
 #ri, #mi {
 display:none
 }
 #topb {
 margin: 0;
 }
 .forsmall {
 margin: 5px 80px 0 0 !important;
 width: 50% !important;
 }
 .min .forsmall {
 margin: 5px 130px 0 0 !important;
 width: 65% !important;
 }
 
 .min #volume.bv {
 margin: -30px 4px 0 995px !important;
 position: absolute;
 }
 .min .pt-time {
 top:9px !important;
 right: 84px;
 }
 
#logo {
 width: 270px;
 overflow: hidden;
 text-align: right;
}
#logo img {width: 270px}
#photo_album li {list-style:none;width:33%!important}
#photo_album img {max-width:1006px;}
}




@media (max-width: 1100px) {

#logo {display:none}

#photo_album li {list-style:none;width:33%!important}
 
 .page {
 width:784px !important;
 }
 .content {
 width: 728px !important; 
 padding: 28px !important
 } 
 
 .pt-controls-wrapper {
 max-width:784px !important;
 }
 #footer {
 width: 728px !important;
 }
 .forsmall {
 margin: 5px 90px 0 0 !important;
 width: 30% !important;
 }
 
 #volume.bv {
 margin: -40px 8pt 0 0 !important;
 }
 
.advert img {max-width:100%}
 
 .mobile #center, .mobile #right,.mobile .rd,.mobile .nav li:last-child,.mobile .tai,.mobile .tmod, .mobile .pt-previous{display:none !important} 
 .mobile .page, .mobile .content, .mobile #left,.mobile #footer,.mobile #styles { width:100% !important}
 .mobile .content {padding:28px 0!important}
 .mobile .nota {padding: 10px 0px 10px 28px!important;}
 .mobile #menu { border:0}
 .mobile #aboutus {width:50%;}
 .mobile #footer{padding: 28px 0px 124px; }
 .mobile .playlist .pt-link, .mobile .tc {margin-left:10px}
 .mobile .pt-link,.mobile .tc,.mobile .tc img{width:50px!important;height:50px!important;}
 .mobile .tn, .mobile .nn{font:13pt/16pt 'Cuprum', Arial, sans-serif!important; margin-left: 70px;}
 .mobile .ts { margin-left: 70px;}
 .mobile .filterBlock{height:initial;height: unset}
 .mobile #tracks li {height:55px;}
 .mobile select[name="filter1"], .mobile select[name="filter2"] {
 font: 300 19pt/19pt 'Cuprum', Arial, sans-serif;
 width: 100%;
 }
 .mobile .filterBlock2 {float:none}
 .mobile .selector {text-align:center;padding:10px 0}
 .mobile [id*="entryID"] {overflow:hidden}
 .mobile #volume {display:none}
 .mobile .forsmall {margin: 5px 5px 0 0 !important;width:70%!important}
 .mobile .pt-play-pause {margin-left:-70px}
}

#forbidden { 
width: 100%;
background: #0061b0;
color: #fff;
padding: 10px;
margin: 10px 0;
}