/* #################################################### */
/* #####################  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-image:url(../img/bgBody001.png); */
/* background-color:#232325; */
/* background-color:#092200; */
/* background-image:url("../img/bgBody001.jpg"); */
/* background-size:cover; */
background-color: #272727;
background-attachment: fixed;
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;
padding: 44px 0px 10px 0px;
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;
}
#footer.hide_menu {
bottom: -45px;
}
#track_click {
height: 100%;
}
/*########################################################*/
/*################# КОНЕЦ ВЁРСТКА МАКЕТА ######################*/
/*########################################################*/
*::-moz-selection {
color: #1b2730;
background: #94d5ff;
}
*::selection {
color: #000000;
background: #94d5ff;
text-shadow: 0px 0px 0px #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:0px 10px 0px 10px;
/* background-image:url(../img/bgOpacityBlack50.png); */
background: rgba( 0, 0, 0, 0.3);
border: 1px solid #2e4150;
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;
}
/* #################################################### */
/* #################################################### */
#tooltipStyle {
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
display:none;
position:absolute;
border:1px solid #ffffbf;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-size: 13px;
font-weight: bold;
padding: 5px 6px 1px 6px;
background-color: #ffffbf;
/* max-width: 300px; */

-moz-box-shadow: 0 0 14px 1px #000;
-webkit-box-shadow: 0 0 14px 1px #000;
box-shadow: 0 0 14px 1px #000;
}
#tooltipStyle span {
display: block;
margin: 0px 0px 6px 0px;
color: #111111;
text-shadow:1px 1px 0px #ffffff, 0px 0px 1px #ffffff;
}
/* #################################################### */
/* #################################################### */
.menu_service {
position: relative;
}
.menu_button {
color: #94d5ff;
font-weight: bold;
font-size: 14px;
}
.menu_button:hover {
cursor: pointer;
}
.menu_button.menu_closed {
color: #ffff73;
}
.menu_container {
display: none;
position: absolute;
top:30px;
left:0px;
z-index: 100000;
background: rgba( 0, 0, 0, 0.99);
border: 2px solid #79CAFF;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
overflow: auto;
max-height: 350px;
}
.menu_container .style_separator {
font-size: 14px;
font-weight: bold;
color: #ffff00;
text-align: center;
display: block;
padding: 5px 0px 5px 0px;
}
.menu_container li a {
font-size: 14px;
font-weight: bold;
display: block;
padding: 5px 10px 7px 10px;
}
.menu_container li a:hover {
background-color: #79caff;
color: #000000;
text-shadow:0px 0px 0px #000000;
}
/* #################################################### */
/* #################################################### */
.essay {
white-space: pre-wrap;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
#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; */
background: rgba( 0, 0, 0, 0.3) no-repeat;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAALkSURBVHja7NrBbtNAEAbgfywqnoE34FIeAQkOqAeEPPsOTegF4kBQT1AqUaGWpu2JhIonaLtrtULAA3AnJyS4UhDiBhcueLg4KEKN4njXbmlmjokt5/80Xu9YIRHBLFeEGS8FUAAFUAAFUAAFUAAFUIAZrQuTDiCi4Bc1xtwSkQaAy/lHH4ioZ619Ffpak4Y9mnhAYABmfgzg4ZivHznnVs8tADN3ASQTDus65+7VBVDbGhDH8VaB8ADQZubNc7UIxnG8RUStKU6pDaFqACoRfhSh+z8DUBzH3ZLhh5VUjRCd4fC1IFQBQMy8FSj8X4R8ET3zAMTMzwHcDa5K1KoCIaogfLOyRaUChFAAZIzpVRn+BAQ6KwBkjOnle/taKkfohkDwBmDm9TrDjyIw89ppApAxpg/gfvltujSJKPH4DcvMvO3TCWWHIWLmPoBFj/C30zR9kY/HLRHxaem+c24JgNQxDHmHB9AchgcAa+02EbVPClCwmvkTiCrtgJWVlWgwGPR8wzvndse8KAneCcE6oOrww04QkcSnE/LHcWHAqKbw2aTww0rTdIeIlsoiiEhjGoRCAIPB4KlHeADoFAk/0gl9EVn2eAvUMMY8CbIGGGNuAjjyCN92zpXavjJzB8B66Wd8FC3s7++/9e2A5DTCA4BzbgPAg7LnZ1nWCnELzJfpQiJKfML/g9ApefqVEAA/S4RvW2u3Q217nXPPSiL88AYQkTdT7vCSkOFHEYhoqm13kd8eFbiPVgF8KRo+TdOdqgYga+3mFAif5+bm1rwBDg8PvwG4NgEhE5HFKsOPIgBo5HuLcXUcRdH1vb2970H2Ac65j1mWLQD4esLXvwHcSdP0ZV2jsHNuV0TaYxCOsyy7cXBw8Cn4LGCMuSQiHQALAC4CeE9EXWvtO5xCGWOu5hDzAH6JyOssyzbyri00C5D+VXbGSwEUQAEUQAEUQAEUQAEUQAEUQAEUQAEUQAEUYMbqzwDiWGfhLqCbZgAAAABJRU5ErkJggg==");
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;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
#snowflakesCanvas {
position: fixed;
top:0px;
height: 100%;
width: 100%;
z-index:-10;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.phpError {
font-size: 15px;
border: 2px solid #344b5c;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
padding: 10px 10px 10px 10px;
width: 400px;
/* height: 50px; */
color: #ffffbf;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
/* background-color: #1b2730; */
background: rgba( 27, 39, 48, 0.7);
position: absolute;
/* min-height: 100%; */
/* overflow: hidden; */
/* margin: 0px 0px 100px 0px; */
/* overflow-y: scroll; */
/* max-height: 50%; */
top:0px;
left:0px;
z-index: 90000000000000;
cursor: pointer;
}
.phpError hr {
border: 2px solid #344b5c;
}
.phpError pre {
white-space: pre-wrap;
line-height: 23px;
}
.hrStyle {
border-bottom: 2px solid #314757;
border-top: 2px solid #314757;
border-left: 0px solid #253641;
border-right: 0px solid #253641;
margin: 0px 0px 0px 0px;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.wrap_block {
background: rgba( 0, 0, 0, 0.15);
border: 1px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding: 5px 6px 9px 6px;
}
.msg_admin_style_1 {
font-size: 1em;
font-weight: bold;
color: #ffffbf;
line-height: 1.25em;
}
.msg_admin_style_2 {
font-size: 1em;
font-weight: bold;
color: #94d5ff;
}
.msg_admin_style_3 {
font-size: 0.9em;
font-weight: bold;
color: #cccccc;
line-height: 1.5em;
}
.label_input_style {
font-size: 1em;
font-weight: bold;
color: #ffffbf;
padding: 0px 0px 5px 3px;
}
.label_input_style {
font-size: 1em;
font-weight: bold;
color: #ffffbf;
padding: 0px 0px 5px 3px;
}
.input_type_text {
border: 1px solid #314757;
background-color: transparent;
height: 28px;
width: calc(100% - 0.25em);
color: #cccccc;
font-size: 1.15em;
font-weight: bold;

-webkit-box-shadow: 0px 0px 26px -6px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 26px -6px rgba(0,0,0,1);
box-shadow: 0px 0px 26px -6px rgba(0,0,0,1);

border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;

-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;
}
.input_type_text:hover {
border: 1px solid #436176;

border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;

-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;
}
.textarea_style {
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #314757;
background-color: transparent;
width: calc(100% - 0.25em);
color: #cccccc;
font-size: 1em;
font-weight: bold;

-webkit-box-shadow: 0px 0px 26px -6px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 26px -6px rgba(0,0,0,1);
box-shadow: 0px 0px 26px -6px rgba(0,0,0,1);

border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;

-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;
}

.msg_style_red {
color: #ff2626;
line-height: 22px;
font-weight: bold;
}
.msg_style_green {
color: #00b32d;
font-weight: bold;
}
/* #################################################### */
/* ###################   Форма входа   ###################### */
/* #################################################### */
.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;
}

.input_type_button {
background-color: #1b2730;
border: 1px solid #314757;
width: 100%;
height: 32px;
display: block;
color: #ffff73;
font-size: 14px;
font-weight: bold;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

-webkit-box-shadow: 0px 0px 26px -6px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 26px -6px rgba(0,0,0,1);
box-shadow: 0px 0px 26px -6px rgba(0,0,0,1);

-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;
}
.input_type_button:hover {
border: 1px solid #436176;
cursor: url("../../img/pointer.cur"), pointer;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;

-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;
}
/*####################################################################*/
/*##############################  Checkbox 2  #############################*/
/*####################################################################*/
/* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
.checkbox_style_2 {
display: block;
position: relative;
padding-left: 25px;
/* margin-bottom: 12px; */
cursor: pointer;
font-size: 1.04em;
line-height: 1.25em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox_style_2 input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 4px;
left: 0;
height: 15px;
width: 15px;
/* background-color: #eee; */
border: 1px solid #94d5ff;

border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
/* On mouse-over, add a grey background color */
.checkbox_style_2:hover input ~ .checkmark {
/* background-color: #ccc; */
}
/* When the checkbox is checked, add a blue background */
.checkbox_style_2 input:checked ~ .checkmark {
background-color: #94d5ff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
/* font-family: 'Material_Icons'; */
/* content: '\e5ca'; */
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkbox_style_2 input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checkbox_style_2 .checkmark:after {
/* font-family: 'Material_Icons'; */
/* font-size: 1.25em; */
/* content: '\e5ca'; */
top: -5px;
left: 3px;
border: solid #ff0000;
border-width: 0 3px 3px 0;

width: 8px;
height: 15px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}



.checkmark2 {
position: absolute;
top: 7px;
left: 8px;
height: 14px;
width: 14px;
border: 1px solid #94d5ff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.checkmark2:after {
content: "";
position: absolute;
display: none;
}
.checkbox_style_2 input:checked ~ .checkmark2:after {
background: #94d5ff;
content: "";
display: block;
position: absolute;
border-radius: 0px;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
}
.checkbox_style_2.page_close {
background: rgba( 255, 0, 0, 0.4);
}


.checkbox_wrap_block {
padding: 0px 0px 2px 7px;
margin: 0px 0px 5px 0px;
border: 1px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
/* #################################################### */
/* ############  Концерты ► Калькулятор  ##################### */
/* #################################################### */
.surname_style {
color: #94d5ff;
font-size: 1em;
font-weight: bold;
line-height: 30px;
}
.summ_style {
color: #caca00;
font-size: 1em;
font-weight: bold;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.table_classic_style table {
border: 0px solid #000000;
border-spacing: 2px 2px;
border-collapse: separate;
width: 100%;
}
.table_classic_style td {
border: 1px solid #595960;
padding: 5px;
font-size: 0.8em;
}
.table_classic_style tr:nth-child(2n){
background-color: #1b2730;
}
.table_classic_style tr:nth-child(2n+1){
background-color: #293d4b;
}
/* #################################################### */
/* ############   Репертуар для заказчиков   ##################### */
/* #################################################### */
.song_list_style input[type=checkbox] {
display: inline;
height: 16px;
width: 16px;
border: 2px solid #000000;
position: relative;
top: 3px;
left: -5px;
background-color: #000000;
transform:scale(1.5);
}
.song_list_style input[type=checkbox]:checked + a {
color: #ffff99;
}
.song_list_style [type="text"] {
margin: 0px 0px 8px 0px;
background-color: transparent;
border: 1px solid #314757;
width: 99.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;
}
.song_list_style [type="text"]:hover {
border: 1px solid #678da9;
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;
}
.song_list_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;
margin: 0px 0px 8px 0px;
-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;
}
.song_list_style [type="submit"]:hover {
cursor: url("../../img/pointer.cur"), pointer;
background-color: #23333f;
-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;
border: 1px solid #678da9;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.song_list_style label {
margin: 0px 0px 5px 0px;
display: block;
}
.clearSongList_style {
display: block;
background-color: #1b2730;
border: 1px solid #314757;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color: #ffff73;
font-size: 14px;
font-weight: bold;
height: 30px;
line-height: 28px;
text-align: center;
-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;
}
.clearSongList_style:hover {
cursor: url("../../img/pointer.cur"), pointer;
background-color: #23333f;
-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;
border: 1px solid #678da9;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.errors_default {
color: #dddddd;
font-weight: bold;
}
.errors_no {
color: #ff0000;
font-weight: bold;
}
.errors_yes {
color: #ff9326;
font-weight: bold;
}
/* #################################################### */
/* ####################   Страница Райдер   ################### */
/* #################################################### */
.repertoirePlaylist.icon-link-ext.riderStyle li.repertoireNamePlaylist.logotype {
margin: -20px 0px 5px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.contentPaddingTrue.textsStyle.riderStyle h1 {
font-size: 20px;
font-weight: bold;
margin: 10px 0px 10px 0px;
color: #ff4c4d;
}
.contentPaddingFalse.riderStyle .archiveConcerts p, .contentPaddingFalse.riderStyle .menuArchive p {
font-size: 13px;
}
.contentPaddingFalse.riderStyle p {
line-height: 25px;
letter-spacing: 0.03em;
font-size: 17px;
margin: 0px 0px 15px 0px;
}
.contentPaddingFalse.riderStyle b {
font-weight: bold;
}
.contentPaddingFalse.riderStyle .sp-body {
padding: 10px 10px 10px 10px;
}
.contentPaddingFalse.riderStyle .sp-body.inputList {
padding: 0px 0px 0px 0px;
}
.contentPaddingFalse.riderStyle .sp-body table {
border: 0px solid #000000;
border-spacing: 3px 3px;
width: 100%;
}
.contentPaddingFalse.riderStyle .sp-body td {
border: 1px solid #595960;
padding: 5px 7px 7px 7px;
}
.trStyle {
background-color: #1e1e20;
color: #cccccc;
text-shadow:0px 0px 1px #000000;
}
.trStyleVoc {
background-color: #404000;
}
.trStyleInstrum {
background-color: #004000;
}
.trStyleDrums {
background-color: #480000;
}
.circleStyle {
color: #ffff4c;
}
/* #################################################### */
/* #################   Страница Логотипы   #################### */
/* #################################################### */
.logotypeWrap {
text-align: center;
}
.logotypeWorm {
width: 23.555555%;
display: inline-block;
margin: 0px 2px 2px 0px;
border: 1px solid transparent;
}
.logotypeWorm:hover .logotypeImg, .logotypeWorm:hover .logotypeTitle {
border: 1px 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;
}
.logotypeWorm:hover .logotypeTitle a {
-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;
color:#ccebff;
}
.logotypeWorm img {
width: 100%;
display: block;
}
.logotypeImg {
width: 100%;
border: 1px solid #385265;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
overflow: hidden;
-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;
}
.logotypeTitle {
background-color: #1b2730;
margin: 4px 0px 0px 0px;
border: 1px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
width: 100%;
-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;
}
.logotypeTitle a {
display: block;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.timetable_month:before  {
font-family: 'fontello';
/* content: '\f24d'; */
content: '\e82d';
color:#bbbbbb;
font-size: 1.1em;
}
.timetable_month:hover:before  {
color:#94d5ff;
cursor:pointer;
}
.timetable_month_contents_close {
background-color: #1b2730;
border: 1px solid #314757;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 3px 5px 7px 5px;
text-align: center;
}
.timetable_month_contents_close:hover {
cursor:pointer;
}
/* #################################################### */
/* #################################################### */
.linkButton {
background-color: #1b2730;
font-weight: bold;
padding: 3px 12px 5px 11px;
border: 2px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
display: inline-block;
-moz-box-shadow: 0px 0px 10px 1px #000;
-webkit-box-shadow: 0px 0px 10px 1px #000;
box-shadow: 0px 0px 10px 1px #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;
}
.linkButton:hover {
background-color: #1b2730;
border: 2px solid #94d5ff;
color: #ffffff;
-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 #2e4150;
-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;
}
.namePage a {
color:#FFFF73;
}
.repetitionMessageGreen {
color:#00ca00;
font-weight:bold;
margin:0px 0px 15px 0px;
border-bottom: 2px dotted #00ca00;
padding: 0px 0px 5px 0px;
}
.repetitionMessageGreen img {
border: 2px solid #94d5ff;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-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;
}
.repetitionMessageGreen img:hover {
border: 2px solid #ff0000;
-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;
}
.repetitionMessageYellow {
color:#FFFF73;
font-weight:bold;
margin:0px 0px 15px 0px;
}
.contentPaddingTrue {
color: #eeeeee;
font-size: 1.6em;
line-height: 1.4em;
padding: 0.5em;
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;
}
/* #################################################### */
/* #################################################### */
.articles_p_style_1 {
color: #ffbf00;
font-weight: bold;
border-bottom: 1px dotted #ffbf00;
padding: 0px 0px 3px 0px;
margin: 0px 0px 15px 0px;

}
.articles_p_style_2 {
color: #dddddd;
line-height: 25px;
margin: 0px 0px 15px 0px;
}

.articles_code_style {
border: 1px solid #314757;
background: rgba( 0, 0, 0, 0.25);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #888888;
text-shadow:1px 1px 1px #000000, 1px 1px 1px #000000;
line-height: 25px;
padding: 5px 5px 5px 10px;
position: relative;
margin: 0px 0px 15px 0px;
}
.articles_code_style:before {
color: #aaaaaa;
text-shadow:1px 1px 1px #000000, 1px 1px 1px #000000;
font-size: 14px;
font-weight: bold;
position: absolute;
top: -23px;
left: 3px;
content: "Код:";
}
.articles_style_right {
text-align: right;
}

/* #################################################### */
/* #################################################### */
.text_span_style {
display: block;
color: #94d5ff;
text-shadow:1px 1px 1px #000000, 1px 1px 1px #000000;
padding: 2px 0px 5px 7px;
border: 1px solid transparent;
margin: 0px 0px 3px 0px;

-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;
}
.text_span_style:hover {
cursor: pointer;
color: #ffff73;
background-color: #1b2730;
padding: 2px 0px 5px 7px;
border: 1px solid #293947;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;

text-shadow:1px 1px 1px #000000, 1px 1px 1px #000000;
-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;
}
.open_text {
color: #ffff73;
text-shadow:1px 1px 1px #000000, 1px 1px 1px #000000;
background-color: #1b2730;
padding: 2px 0px 5px 7px;
border: 1px solid #293947;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.ajax_content {
padding: 0px 10px 0px 10px;
}
.text_content_style {
/* white-space: 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.*/
}
.btm_close {
color: #ffff73;
background-color: #1b2730;
padding: 2px 0px 5px 7px;
margin: 10px 0px 3px 0px;
border: 1px solid #293947;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.btm_close:hover {
cursor: pointer;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.box_music {
position: fixed;
top:0px;
left:0;
width: 100%;
z-index: 100000;
}
.box_music.hide_menu {
/* position: fixed; */
top:-300px;
}
.box_link_text_note {
margin: 0px 0px 4px 0px;
}
.link_text {
background-color: #1b2730;
display: inline-block;
max-width: 250px;
padding: 2px 8px 4px 6px;
margin: 0px 8px 0px 27px;
}
.link_note {
background-color: #1b2730;
display: inline-block;
max-width: 250px;
padding: 2px 8px 4px 6px;
}
.link_note:hover {
cursor: pointer;
border: 1px solid #77c9ff;
}
.link_text:hover {
cursor: pointer;
border: 1px solid #77c9ff;
}
.box_text_note {
border: 1px solid transparent;
}
/* Текст */
.link_text.state_close {
background-color: #1b2730;
border: 2px solid #314757;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.link_text.state_open {
border: 2px solid #ff0000;
border-bottom: 2px solid #1b2730;
position: relative;
z-index: 101;

-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;
}
/* Ноты */
.link_note.state_close {
background-color: #1b2730;
border: 2px solid #314757;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.link_note.state_open {
border: 2px solid #ff0000;
border-bottom: 2px solid #1b2730;
position: relative;
z-index: 101;

-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;
}

.link_text.state_close:before {
content: "\25BA";
color: #ffff99;
}
.link_text.state_open:before {
content: "\25BC";
color: #ffff99;
}
.link_note.state_close:before {
content: "\25BA";
color: #ffff99;
}
.link_note.state_open:before {
content: "\25BC";
color: #ffff99;
}
.data_text {
margin: -4px 0px 0px 0px;
border: 3px solid #ff0000;
padding: 5px 10px 8px 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.*/
position: relative;
z-index: 100;

border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.data_note {
margin: -4px 0px 0px 0px;
border: 3px solid #ff0000;
overflow: hidden;
position: relative;
z-index: 100;

border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.data_note img {
width: 100%;
display: block;
}

.link_player {
background-color: #1b2730;
display: inline-block;
max-width: 250px;
padding: 2px 8px 4px 6px;
margin: 0px 8px 0px 8px;

border: 2px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.close_box_text_note {
background-color: #172128;
margin: -4px 0px 0px 0px;
text-align: center;
border-top: 3px solid #ffff26;
border: 3px solid #ff0000;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
padding: 2px 0px 4px 0px;
}
.close_box_text_note:hover {
cursor: pointer;
}
/* #################################################### */
/* #######################  Плеер  ####################### */
/* #################################################### */
a[name] {
padding-top: 35px;
margin-top: -35px;
-webkit-background-clip: content-box;
background-clip: content-box;
}
.repertoirePlaylist.icon-link-ext {
margin: 0px 0px 0px 5px;
}
.repertoirePlaylist.icon-link-ext li::before  {
/* content: "● "; */
font-family: 'fontello';
content: '\f08e';
color: #FFFF4C;
font-size: 14px;
color: #ffff99;
}
.repertoirePlaylist.icon-down-open {
margin: 0px 0px 0px 0px;
}
.repertoirePlaylist.icon-down-open li::before  {
/* content: "● "; */
font-family: 'fontello';
content: '\e859';
color: #FFFF4C;
font-size: 15px;
color: #ffff99;
left: -7px;
top: 0px;
}
.repertoirePlaylist.icon-star li::before  {
/* content: "● "; */
font-family: 'fontello';
content: '\e806';
color: #ffff99;
font-size: 18px;
left: -7px;
top: 0px;
}
.repertoirePlaylist.icon-down-open li:hover::before {
color: #40ff00;
}
.repertoirePlaylist a {
text-shadow:1px 1px 1px #000000, 1px 1px 1px #000000;
}
.repertoirePlaylist a:hover {
text-decoration: none;
color: #FFFFFF;
text-shadow:0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 1px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 3px #FFFFFF;
-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;
}
.repertoirePlaylist li::before  {
position: relative;
left: -7px;
top: 1px;
}
.repertoirePlaylist.icon-play-circled li a::before  {
/* content: "● "; */
/* content: "\266B  "; */
font-family: "fontello";
/* content: '\e86a'; */
content: '\f144';
color: #ffff99;
position: relative;
left: -7px;
top: 1px;
font-size: 20px;
-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;
}
.repertoirePlaylist.icon-heart li::before  {
/* content: "● "; */
/* content: "\266B  "; */
font-family: "fontello";
/* content: '\e86a'; */
content: '\e804';
color: #ff2626;
position: relative;
left: -7px;
top: 1px;
font-size: 18px;
}
.repertoirePlaylist li {
padding: 0px 0px 3px 10px;
}
.repertoirePlaylist .song_list_count {
color: #8ba9be;
font-size: 11px;
font-weight: bold;
background-color: #1b2730;
border: 1px solid #47677e;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
text-shadow:2px 1px 1px #000000;
padding: 2px 6px 3px 5px;
margin: 0px 0px 0px 4px;
position: relative;
top: -1px;
right: -2px;
-moz-box-shadow: 0 0 7px -2px #000;
-webkit-box-shadow: 0 0 7px -2px #000;
box-shadow: 0 0 7px -2px #000;
}
.repertoirePlaylist li:hover::before {
color: #FFFFFF;
text-shadow:0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 1px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 3px #FFFFFF;
-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;
}
ol.repertoirePlaylist li.repertoireNamePlaylist {
color: #ffffb9;
border-bottom: 2px dotted #ffffb9;
padding: 0px 0px 5px 4px;
margin: 0px 0px 10px 0px;
font-weight: bold;
}
ol.repertoirePlaylist li.repertoireNamePlaylist::before {
content: "";
color: #EEEEEE;
}
.wrap_song_list {
background: rgba( 0, 0, 0, 0.15);
border: 1px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.wrap_song_list2 {
background: rgba( 0, 0, 0, 0.15);
border: 1px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding: 10px;
}
.wrap_song_list .repertoirePlaylist {
padding: 7px 10px 10px 10px;
}
.wrap_song_list_name {
background-color: #1b2730;
padding: 3px 10px 5px 12px;
color: #ffffb9;
font-size: 1em;
font-weight: bold;

border-bottom: 2px solid #314757;
-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;
}
.playerStyleError {
border-top:0px solid #4D6B82;
border-bottom:0px solid #46657D;
background-color:#172128;
margin:0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
text-align: center;
}
.playerStyleError p.clean_button_style {
margin: 20px 0px 0px 0px;
padding: 0px 0px 4px 0px;
text-shadow:1px 1px 0px #000000, 2px 2px 0px #000000;
color:#FFFFBF;
font-weight:bold;
font-size:15px;
background-color:#263744; /* фон названия плеера */
}
.playerStyleError .clean_button_style {
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.playerStyleError .clean_button_style a {
display: block;
line-height: 28px;
color: #FFE854;
}
.playerStyle {
border-top:0px solid #4D6B82;
border-bottom:0px solid #46657D;
background-color:#172128;
margin:0px 0px 0px 0px;
padding:0px;
}
.playerStyle p {
margin:0px;
padding:2px 0px 5px 15px;
text-shadow:1px 1px 0px #000000, 2px 2px 0px #000000;
color:#FFFFBF;
font-weight:bold;
font-size:15px;
background-color:#263744; /* фон названия плеера */
}
.playerStyle p a {
color:#94D5FF;
}
.playerControlStyle {
background-color:#172128; /* фон плеера */
height:35px !important;
}
.xpHeight {
height:3px;
background-color:#172128; /* фон плеера */
}
.progresstip.xt1.xbottomArrow { /* подсказка прогресса */
background-color:#405E73 !important;
color:#FFFFFF !important;
border:1px solid #000000 !important;
top:-19px  !important;
}
.volumetip.xt1.xbottomArrow { /* подсказка громкости */
background-color:#405E73 !important;
color:#FFFFFF !important;
border:1px solid #000000 !important;
top:25px  !important;
}
.xbottomArrow::after {
bottom: 4px !important;
}
.xbottomArrow::before, .xbottomArrow::after {
bottom: -5px !important; /* подсказка громкости - положение */
color:#405E73 !important;
}
.progresstip, .volumetip {
top: -20px !important; /* подсказка громкости - положение */
}
.xt1::before, .xt1::after {
-moz-user-select: none;
content: "♦" !important;
font-family: monospace;
font-size: 10px;
height: 10px;
line-height: 12px;
overflow: hidden;
position: absolute;
text-align: center;
width: 10px;
}
.progress { /* фон движка прогресса */
background-color:#6991AB !important; 
}
.progressScale { /* фон прогресса */
background-color:#405E73 !important;
height: 29px !important;
top: 10px !important;
right: 16px !important;
left: 98px !important;
/* width: 56px !important; */
}
.volume { /* фон движка громкости */
background-color:#6991AB !important;
}
.volumeScale { /* фон громкости */
background-color:#405E73 !important;
top: 12px !important;
width: 56px !important;
position: inherit !important;
right: -55px !important;
top: 55px !important;
width: 95.777777% !important;
height: 29px !important;
display: block !important;
/* background-color: #FF0000 !important; */
}
.block_fixed .volumeScale { /* фон громкости */
width: 95.555555% !important;
}
.volumeScale::before { /* фон громкости */
font-family: "fontello";
content: '\e849';
color: #405e73;
font-size: 34px;
text-shadow:0px 0px 0px #ffffff;
position: absolute;
left: -40px;
top: 4px;
}
.playerStyle .play  { /* фон кнопки play */
border-left: 26px solid #405E73 !important;
border-bottom: 9px solid rgb(27, 39, 48) !important;
border-bottom: 15px solid rgba(255, 255, 0, 0) !important;
border-top: 15px solid rgba(255, 255, 0, 0) !important;
top: 10px !important;
}
.playerStyle .pause {  /* фон кнопки пауза */
border-left: 10px solid #405E73 !important;
border-right: 10px solid #405E73 !important;
top: 10px !important;
height: 29px !important;
}
.playerStyle .stop { /* фон кнопки стоп  */
background-color:#405E73 !important;
height: 29px !important;
width: 29px !important;
left: 55px !important;
top: 10px !important;
}
.contentPaddingFalse a.load_data_music_link {
display: block;
font-size: 14px;
padding: 10px 10px 10px 10px;
color: #94D5FF;
line-height: 16px;
font-weight: bold;
background-color: #1B2730;
border-top: 0px solid #94D5FF;
border-bottom: 1px solid #23333f;
}
.contentPaddingFalse a.load_data_music_link:hover {
background-color: #23333f;
}
.contentPaddingFalse a.load_data_music_link::before {
font-family: "fontello";
/* content: '\e86a'; */
content: '\f144';
color: #ffff99;
position: relative;
left: -4px;
top: 2px;
font-size: 22px;
}
.playerStyle .clean_button_style {
text-align: center;
margin: 62px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.playerStyle .clean_button_style a {
display: inline-block;
background-color: #172128;
line-height: 24px;
color: #FFE854;
border: 1px solid #405e73;
padding: 0px 5px 4px 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

-moz-box-shadow: 0 0 9px -2px #000;
-webkit-box-shadow: 0 0 9px -2px #000;
box-shadow: 0 0 9px -2px #000;
}
a span.player_button {
color: #FFFF73;
}
a span.player_button:hover {
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;
}
.hide_player {
position: absolute;
top: 1px;
right: 4px;
padding: 0px 10px 3px 10px;
background-color: #172128;

-moz-box-shadow: 0 0 9px -2px #000;
-webkit-box-shadow: 0 0 9px -2px #000;
box-shadow: 0 0 9px -2px #000;


border: 1px solid #405e73;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.hide_player:hover {
cursor: pointer;
}
.box_music.hide_player_style {
top: -200px;
}
.box_hide_player_show {
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffff99;
/* position: absolute; */
position: fixed;
top: 3px;
right: 3px;
background-color: #172128;
padding: 3px 10px 8px 10px;
z-index: 10000000000000000;

border: 1px solid #405e73;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

-moz-box-shadow: 0 0 9px -2px #000;
-webkit-box-shadow: 0 0 9px -2px #000;
box-shadow: 0 0 9px -2px #000;
}
.box_hide_player_show:hover {
cursor: pointer;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.block_fixed {
position: fixed;
top:0px;
left:0;
width: 100%;
z-index: 100000;
}
.block_Fixed_Button.block_fixed {
background-color: #000000;
background: rgba( 0, 0, 0, 0.5);
border-bottom: 1px solid #314757;
padding: 0px 10px 0px 10px;
}
.block_Fixed_Button.block_fixed .button_style {
width: calc(99% - 0.5em);
}
/* #################################################### */
/* ##############  Скачать репертуар с Облако Mail.Ru  ############## */
/* #################################################### */
.link_to a {
display: inline-block;
background-color: #1b2730;
border: 1px solid #2e4150;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding: 5px 10px 5px 10px;
font-size: 15px;
-moz-box-shadow: 0 0 15px -5px #000;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -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;
}
.link_to a:hover {
border: 1px solid #94d5ff;
color: #ffffb9;
-moz-box-shadow: 0px 0px 10px 1px #000;
-webkit-box-shadow: 0px 0px 10px 1px #000;
box-shadow: 0px 0px 10px 1px #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;
}
.link_to.icon-link-ext a::before  {
/* content: "● "; */
font-family: 'fontello';
content: '\f08e';
color: #FFFF4C;
font-size: 14px;
color: #ffff99;
padding: 0px 7px 0px 0px;
}
/* #################################################### */
/* #########################  Видео  ##################### */
/* #################################################### */
.videoRehearsal {
position:relative;padding-bottom:56.25%;/*пропорции видео 16:9 */padding-top:25px;height:0;
}
.videoRehearsal iframe {
position:absolute;top:0;left:0;width:100%;height:100%;
}
.playBg {
background-image:url(../../img/rollover.png);
background-size:150% 300%;
background-position:50% 12.5%;
background-repeat:no-repeat;
position:absolute;
top:0;
z-index:100;
height:100%;
width:100%;
}
.playBg:hover {
background-position:50% 87.5%;
}
.my_video img{
width:100%;
display:block;
}
.wrapVideo {
text-align:center;
}
.clearVideo {
clear:both;
}
.event_video {
float: right;
}
.my_video{
width:48%;
display:inline-block;
cursor: url("../../img/pointer.cur"), pointer;
border: 3px solid #9D9D9D;
margin:0px 0px 2px 0px;
overflow:hidden;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
position:relative;

}
.my_video:hover{
border: 3px solid #C31AC3;
-moz-box-shadow: 0 0 7px -2px #C59EFF, 0 0 7px 2px #771DFF;
-webkit-box-shadow: 0 0 7px -2px #C59EFF, 0 0 7px 2px #771DFF;
box-shadow: 0 0 7px -2px #C59EFF, 0 0 7px 2px #771DFF;
-webkit-transition-duration: 0.30s;
-moz-transition-duration: 0.30s;
-o-transition-duration: 0.30s;
transition-duration: 0.30s;
}
.video-responsive { 
position: relative; 
padding-bottom: 56.25%; 
height: 3px; 
background-image:url(../../img/bgVideoLogo.jpg);
background-size:cover;
/* overflow:hidden;  */
} 
.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
height: 100%; 
}
.closeAll {
padding:17px 0px 0px 0px;
position:fixed;
bottom:15px;
right:3px;
}
.closeAll a {
padding:6px 7px 7px 7px;
background-color:#470A47;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
color:#ffffff;
text-shadow:1px 1px 0px #790000;
text-decoration:none;
border:3px solid #390939;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
}
.closeAll a:hover {
-moz-box-shadow: 0 0 7px -2px #C59EFF, 0 0 7px 2px #771DFF;
-webkit-box-shadow: 0 0 7px -2px #C59EFF, 0 0 7px 2px #771DFF;
box-shadow: 0 0 7px -2px #C59EFF, 0 0 7px 2px #771DFF;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
border:3px solid #550D55;
}
/* ############################################################# */
/* ############################################################# */
/* ############################################################# */
.searchInputStyle {
padding: 0px 0px 0px 7px;
margin: 0px 0px 10px 0px;
text-align: center;
}
.searchInputStyle input[type="text"] {
border: 2px solid #6C8FAC;
padding: 2px 0px 3px 5px;
background-color: transparent;
color: #FFFFFF;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-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;
width: 50%;
}
.searchInputStyle input[type="text"]:hover {
border: 2px solid #D6E0EB;
-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;
color: #FFFFFF;
}
.hash_tags_button {
background-color: #94d5ff;
border: 1px solid #6cc5ff;
color: #222222;
width: 100%;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-align: left;
padding: 5px 0px 5px 10px;
margin: 0px 0px 5px 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;
position: relative;
}
.sp-wrap .link_delete_list a {
color: #ff4c4d;
background-color: #1b2730;
position: absolute;
right: 1px;
top: 0px;
font-size: 12px;
padding: 2px 10px 4px 10px;
border: 1px solid #446075;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.sp-wrap .link_delete_list a:hover {
color: #ff0000;
border: 1px solid #ff2626;
background-color: #151f26;
text-shadow:0px 0px 1px #000000, 0px 0px 2px #000000;
}
.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;
}
/*##################################################################*/
/*########################  Концерты ► Создать  ###########################*/
/*##################################################################*/
.styleBody_Concerts_create .contentPaddingTrue {
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}
.count_song_shutdown {
background: rgba( 0, 0, 0, 0.15);
border: 1px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding: 10px 10px 10px 10px;
}
.count_song_shutdown.statistics_user {
color: #eeeeee;
font-size: 14px;
font-weight: bold;
}
.count_song_shutdown.statistics_user b {
color: #888888;
font-size: 14px;
font-weight: bold;
}
.statistics_user_name {
display: block;
color: #94d5ff;
font-size: 15px;
border-bottom: 2px dotted #94d5ff;
padding: 0px 0px 5px 0px;
margin: 0px 0px 7px 0px;
}
.form_concerts_create .concert_limiter {
font-size: 0.85em;
color: #94d5ff;
text-align: left;
margin: 0px 0px 0px 10px;
}
.concert_limiter input {
text-align: left;
margin: 0px 10px 0px 0px;
}
.successfully_msg {
color:#00b32d;
font-weight:bold;
font-size: 1em;
}
.error_msg {
color:#ff0000;
font-weight:bold;
font-size: 1em;
}
.form_concerts_create {

}
.form_concerts_create p {
font-size: 0.9em;
color: #ffff99;
font-weight: bold;
text-align: left;
margin: 0px 0px 2px 2px;
}
.form_concerts_create [type="text"] { /* Дата выступления */
margin: 0px 0px 10px 0px;
background-color: transparent;
border: 1px solid #314757;
width: calc(100% - 0.25em);
height: 25px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color: #cccccc;
font-size: 1.15em;
font-weight: bold;
text-align: left;
-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;
}
.form_concerts_create [type="checkbox"] {
transform: scale(1.5);
margin: 10px 10px 10px 5px;
}
.form_concerts_create textarea { /* Дата выступления */
margin: 0px 0px 10px 0px;
background-color: transparent;
border: 1px solid #314757;
width: calc(100% - 0.25em);
height: 200px;
color: #cccccc;
font-size: 1em;
font-weight: bold;
text-align: left;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;

border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

-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;
}
.form_concerts_create textarea.textarea_auto_size { /* Дата выступления */
direction:ltl;
display:block;
max-width:100%;
font-smoothing:subpixel-antialiased;
}
.form_concerts_create label {
font-size: 0.85em;
color: #ffff99;
font-weight: bold;
text-align: left;
}
select.place_of_performance { /* Адрес выступления */
margin: 0px 0px 10px 0px;
background-color: transparent;
border: 1px solid #314757;
width: calc(100% - 0.25em);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color: #cccccc;
font-size: 0.95em;
font-weight: bold;
text-align: left;
-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;
height: 32px;
}
select.place_of_performance option {
color: #eeeeee;
background-color: #1b2730;
font-size: 1em;
}
select.select_performers {
background-color: transparent;
border: 1px solid #314757;
width: calc(100% - 0.25em);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align: left;
-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;
}
select.select_performers option { /* Участники выступления */
font-size: 1.15em;
padding: 2px 0px 4px 7px;
font-weight: bold;
color: #cccccc;
}
.button_style {
margin: 10px 0px 10px 0px;
background-color: #1b2730;
border: 1px solid #314757;
width: calc(100% - 0.25em);
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;
}
.save_form {

}
.admin_button_style {
background-color: #1b2730;
border: 1px solid #314757;
width: 99.8888%;
padding: 7px 0px 7px 0px;
color: #ffffff;
font-weight: bold;
font-size: 0.9em;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-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;
}
.button_width50 {
width: calc(49% - 0.25em);
margin: 0px 5px 0px 5px;
}
/*##################################################################*/
/*##################################################################*/
/*##################################################################*/
.form_concerts_create .daewoo_nexia_date_style [type="checkbox"] {
transform: scale(1.25);
margin: 10px 10px 10px 5px;
}
.form_concerts_create .daewoo_nexia_date_style label {
color: #94d5ff;
font-size: 15px;
}
.form_concerts_create .daewoo_nexia_date_style {
color: #94d5ff;
padding: 0px 0px 5px 2px;
margin: 0px 0px 10px 0px;
border-bottom: 2px dotted #94d5ff;
}
.form_concerts_create .daewoo_nexia_text_style {
color: #bbbbbb;
line-height: 25px;
font-size: 15px;
}
/*##################################################################*/
/* ######################## Меню Архив концертов ######################### */
/*##################################################################*/
ul.menu {
margin: auto; 
padding: 0; 
height: 30px; 
width: 100%;
}
ul.menu li {
float: left;
list-style: none;
}
ul.menu li a {
color: #94D5FF;
display: block;
padding: 0px 5px 6px 52px;
text-decoration: none;
}
ul.menu li ul {
display: none;
margin-left: 12px;
padding: 0px;
z-index: 200000000;
}
ul.menu li:hover ul {
display: block;
position: absolute;
}
ul.menu li:hover ul li {
float: none;
}
ul.menu ul li  {
background: #344B5C;
padding: 6px 12px 0px;
}
ul.menu ul li:hover  {
background: #283A48;
padding: 6px 12px 0px;
}
ul.menu ul li a {
color: #94D5FF;
padding: 6px 12px 0px;
}
ul.menu ul li a:hover {
background: #283A48;
color: #FFFF73;
padding: 6px 12px 0px;
}
ul.menu li:hover ul li a {
padding: 0px 0 8px;
}
/* ################################################### */
/* #######################  Клавиши  ##################### */
/* ################################################### */
.octave_style_1 {
padding: 0px 10px 0px 10px;
background-color: #0059b3; 
}
.octave_style_2 {
padding: 0px 10px 0px 10px;
background-color: #b3b300; 
}
.white_key_style {
display: block;
background-color: #aaaaaa; 
color: #111111;
padding: 10px 10px 10px 10px;
text-shadow:0px 0px 0px #000000;
}
.black_key_style {
display: block;
background-color: #222222; 
color: #aaaaaa;
padding: 10px 10px 10px 10px;
}
/* ################################################### */
/* ################################################### */
/* ################################################### */
#demo-test-gallery img {
max-width: 100%;
}
.demo-gallery figure {
display: 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;
}
.block_Fixed_Button.block_fixed .button_style {
width: calc(99% - 0.8em);
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@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;
}
.song_list_style input[type=checkbox] {
transform:scale(1.1);
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@media only screen and (max-width: 700px) {
.volumeScale { /* фон громкости */
width: 89.99999% !important;
}
.block_fixed .volumeScale { /* фон громкости */
width: 89.55555% !important;
}
.button_width50 {
width: calc(49% - 0.5em);
margin: 0px 5px 0px 5px;
}
.block_Fixed_Button.block_fixed .button_style {
width: calc(99% - 1em);
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@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%;
}
.form_concerts_create [type="text"] {
width: calc(100% - 0.25em);
}
.block_Fixed_Button.block_fixed .button_style {
width: calc(99% - 1.25em);
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
@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:0px 0px 0px 0px;
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;
}
#centerColumn{
padding: 37px 0px 10px 0px;
}
.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;
}
}
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* —————————————————————————————————————— */
/* #################################################### */
/* #################################################### */
/* #################################################### */