/*####################################################################*/
/*########################### ВЁРСТКА МАКЕТА ############################*/
/*####################################################################*/
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)>100%? '100%': 'auto');
}
*html #all{
width: 100%;
}
*html #leftColumn{
margin-right: -100%;
}
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
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;
}
html, body, #wrapAll{
height: 100%;

/* background: url(../img/bgBody017.png) repeat #2e2e2e; */
/* background-color: #272727; */
background-attachment: fixed;
}
#wrapAll{
min-width:240px;
max-width: 100%; /* Не забудь эти значения поменять и для IE 6 - в *html #container - строка 44-45 */
margin: 0px auto 0px auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 14px; */
/* color: #000000; */
/* text-shadow: 0px 0px 1px #FFFFFF; */
}
#main{
min-height:100%;
margin:0px 0px -40px 0px; /*Здесь регулируется высота подвала*/	
}
#all{
/* overflow:auto; */
padding:0px 0px 50px 0px; /*Здесь резервируется место для подвала*/
}
#header{
/* height:152px; */

/* position: relative; */
}
#leftColumn{
float:left;
width:200px;
}
#rightColumn{
float:right;
width:200px;
}
#centerColumn{
max-width: 1000px;
margin: 0px auto 0px auto;
}
#footer{
height:40px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index:100;
background-color: #1b2730;
border-top: 1px solid #314757;

-moz-box-shadow: 0px 0px 10px 1px #000;
-webkit-box-shadow: 0px 0px 10px 1px #000;
box-shadow: 0px 0px 10px 1px #000;
}
#footer.hide_menu {
bottom: -1000px;
}
/*####################################################################*/
/*####################### КОНЕЦ ВЁРСТКА МАКЕТА ############################*/
/*####################################################################*/
*::-moz-selection {
color: #1B2730;
background: #94D5FF;
}
*::selection {
color: #1B2730;
background: #94D5FF;
}
#headerStyle {
/* padding:10px 10px 10px 10px; */
width: 100%;
background-color: #1b2730;
/* position: absolute; */
/* top: 0px; */
/* left: 0px; */
}
#leftColumnStyle {
background:#E25252;
padding:10px 10px 10px 10px;
}
#rightColumnStyle {
background:#E281DF;
padding:10px 10px 10px 10px;
}
#centerColumnStyle {
color: #bbbbbb;
background: rgba( 0, 0, 0, 0.3);
padding:10px 12px 10px 12px;
margin: 0px 0px 0px 0px;
border: 1px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
line-height: 25px;
/* word-break: break-all; */
overflow-wrap: break-word;
}
#footerStyle {
padding:10px 10px 10px 10px;
text-align: center;
}
#footerStyle a {
color: #eeeeee;
font-size: 13px;
font-weight: bold;
}
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
#centerColumnStyle p {
margin: 0px 0px 20px 0px;
font-size: 16px;
}
#centerColumnStyle .pVideoName {
font-size: 16px;
margin: 0px 0px 0px 0px !important;
font-weight:bold;
padding: 0px 0px 0px 0px;
/* margin:0em 0em 1em 0em; */
color:#FFFFDD;
line-height: 1.5em;
}
a {
color: #FFFFBF;
font-weight: bold;
text-decoration: none;
/* padding: 0px 0px 3px 0px; */
/* border-bottom: 2px dotted #BBBBBB; */
}
b {
font-weight: bold;
color: #DDDDDD;
}
/*####################################################################*/
/*##############################  Шрифты  ###############################*/
/*####################################################################*/
@font-face {
font-family: 'Conv_Archive';
src: url('../fonts/Archive.eot'); /* IE9 Compat Modes */
src: url('../fonts/Archive.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Archive.woff') format('woff'), /* Modern Browsers */
url('../fonts/Archive.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Archive.svg#Archive') 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: 'Material_Icons';
  src: url('../fonts/MaterialIcons_Regular.eot?11191792');
  src: url('../fonts/MaterialIcons_Regular.eot?11191792#iefix') format('embedded-opentype'),
       url('../fonts/MaterialIcons_Regular.woff2?11191792') format('woff2'),
       url('../fonts/MaterialIcons_Regular.woff?11191792') format('woff'),
       url('../fonts/MaterialIcons_Regular.ttf?11191792') format('truetype'),
       url('../fonts/MaterialIcons_Regular.svg?11191792#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: 'a_FuturaRoundDemi';
src: url('../fonts/AFuturaRoundDemi.eot'); /* IE9 Compat Modes */
src: url('../fonts/AFuturaRoundDemi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/AFuturaRoundDemi.woff') format('woff'), /* Modern Browsers */
url('../fonts/AFuturaRoundDemi.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/AFuturaRoundDemi.svg#AFuturaRoundDemi') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
legend {
color: #FFFFBF;
padding: 2px 7px 5px 7px;
font-weight: bold;
font-size: 16px;
}
fieldset {
font-size: 14px;
font-weight: bold;
color: #AAAAAA;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 15px;
border: 1px solid #2C404F;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: rgba( 0, 0, 0, 0.2);
}
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
textarea {
/* border:1px solid #999999; */
width:99%;
margin:5px 0;
padding:3px;
}
/*####################################################################*/
/* ################################  Спойлер  ############################ */
/*####################################################################*/
.sp-wrap.no_border {
border: 1px solid transparent;
}
.sp-wrap.no_border .sp-body {
padding: 10px 10px 10px 10px;
}
.sp-wrap.no_border .sp-head.unfolded {
color: #ffffbf;
}
.sp-wrap {
clear:both;
margin: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;

border: 1px solid #314757;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.sp-head {
text-align: left !important;
border-width: 0;
font-size: 14px;
font-weight: bold;
color: #aaaaaa;
line-height: 20px;
cursor: pointer;
}
.sp-head.folded {  /* Название закрытого спойлера */
padding:1px 3px 6px 8px;
}
.sp-head.unfolded { /* Название открытого спойлера */
padding:1px 3px 6px 8px;
}
.sp-head.folded.clickable.unfolded {
border-bottom:1px solid #314757;
}
.sp-body {
border-width:1px 0 0 0;
display:none;
font-weight:normal;
/* background:#F5F5F5; */
}
.clickable {
cursor:pointer;
}
.sp-head.unfolded.clickable2 {
/* background-color:#FFCFFF; */
border-top:1px solid #314757;
}
.folded:before { /* Закрытый спойлер */
/* display:block; */
font-family: "Material_Icons";
content: '\e5cf';

color: #4a6b84;
position: relative;
top: 6px;
left: -4px;
font-size: 22px;

/* background:transparent url(plus.gif); */
/* background-repeat: no-repeat; */
/* background-position: 7px 5px; */
/* padding-left: 22px; */
}
.unfolded:before { /* Открытый спойлер */
/* display:block; */
font-family: "Material_Icons";
content: '\e5ce';

color: #4a6b84;
position: relative;
top: 6px;
left: -4px;
font-size: 22px;

/* background:transparent url(minus.gif); */
/* background-repeat:no-repeat; */
/* background-position:7px 5px; */
/* padding-left:22px; */
}
.clear {
clear:both;
height:0;
font-size:0px;
line-height:0px;
overflow:hidden;
}
/* #################################################### */
/* ###################   Форма входа   ###################### */
/* #################################################### */
#centerColumnStyle .pass_enter {
text-align: center;
margin: 0px 0px 0px -31px;
color: #cccccc;
font-size: 0.9em;
font-weight: bold;
position: relative;
}
.pass_enter img {
position: absolute;
top: -2px;
right: 42px;
width: 25px;
}
#centerColumnStyle .error_pass {
text-align: center;
margin: 0px 0px 0px -30px;
color: #ff0000;
font-size: 0.9em;
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;
}
/*####################################################################*/
/*#############################  Админка   ###############################*/
/*####################################################################*/
.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;
position: relative;
}
.wrap_block_spoiler {
/* background: rgba( 0, 0, 0, 0.15); */
border: 0px solid #314757;
/* border-radius:5px; */
/* -webkit-border-radius:5px; */
/* -moz-border-radius:5px; */
padding: 5px 10px 9px 10px;
position: relative;
}
#centerColumnStyle .msg_admin_style_1 {
margin:  0px 0px 0px 0px;
font-size: 1em;
font-weight: bold;
color: #ffffbf;
line-height: 1.5em;
}
#centerColumnStyle .msg_admin_style_2 {
margin:  0px 0px 0px 0px;
font-size: 1em;
font-weight: bold;
color: #94d5ff;
}
#centerColumnStyle .msg_admin_style_3 {
margin:  0px 0px 0px 0px;
font-size: 0.9em;
font-weight: bold;
color: #cccccc;
line-height: 1.5em;
}
#centerColumnStyle .msg_admin_style_4 {
font-size: 1em;
padding: 7px 0px 0px 0px;
font-weight: bold;
color: #bbbbbb;
border-top: 2px dotted #bbbbbb;
margin:  0px 0px 0px 0px;
}
.msg_admin_style_1 a {
font-size: 1em;
font-weight: bold;
color: #94d5ff;
}
.label_input_style {
font-size: 1em;
font-weight: bold;
color: #ffffbf;
padding: 0px 0px 5px 3px;
}
.msg_style_red {
color: #ff2626;
line-height: 22px;
font-weight: bold;
}
.msg_style_green {
color: #00b32d;
font-weight: bold;
}

.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;
}
.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;
}
label.playlist_create_name_song {
display: block;
border: 1px solid #314757;
padding: 3px 10px 2px 10px;
background-color: #1B2730;

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
label.playlist_create_name_song:hover {
cursor: pointer;
border: 1px solid #94D5FF;
}
.playlist_create_name_song input {
transform: scale(1.5); /* Увеличивает размер флажка */
margin: 0px 15px 0px 0px;
}


/*####################################################################*/
/*#########################  Служебное меню  ##############################*/
/*####################################################################*/
.menu_service_dummy {
margin: 45px 0px 0px 0px;
}
.menu_service {
position: relative;
padding: 3px 3px 10px 8px;
border: 1px solid #314757;
margin: 45px 0px 5px 0px;
background: rgba( 0, 0, 0, 0.3);

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.block_menu_service {
margin: 3px 3px 3px 3px;
border: 1px solid #2c404e;
padding: 5px 10px 10px 10px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background: rgba( 0, 0, 0, 0.6);
}

.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:26px;
left: 0px;
z-index: 100000;
border: 2px solid #79CAFF;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
max-height: 400px;
width: 500px;
max-width: 300px;
overflow: auto ;
/* background: rgba( 0, 0, 0, 0.75); */
background: url(../img/bgBody017.png) repeat #2e2e2e;
background-attachment: fixed;
}
.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 0px;
color: #94d5ff;
}
.menu_container li a:hover {
background-color: #79caff;
color: #000000;
text-shadow:0px 0px 0px #000000;
}
.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;
}
/*####################################################################*/
/*####################################################################*/
/* player_maxmusicmax */

.player_call_btn {
border: 1px solid transparent;
padding: 4px 0px 6px 36px;
margin: 0px 0px 0px 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
position: relative;
color: #AAAAAA;
}
.player_call_btn::before {
font-family: "fontello"; /* Убедитесь, что шрифт подключен */
content: '\eb4d'; /* Код иконки из шрифта */
position: absolute;
top: 4px;
left: 7px;
font-size: 22px; /* Размер иконки */
color: #AAAAAA;
}
.player_call_btn:hover::before {
color: #FFFFBF;
}
.player_call_btn:hover {
border: 1px solid #4E7089;
cursor: pointer;
background-color: #1B2730;
}
.player_call_btn.player_open {
border: 1px solid #4E7089;
background-color: #1B2730;
}
.player_call_btn.player_open::before {
color: #FFFFBF;
}
/*####################################################################*/
/*####################################################################*/
.photoswipe_gallery_item {
display: inline;
}
/*####################################################################*/
/*####################################################################*/
.scrollup {
width:64px;
height:64px;
position:fixed;
bottom: 48px;
right: 8px;
display:none;
text-indent:-9999px;
background: rgba( 0, 0, 0, 0.9);
opacity:0.4;

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;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-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: 0.6;
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;
}
/*####################################################################*/
/*##############################  Checkbox 2  #############################*/
/*####################################################################*/
/* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
.checkbox_title_label {
position: absolute;
top: 3px;
left: 28px;
font-size: 13px;
font-weight: bold;
/* display: inline-block; */
}

.checkbox_style_2 {
display: block;
position: relative;
padding: 10px 0px 10px 0px;
/* 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: 6px;
left: 6px;
height: 13px;
width: 13px;
/* 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: -8px;
left: 2px;
border: solid #ff0000;
border-width: 0 3px 3px 0;

width: 8px;
height: 15px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*####################################################################*/
/*###########################  media only screen  ############################*/
/*####################################################################*/
@media only screen and (max-width: 1440px) {
.progressContainer, .volumeContainer {
width: 99.4444444%;
}
}
@media only screen and (max-width: 1300px) {
.progressContainer, .volumeContainer {
width: 99.3333333%;
}
}
@media only screen and (max-width: 1000px) {
.progressContainer, .volumeContainer {
width: 99.2222222%;
}
}
@media only screen and (max-width: 900px) {
.progressContainer, .volumeContainer {
width: 99.111111%;
}
}
@media only screen and (max-width: 800px) {
.progressContainer, .volumeContainer {
width: 99%;
}
}
@media only screen and (max-width: 730px) {
.menu_service_dummy {
margin: 42px 0px 0px 0px;
}
#centerColumnStyle {
margin: 0px 0px 0px 0px;
border: 1px solid #314757;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
}
@media only screen and (max-width: 720px) {
.progressContainer, .volumeContainer {
width: 98.777777%;
}
}
@media only screen and (max-width: 640px) {
.progressContainer, .volumeContainer {
width: 98.55555%;
}
}
@media only screen and (max-width: 600px) {

}
@media only screen and (max-width: 560px) {
.progressContainer, .volumeContainer {
width: 98.3333333%;
}
}
@media only screen and (max-width: 500px) {

}
@media only screen and (max-width: 460px) {
.progressContainer, .volumeContainer {
width: 97.9999999%;
}
}
@media only screen and (max-width: 440px) {

}
@media only screen and (max-width: 420px) {

}
@media only screen and (max-width: 410px) {

}
@media only screen and (max-width: 400px) {

}
@media only screen and (max-width: 390px) {

}
@media only screen and (max-width: 380px) {
.progressContainer, .volumeContainer {
width: 97.77777%;
}
}
@media only screen and (max-width: 370px) {

}
@media only screen and (max-width: 360px) {

}
@media only screen and (max-width: 350px) {

}
@media only screen and (max-width: 340px) {

}
@media only screen and (max-width: 330px) {

}
@media only screen and (max-width: 320px) {

}
@media only screen and (max-width: 310px) {

}
@media only screen and (max-width: 300px) {

}
@media only screen and (max-width: 290px) {

}
@media only screen and (max-width: 280px) {

}
@media only screen and (max-width: 270px) {

}
@media only screen and (max-width: 260px) {

}
@media only screen and (max-width: 250px) {

}
@media only screen and (max-width: 240px) {

}