/* #################################################### */
/* #####################  CSS reset  ####################### */
/* #################################################### */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size:100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
cursor: url("../img/cursor.cur"), default;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*########################################################*/
/*######################## IE 6 #############################*/
/*########################################################*/
*html #main{
height: 100%;
}
*html #wrapAll{
width:expression((document.documentElement.clientWidth || document.body.clientWidth)<240? '240px':
(document.documentElement.clientWidth || document.body.clientWidth)>1680? '1680px': 'auto');
}
*html #all{
width: 100%;
}
*html #leftColumn{
margin-right: -100%;
}
/*########################################################*/
/*########################  Шрифты  #########################*/
/*########################################################*/
@font-face {
font-family: 'DextorC';
src: url('../fonts/DextorC.eot'); /* IE9 Compat Modes */
src: url('../fonts/DextorC.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/DextorC.woff') format('woff'), /* Modern Browsers */
url('../fonts/DextorC.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/DextorC.svg#DextorC') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?11191792');
  src: url('../fonts/fontello.eot?11191792#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?11191792') format('woff2'),
       url('../fonts/fontello.woff?11191792') format('woff'),
       url('../fonts/fontello.ttf?11191792') format('truetype'),
       url('../fonts/fontello.svg?11191792#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: '../fonts/SegoeUI';
    src: url('../fonts/SegoeUI.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SegoeUI.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SegoeUI.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SegoeUI.svg#SegoeUI') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
a:hover {
cursor: url("../img/pointer.cur"), pointer;
}
/*########################################################*/
/*########################################################*/
/*########################################################*/
body {
background-color:#232325;
/* background-image:url("../img/bgBody001.jpg"); */
/* background-attachment: fixed; */
/* background-size:cover; */
font-size:62.5%;
}
html, body, #wrapAll {
height: 100%;
}
#wrapAll {
min-width:240px;
max-width:1680px; /* Не забудь эти значения поменять и для IE 6 - в *html #container - строка 44-45 */
margin:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 0px 0px;
}
#main{
min-height:100%;
margin:0px 0px -40px 0px; /*Здесь регулируется высота подвала*/	
}
#all{
overflow:auto;
padding:0px 0px 40px 0px; /*Здесь резервируется место для подвала*/
}
#header{
height:100px;
background:#FFB383;
}
/* #leftColumn{
float:left;
width:200px;
} */
/* #rightColumn{
float:right;
width:200px;
} */
#centerColumn{
max-width:800px;
margin:0px auto 0px auto;
}
#footer{
height:42px;
background: #1B2730;
position:fixed;
bottom:0;
left:0;
width:100%;
-moz-box-shadow: 0 0 18px -1px #000;
-webkit-box-shadow: 0 0 18px -1px #000;
box-shadow: 0 0 18px -1px #000;
z-index:100;
border-top: 1px solid #314757;
}
/*########################################################*/
/*################# КОНЕЦ ВЁРСТКА МАКЕТА ######################*/
/*########################################################*/
*::-moz-selection {
color: #000000;
background: #FFF6A7;
}
*::selection {
color: #ffffff;
}
/* #headerStyle {
padding:10px 10px 10px 10px;
} */
/* #leftColumnStyle {
background:#E25252;
padding:10px 10px 10px 10px;
} */
/* #rightColumnStyle {
background:#E281DF;
padding:10px 10px 10px 10px;
} */
#centerColumnStyle {
margin:48px 10px 10px 10px;
background-image:url(../img/bgOpacityBlack50.png);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-moz-box-shadow: 0 0 10px -2px #000;
-webkit-box-shadow: 0 0 10px -2px #000;
box-shadow: 0 0 10px -2px #000;
}
#footerStyle {
padding:0px 0px 0px 0px;
color:#FFFFFF;
text-align:center;
font-size: 1.20em;
line-height:1.6em;
text-transform: lowercase;
position: relative;
}
#footerStyle a {
color:#FFFF73;
text-shadow:1px 1px 0px #222222;
font-weight:bold;
font-family: Verdana;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
#scrollUp {
bottom: 20px;
right: 42.5%;
width: 64px; /* Width of image */
height: 64px;  /* Height of image */
background: rgba( 0, 0, 0, 0.3) url(up.png) no-repeat;
border:2px solid transparent;
overflow:hidden;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-moz-box-shadow: 0px 0px 5px 1px #14485C;
-webkit-box-shadow: 0px 0px 5px 1px #14485C;
box-shadow: 0px 0px 5px 1px #14485C;
}
#scrollUp:hover {
opacity: 1;
border:2px solid #154D62;
-moz-box-shadow: 0px 0px 10px 1px #1B627E;
-webkit-box-shadow: 0px 0px 10px 1px #1B627E;
box-shadow: 0px 0px 10px 1px #1B627E;
}
/* #################################################### */
/* ###################   Форма входа   ###################### */
/* #################################################### */
.contentPaddingTrue.mainStyle .pass_enter {
text-align: center;
margin: 0px 0px 0px -31px;
color: #cccccc;
font-size: 14px;
font-weight: bold;
position: relative;
}
.pass_enter img {
position: absolute;
top: -2px;
right: 42px;
width: 25px;
}
.contentPaddingTrue.mainStyle .error_pass {
text-align: center;
margin: 0px 0px 0px -30px;
color: #ff0000;
font-size: 14px;
font-weight: bold;
position: relative;
}
.error_pass img {
position: absolute;
top: -2px;
right: 11px;
width: 25px;
}
.logout {
position: absolute;
top:4px;
right:5px;
background-color: #350000;
border: 2px solid #ff0000;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-moz-box-shadow: 0 0 12px -3px #000;
-webkit-box-shadow: 0 0 12px -3px #000;
box-shadow: 0 0 12px -3px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.logout:hover {
background-color: #1b2730;
border: 2px solid #94d5ff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
box-shadow: 0 0 8px 0px #000000, 0 0 10px 2px #000000;
}
#footerStyle .logout a {
display: block;
height: 28px;
width: 60px;
line-height: 25px;
color: #ffff73;
text-shadow:1px 1px 1px #000000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#footerStyle .logout a:hover {
color: #80ffff;
text-shadow:0px 0px 1px #000000, 0px 0px 2px #000000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.entrance_style {
border: 0px solid #d90000;
width: 250px;
margin:auto;
border: 1px solid transparent;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.entrance_style form {
border: 1px solid transparent;
margin:5px auto 10px auto;
text-align: center;
}
.entrance_style form label {
color: #cccccc;
margin: 0px 0px 10px 0px;
display: block;
font-size: 14px;
font-weight: bold;
}
.entrance_style [type="text"], .entrance_style [type="password"] {
margin: 0px 0px 10px 0px;
background-color: transparent;
border: 1px solid #314757;
width: 98.5555%;
height: 28px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display: block;
color: #cccccc;
font-size: 14px;
font-weight: bold;
text-align: center;
-moz-box-shadow: 0 0 17px -5px #000;
-webkit-box-shadow: 0 0 17px -5px #000;
box-shadow: 0 0 17px -5px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.entrance_style [type="text"]:hover, .entrance_style [type="password"]:hover {
border: 1px solid #436176;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.entrance_style [type="submit"] {
background-color: #1b2730;
border: 1px solid #314757;
width: 100%;
height: 32px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display: block;
color: #ffff73;
font-size: 14px;
font-weight: bold;
-moz-box-shadow: 0 0 17px -5px #000;
-webkit-box-shadow: 0 0 17px -5px #000;
box-shadow: 0 0 17px -5px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.entrance_style [type="submit"]:hover {
border: 1px solid #436176;
cursor: url("../../img/pointer.cur"), pointer;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.namePage {
color:#FFFF73;
font-size: 1.6em;
text-align:center;
background-color:#1B2730;
padding:0.5em;
font-weight:bold;
border-bottom:3px solid #777777;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.repetitionMessageGreen {
color:#00ca00;
font-weight:bold;
margin:0px 0px 15px 0px;
border-bottom: 2px dotted #00ca00;
padding: 0px 0px 5px 0px;
}
.repetitionMessageYellow {
color:#FFFF73;
font-weight:bold;
margin:0px 0px 15px 0px;
}
.contentPaddingTrue {
color: #eeeeee;
font-size: 1.6em;
line-height: 1.4em;
padding: 1em;
text-shadow: 1px 1px 0px #101011;
}
.contentPaddingTrue a {
color:#94D5FF;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.contentPaddingFalse {
padding:0em 0em 0em 0em;
/* margin:0px 7px 0px 7px; */
font-size: 1.6em;
line-height:1.4em;
color:#EEEEEE;
text-shadow:1px 1px 0px #101011;
}
.contentPaddingFalse a {
color:#94D5FF;
}
.contentPaddingTrue.textsStyle {
font-size: 1em;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.contentPaddingTrue.mainStyle {
font-size: 1em;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.contentPaddingTrue.mainStyle p {
margin: 0px 0px 10px 0px;
}
.eventNameHr {
border-top:1px solid #636367;
border-bottom:3px solid #636367;
border-left:0px solid #000000;
border-right:0px solid #000000;
margin: 10px 0px 15px 0px;
}
/* ############################################################# */
/* ##########################    Спойлер    ########################## */
/* ############################################################# */
.tagTransparent {
/* color: #FF0000; */
color: transparent;
height: 0px;
width: 0px;
font-size: 0px;
line-height: 0px;
}
.sp-wrap.blueStyle > .sp-head.folded.clickable {
display: block;
background: #6c8fac url(plus_2.png) no-repeat;
background-position:6px center;
padding:7px 0px 8px 25px;
color: #222222;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0 #88a7bd;
}
.sp-wrap.blueStyle > .sp-head.folded.clickable:hover {
display: block;
background: #809EB7 url(plus_2.png) no-repeat;
background-position:6px center;
padding:7px 0px 8px 25px;
color: #111111;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0 #A6BDCE;
}
.sp-wrap.blueStyle > .sp-head.folded.clickable.unfolded {
display: block;
background: #6c8fac url(minus_2.png) no-repeat;
background-position:6px center;
padding:7px 0px 8px 25px;
}
.sp-wrap.blueStyle > .sp-head.folded.clickable.unfolded:hover {
display: block;
background: #809EB7 url(minus_2.png) no-repeat;
background-position:6px center;
padding:7px 0px 8px 25px;
color: #111111;
text-shadow: 1px 1px 0 #A6BDCE;
}
.sp-wrap .hrStyle {
border-bottom: 5px solid #253641;
border-top: 5px solid #253641;
height: 0;
margin: 25px 0;
position: relative;
}
.sp-wrap .hrStyle span {
background-color: #111111;
border: 1px solid #111111;
box-shadow: 0 0 7px 5px #111111, 0 0 7px 5px #111111;
color: #ffff26;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 23px;
font-weight: bold;
height: 23px;
left: 45%;
line-height: 22px;
padding: 0 0 0 13px;
position: absolute;
right: 55%;
top: -14px;
width: 30px;
}
.sp-wrap {
clear: both;
margin:0px 0px 0px 0px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
.sp-wrap, .sp-head, .sp-body {
border: solid #414143;
border-width: 1px 0px 1px 0px;
clear: both;
}
.sp-body {
padding: 0px 0px 0px 0px;
}
.sp-body pre {
padding: 10px 10px 10px 10px;
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, с 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ поддерживается в IE, Safari, и Firefox 3.1.*/
}
.sp-head {
text-align: left !important;
}
.sp-wrap {
padding: 0;
/* background: #C2D5E3; */
}
.sp-head {
border-width: 0;
font-size: 16px;
padding: 1px 14px 3px;
line-height: 15px;
font-weight: bold;
color: #EEEEEE;
cursor: pointer;
}
.sp-body {
border-width: 1px 0 0 0;
display: none;
font-weight: normal;
/* background: #232325; */
}
.clickable {
cursor: pointer;
}
.clickable2 {
border-top:solid 1px #414143;
cursor: pointer;
color: #FFE854;
text-shadow:0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 2px #000000, 0px 0px 3px #ffffff, 0px 0px 5px #ffffff, 0px 0px 7px #ffffff;
}
.folded {
display: block;
background: #2D2D2F url(plus.png) no-repeat;
background-position:6px center;
padding:7px 0px 8px 25px;
}
.unfolded {
display: block;
background: #2D2D2F url(minus.png) no-repeat;
background-position:6px center;
padding:7px 0px 8px 25px;

}
.sp-head.folded.clickable:hover {
background: #3F3F41 url(plus.png) no-repeat;
background-position:6px center;
}
.sp-head.folded.unfolded.clickable:hover {
background: #3F3F41 url(minus.png) no-repeat;
background-position:6px center;
}
var.postImgAligned {
display: block;
}
img.postImg {
vertical-align: text-bottom;
}
img.postImg {
margin: 2px 2px 0 0;
}
img.postImgAligned {
margin: 4px 4px 2px;
}
.clear {
clear: both;
height: 0;
font-size: 0px;
line-height: 0px;
overflow: hidden;
}
/* #################################################### */
/* ######################   Страницы   ##################### */
/* #################################################### */
.contentPaddingTrue pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, с 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ поддерживается в IE, Safari, и Firefox 3.1.*/
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.heart {
position: relative;
width: 30px;
height: 50px;
background-color: red;
box-shadow: -1px 0px 2px #444;
/* Скругляем верхние углы */    
-webkit-border-radius: 50px 50px 0 0;
-moz-border-radius: 50px 50px 0 0;
border-radius: 50px 50px 0 0;
/* Определяем угол наклона */    
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
}
/* Формируем правую часть */
.heart:before {
position: absolute;
width: 50px;
height: 30px;
left: 0;
bottom: 0;
content: "";
background-color: red;
box-shadow: 0px 3px 3px #444444; 
-webkit-border-radius: 50px 50px 0 0;
-moz-border-radius: 50px 50px 0 0;
border-radius: 0 50px 50px 0;
}
/* Убираем тень при наведении */
.heart:hover:before, .heart:hover{
box-shadow:none;
}

/* #################################################### */
/* ######################  @media  ####################### */
/* #################################################### */
@media only screen and (max-width: 1500px) {
.block_fixed .volumeScale { /* фон громкости */
width: 94.9999999% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 1350px) {
.block_fixed .volumeScale { /* фон громкости */
width: 94.55555% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 1200px) {
.block_fixed .volumeScale { /* фон громкости */
width: 93.99999% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 1100px) {
.block_fixed .volumeScale { /* фон громкости */
width: 93.55555% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 1000px) {
.block_fixed .volumeScale { /* фон громкости */
width: 92.55555% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 900px) {
.volumeScale { /* фон громкости */
width: 90.9999999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 91.999999% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 800px) {
.volumeScale { /* фон громкости */
width: 90.555555% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 90.999999% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 750px) {
.block_fixed .volumeScale { /* фон громкости */
width: 90.55555% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 700px) {
.volumeScale { /* фон громкости */
width: 89.99999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 89.55555% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 650px) {
.volumeScale { /* фон громкости */
width: 88.9999999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 88.999999% !important;
}
.logotypeWorm {
width: 31.555555%;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 600px) {
.my_video {
width:95%;
margin:0px 0px 10px 0px;
}
.volumeScale { /* фон громкости */
width: 87.9999999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 87.999999% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 550px) {
.volumeScale { /* фон громкости */
width: 86.9999999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 86.999999% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 500px) {
.volumeScale { /* фон громкости */
width: 85.44444% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 85.999999% !important;
}
.logotypeWorm {
width: 47.555555%;
}
.song_list_style [type="text"] {
width: 99.25%;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media screen and (max-width: 470px) {
.block_fixed {
top:0px;
}
.volumeScale { /* фон громкости */
width: 83.999999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 84.999999% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media screen and (max-width: 450px) {
#centerColumnStyle {
margin:42px 0px 0px 0px;
background-image:url(../img/bgOpacityBlack50.png);
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-moz-box-shadow: 0 0 0px 0px #000;
-webkit-box-shadow: 0 0 0px 0px #000;
box-shadow: 0 0 0px 0px #000;
}
.namePage {
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.contentPaddingTrue {
padding: 0.5em;
}
.volumeScale { /* фон громкости */
width: 82.999999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 84.5555% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media screen and (max-width: 400px) {
.volumeScale { /* фон громкости */
width: 81.9999999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 82.99999% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media screen and (max-width: 360px) {
.volumeScale { /* фон громкости */
width: 80.55555% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 79.99999% !important;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media screen and (max-width: 320px) {
.volumeScale { /* фон громкости */
width: 78.9999999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 77.99999% !important;
}
.logotypeWorm {
width: 46.555555%;
}
.song_list_style [type="text"] {
width: 99%;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media screen and (max-width: 280px) {
.block_fixed .volumeScale { /* фон громкости */
width: 75.99999% !important;
}
.entrance_style {
width: 240px;
}
.logotypeWorm {
width: 96.555555%;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media screen and (max-width: 260px) {
.entrance_style {
width: 230px;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media screen and (max-width: 240px) {
.entrance_style {
width: 220px;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* #################################################### */
/* #################################################### */
/* #################################################### */