@import url(https://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}
.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: 5px 0px 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:75px; height:28px;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;}
#ifnewpm,#ifnewpm_yes {font-size:10px}
#ifnewpm a, #ifnewpm_yes a {color:#fff}
#ifnewpm .no {opacity:.3}
#ifnewpm_yes a { -webkit-animation: blink 1s linear infinite; -moz-animation: blink 1s linear infinite; animation: blink 1s linear infinite;}
@keyframes blink { 0% { color:#fff} 100% { color:red}} @-webkit-keyframes blink { 0% { color:#fff} 100% { color:red}}
.btn {
 display: inline-block;
 padding: 9px 12px;
 margin: 12pt 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: 11px solid transparent;
 border-radius: 0px;
 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 24px/32px Cuprum, sans-serif; 
 color: #2f2f2f;
 background: url(/01.png) repeat-x; background-attachment:fixed;
 background-color: #fff; 
}
h1 {
 font: 400 22px/22px 'Cuprum', Arial, sans-serif;
 text-transform: uppercase;
 margin: 0;
 padding: 0
}
h2,
h3 {
 font: 300 16pt/19pt 'Cuprum', Arial, sans-serif;
 text-transform: uppercase;
 margin: 0;
 padding: 0
}
a {
 text-decoration: none;
 color: #006699
}
a:visited {
 color: #006699;
}
a:hover {
 color: #960000;
}
.c {
 clear: both
}
.page {
 width: 1340px;
 margin: 0 auto
}
#menu {
 width: 100%;
 height: 44px;
 background: #000;
 position: relative;
 z-index: 222;
 border: 1px solid #000;
 border-bottom-right-radius: 0px;
 border-bottom-left-radius: 0px;
 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 14pt/28pt 'Cuprum', Arial, sans-serif;
 text-decoration: none;
 color: #898989;
 transition: top 500ms ease-in-out, opacity 600ms ease-in-out;
}
#menu {
 width: 99.9%;
 height: 48px;
 background: #000;
 position: relative;
 z-index: 222;
 border-bottom: 2px solid #006699;
 border-bottom-right-radius: 0px;
 border-bottom-left-radius: 0px;
 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 14pt/36pt '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 40px
}
.active a span {
 color: #fff
}
.active a {
 background: #292929;
 border-bottom-left-radius: 0px
}
#menu li {
 background: url(/images/mb.png) 0 50% no-repeat;
 float: left
}
#menu li:hover {
 background: url(/images/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:0px;
 border-bottom-right-radius:0px;
}
#menu li ul li:last-child:hover {
 border-bottom-left-radius:0px;
 border-bottom-right-radius:0px;
}
#menu li ul li {
 width: 100%
}
#menu li ul li a{
 padding: 0 0 0 20px
}
#menu li:hover ul {
 top: 48px;
}
#home span {
 text-indent: -9999px;
 display: block;
 width: 15px;
 height: 48px;
 background: url(/images/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() #f4f4f9;
 margin: 0 auto;
 border-top-right-radius: 0px;
 border-top-left-radius: 0px;
 /*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 26px 22px 0
}
#left,
#center,
#right {
 float: left
}
.track {
 padding: 0pt;
 margin: 0pt 0 0;
 
 overflow: hidden;
 background: #fff;
 border-radius: 0px;
 -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: 131px;
 width: 100%;
 position: relative;
 border-bottom: 1px solid #dedede;
}

.tn,.nn {
 font: 24px/24px 'Cuprum', Arial, sans-serif;
 width: 570px;
 padding: 0 0 1px
}
.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: -51px;
 z-index:10
}
.notact {
 background-image: url('');
}
.exs {
 background-image: url('');
}
div [id*=entryID]:hover .pt-link {opacity:1!important} 
.tn a {color:#006699;line-height: 0.9;}
.tn a:first-line {line-height: 2.5;}
.tn,
.tc {
 float: right;
 display: block
}
.tn a:visited {color:#787878}
.tn a:hover {color:#960000}
.tc {
 position: absolute;
 margin-left: 0px
}
.tc img {
 width: 140px;
 height: 140px
}
.ti {
 font: normal 20px/22px Cuprum, sans-serif;
 margin-left: 0px
}
.ts {
 font: normal 20px/20px Cuprum, sans-serif;
 font-weight:400;
 margin-left: 0px
}
.rd {
 float:right;margin:0 10px 0 0
}
.et {display:none}
.playlist .pt-link {
 width:140px;
 height:140px;
 display:block;
 text-indent: -9999px;
 position:absolute;
 margin-left: 0px;
 z-index:10;
 background-image: url('/images/sprite.png');
 background-position: -5px -22px;
 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: -155px -22px;
}
.pplay .tn a{
 color:#fff!important
}
.pplayed .tn a{
 color:#a9a9a9 !important
}
.mlist {
 margin: 8pt 0 0;
 padding: 0;
 list-style: none;
 overflow: hidden
}
.mlist li {
 white-space: nowrap;
 color: #57a1c7
}

.vinyl {
     margin: 0px;
     height: 400px;
     backdrop-filter: blur(15px);
}
.pt-controls > .but {
     height: 40px;
}
.pt-time {
     line-height: 40px;
}
.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: 350px;height: 350px
}
.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: 348px;
 height: 348px;
 position: absolute;
 background-size: cover
}
.in {
 margin: 0 0 0 320px !important
}
.record_bck {
 z-index: 1;
 background: url('/images/svinyl.png') no-repeat;
}
.cover2 {
 z-index: 2;
 background-repeat: no-repeat;
 border-radius: 130px;
 width: 200px!important;
 height: 200px!important;
 margin: 73px 0 0 73px!important;
}
.record_mdl {
 z-index: 3;
 background: url('') no-repeat;
}
.record_tp {
 z-index: 4;
 background: url('/images/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: 40px;
 height: 40px;
 background: #000;
 font-size: 15pt;
 color: #fff;
 border-top-left-radius: 10px;
 text-align: center;
 line-height: 40px;
}
#p_button {
 margin: 10px;
 width: 40px;
 height: 380px;
 border-radius: 38px;
 background: #fff;
 color: #000;
}
#wf {
 width: 520px;
 height: 40px;
 background-repeat: no-repeat;
 background-color: #000;
 background-size: 520px 40px;
}
#download {
 width: 95px;
 height: 40px;
 font: 200 20pt/20pt 'Cuprum', Arial, sans-serif;
 text-align: center;
 line-height: 40px;
 float: right;
 border-top-right-radius: 10px;
 cursor:pointer
}
#download a {color: #fff;display:block!important}
#player {
 cursor: default;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.cvote {
 display: inline-block;
 width: 18px;
 height: 8px;
 cursor: pointer;
}
.good {
 background-image: url('/images/sprite.png');
 background-position: 0px 0px;
 margin: 4px 0 0 5px;
}
.good:hover {
 background-position: 0px -9px
}
.bad {
 background-image: url('/images/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}
#styles {
 margin:0 0;
 width:728px;
 display:none;
}
select[name="filter1"] {font: 300 18pt/19pt 'Cuprum', Arial, sans-serif;}
select[name="filter2"]{}
.filterBlock {height:221px;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}
}
#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;
}
.catPages1 { padding:0 !important;margin:0 !important; } 
.swchItemA, .swchItem, .swchItemA1, .swchItem1 {color:#FFF;display: inline-block;padding: 4px 18px;text-decoration: none;font-weight:normal;border-radius:1px} 
.swchItem, .swchItem1 {color:#787878;background:#dcdcdc;} 
.swchItem:hover, .swchItem1:hover {background:#0061b0;color:#fff;text-decoration:none} 
.swchItemA, .swchItemA1 {background:#787878} 
.catPages1, .catPages2 {padding: 12px 0;} 
.pagesBlock2 {margin-top:12px!important;display:block}
.playlist {padding:8pt 0 0pt 0;}
#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;}
#footer {
 background:url(/images/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:400}
.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('/images/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: normal; 
 font: 300 12pt/13pt 'Cuprum', Arial, sans-serif;
} 
.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:14pt/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;
}
[class="mchat-body"] [class="cMessage"] img {max-width:100%!important;}

/*Раздел Вид каталога загрузок со списком материалов*/

.musicHeading,
.musicOptions,
.track,
.trackInfo,
.trackCover {
    display: flex;
}

/*--------------------------------*/
.track {
    padding-TOP: 0px; 
    margin-bottom: 1px;
  
}


div[id*="entryID"]:nth-child(odd) {
    background-color: #FFF;    
}

div[id*="entryID"]:nth-child(odd) .trackName::after {
    background: linear-gradient(to right, rgb(0 0 0 / 0%), #25282d 100%);
    
}

.track.play {
    background: url(../01.png) repeat-x;
    text-decoration: none;
    color: #fff;
    position:relative !important;
    box-shadow: 0px 0px 0px 0px rgb(14, 14, 14);
    border-bottom: 0px solid #fff!important;
}


.track.play .trackName::after {
    text-decoration: none;
    color: #fff;

}

.trackCover {
    justify-content: bottom;
    align-items: bottom;
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 0px;
    overflow: hidden;
    transition: border-radius 100ms ease-in-out;
}

.trackCover img::selection  {
    background: none;
}

.track.play .trackCover {
    border-radius: 90px;
    
} 

.track.play .trackCover img {
    width: 150px;
    filter: saturate(110%);

}


.track.notplay .trackCover img{
    filter: saturate(100%);
}


.track.play .trackInfo::after {
    background: linear-gradient(-45deg, #7003ff, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.track.pause {
    background: url(../01.png) repeat;
    text-decoration: none;
    color: #fff;                                    
}


.track.pause .trackName::after {
    background: linear-gradient(to right, rgb(0 0 0 / 0%), #272a2e 100%);
}

.track.play .trackCover::before,
.track.pause .trackCover::before {
    background: url(../img/pause.png) 30px 30px  no-repeat;
    opacity: 1;
}

.track.pause .trackCover::before {
    background: url(../img/play.png) 30px 30px  no-repeat;
    animation: blinker 2s linear infinite;
    opacity: 1;
}


.trackCover img{
    width: 150px;
    filter: saturate(100%);
    transition: width 100ms ease;
}

.track .trackCover::before,
.track .trackCover.pause::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 150px;
    height: 150px;
    padding: 0px 0px 0px 0px;
    opacity: .2;
    transition: opacity 200ms ease-in-out;
    cursor: pointer;
}


.track .trackCover::before {
    background: url(../img/play.png) 30px 30px  no-repeat;
    
}


.track:hover .trackCover::before {
    opacity: .4;
}

.track .trackCover:hover::before {
    opacity: 1;
}

.track:hover .trackCover img {
    width: 150px;
    filter: saturate(110%);
}



/*=================Стили плеера=====================*/


.audio {
    position: absolute;
    font-size: 0;
    width:0;
    height:0;
}
.player {
    display: flex;
    flex-direction: row;
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: #181818;
}

.playerCover {
    min-width: 70px;
    height: 70px;
    background-size: contain;

}

.playerButtons {
    display: flex;
    height: 70px;
    
}


.playerButtons > div {
    display:flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: rgb(26, 26, 26);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(.5)
}

.playerButtons .stop {
    background-image: url(../img/icons/pb_play.png);
}
.playerButtons .play {
    background-image: url(../img/icons/pb_pause.png);
    /*background-color:var(--blue);*/
}
.playerButtons .pause {
    background-image: url(../img/icons/pb_play.png);   
    animation: blinker 2s linear infinite;  
}
.playerButtons .prew {
    background-image: url(../img/icons/pb_prew.png);   
}
.playerButtons .next {
    background-image: url(../img/icons/pb_next.png);   
}
.playerButtons .dow {
    background-image: url(../img/icons/pb_download.png);   
}


.playerButtons > div:hover {
    /*background-color: rgb(22, 22, 22);*/
    background-color: var(--blue); 
    cursor: pointer;
}

.waveform {
    width: 900px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: col-resize;
    
}

.seek {
    width: 0%;
    height: 100%;
    background: var(--blue);
    z-index: -1;
    position: relative;
    transition: width 250ms ease;
}

.loadProgress {
    transition: width 100ms;
}

.playerTime {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: .5em;
    filter: drop-shadow(1px 1px 1px BLACK);
    text-decoration: none;
    color: #fff;
} 


/* Слайдер с миниатюрами
------------------------------------------*/
#page-wrap {
  position: relative;
  width: 502px;
}

#page-wrap a {outline: none; text-decoration:none;}
#page-wrap a:link,  
#page-wrap a:visited {color:#cbcbcb; text-shadow: 1px 1px 1px #000;}
#page-wrap a:hover {color:#8cea87;}

.slider-wrap {
  position: absolute;
  overflow: hidden;
  width:502px;
  height: 150px;
}  
   
  .panelContainer {  
  position: relative;

}

.stripViewer {
  position: relative;
  overflow: hidden;
  width: 502px;
  height: 150px;
}

.panel {
  float: left;
  position: relative;
  width: 502px;
}

.wrapper {
  border: 1px solid #333;
}  

.photo-meta-data {
  position: relative;
  font: 110%/1.5 Verdana,Arial,Helvetica, sans-serif; font-weight: bold;
  color:#cbcbcb; text-shadow: 1px 1px 1px #000;
  background: url(/flex-slider/transpBlack.png);
  padding: 5px 5px 5px 5px;
  margin-top: -30px;
  z-index: 9999;
}

.stripNavL,
.stripNavR,
.stripNav {display: none; }

#movers-row {
  width: 502px;
  margin: -43px 0 0 0;
}

#movers-row div {
  float: left;
  width: 90px;
  height: 30px;
  margin: 0px 5px 10px 5px;  
}

#movers-row img {
  width: 90px;
  height: 30px;  
  border: 1px solid #333;  
}

.cross-link {
  position: relative;
  display: block;
  width: 90px;
  margin-top: -8px;
  padding-top: 10px;
  z-index: 9999;
}

.active-thumb {
  background: transparent url(/flex-slider/icon-uparrowsmallwhite.png) top center no-repeat;
}/* -------------------------------------- */

.plus_vzk {
width: 62px;
text-align: center;
color: #FFF;
font-size: 20px;
position: absolute;
top: 50px;
left: 10px;
z-index: 2;
background: #000;
border-radius: 50%;
height: 62px;
line-height: 23px;
}

#waakInfbc {
max-width: 200px;
position: center;
z-index: 99999999;
top: 20px;
left: 20px;
color: #FFF;
font-size: 20px;
display: none;
}

.waakInfbcOk {background: rgba(60,154,28,8);padding: 10px;}
.waakInfbcNon {background: rgba(253,86,40,8);padding: 10px;}
.waakInfbcZ {background: rgba(253,166,73,8);padding: 10px;}

#widWaakZakl {
padding: 10px 20px;
background: #FFF;
border: 1px solid #f1f1f1;
margin: 0 0 10px;
}
#widWaakZakl a {
font-size: 16px;
line-height: 30px;
}
#clr{clear:both;}

.widWaakZaklDel {
float: right;
padding: 0 10px;
}
.widWaakZaklDel:hover {
background: #f1f1f1;
}

.fx-row { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.frating .fa { margin: 0 10px 0 0; font-size: 18px; color: #27ae60; }
.frating .fdislike .fa { color: #e74c3c; }
.frating a { margin-left: 15px; display: block; height: 36px; line-height: 36px; padding: 0 10px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06); font-size: 14px; color: #919191; font-weight: 700; background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f5f6f8 100%); }
.frating-counter { display: inline-block; border-left: 1px solid rgba(0, 0, 0, .1); padding-left: 10px; }
.frating a:hover { color: #919191; background: linear-gradient(to top, #fff 0%, #fff 30%, #f2f2f2 100%); }

.searchForm {
 background: #f5f5f5;
 padding: 10px;
 margin: 10px 0;
}
.searchForm {
 background: #f5f5f5;
 padding: 10px;
 margin: 10px 0;
 height: 50px;
}
.searchForm .schQuery, .searchForm .schBtn {
 float: left;
 width: 50%;
}
.searchForm .schQuery {
 text-align: right;
}
.searchForm .schBtn {
 text-align: left;
}
.searchForm .schQuery>.queryField, .searchForm .schBtn >.searchSbmFl {
 border: 1px solid #999;
 margin: 0px;
 padding: 2px;
}
.searchForm .schBtn >.searchSbmFl:hover {
 background-color: #ebebeb;
 border-color: #adadad;
}

.custom-btn {
  width: 110px;
  height: 40px;
  color: #fff;
  border-radius: 0px;
  padding: 10px 20px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  font-size: 18px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
.btn-13{
  position: relative;
  right: 20px;
  bottom: 20px;
  border:none;
  box-shadow: none;
  width: 110px;
  height: 40px;
  line-height: 42px;
  -webkit-perspective: 230px;
  perspective: 230px;
}
.btn-13 span {
  background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
  display: block;
  position: absolute;
  width: 110px;
  height: 40px;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  border-radius: 0px;
  margin:0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-13 span:nth-child(1) {
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-13 span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-13:hover span:nth-child(1) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.btn-13:hover span:nth-child(2) {
    box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
    color: transparent;
    -webkit-transform: rotateX(-81deg);
    -moz-transform: rotateX(-81deg);
    transform: rotateX(-81deg);
}