/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h7,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary {display:block}
meter,progress,mark, time {display:inline}
ol, ul {list-style:none}
blockquote,q {quotes:none}
html,body {height:100%}
img {border:0;vertical-align:top;text-align:left}
object {vertical-align:top;outline:none}
ul,ol {list-style:none}
table,table td {padding:0;border:none;border-collapse:collapse}
input,select,textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0}
textarea {overflow:auto}
/* GLOBAL */
html {min-width:1263px}
body {background:url(../images/body-bg.png) repeat-x #1d1d1d;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000}
.innercopy, .innercopy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#main {width:1252px;margin:0 auto;min-height:100%;margin-bottom:-129px}
.af {height:129px}
header {position:relative;height:398px;background:url(../images/header-bg.jpg) 0 0 no-repeat}
/* ELEMENTS */
a {color:#74be00;outline:none}
a:hover {text-decoration:none}
p,.blo {line-height:20px;margin-bottom:20px}
.p0 {margin-bottom:8px}
.p1 {margin-bottom:16px}
.p2 {margin-bottom:32px}
.pcs {box-shadow: inset 0 0 30px rgb(134 134 134 / 50%), 0 0 12px 5px rgb(134 134 134 / 60%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
border-radius: 5%;
}
.pcs:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
}
/* header>h1 */
header h1 {position:absolute;left:682px;top:130px}
header h1 a {font:60px/1.2em Arial, Helvetica, sans-serif;color:#414141;text-decoration:none}
/* header>nav */
header nav {width:1024px;height:73px;position:absolute;left:114px;top:28px;background:url(../images/nav-sprite.png)}
header nav ul {padding-left:2px}
header nav li {float:left;padding-top:10px}
header nav li a {font:28px/50px Arial, Helvetica, sans-serif;color:#037f00;width:168px;display:block;text-align:center;border-right:1px #f5f5f5 solid;border-left:1px #efefef solid;text-decoration:none}
header nav li a:hover,header nav li.active1 a {color:#ff0000}
/* header>* */
/* #content */
#page1 #content {background:none;padding-top:380px}
#page4 .img-box {margin-right:44px;margin-bottom:20px}
#page4 .img-box img {margin-bottom:6px}
#page4 .img-box.lst {margin-right:0}
#content {min-height:400px;background:url(../images/content-bg.png) no-repeat 0 0;padding:43px 0 60px 0;overflow:hidden;font-size:12px;line-height:20px;color:#fff;position:relative}
.contacts span {width:70px;display:inline-block}
h2 {font:30px/1.2em Arial, Helvetica, sans-serif;color:#74be00;margin-bottom:25px}
h7 {font:20px/1.2em Arial, Helvetica, sans-serif;color:#74be00;margin-bottom:6px}
table.dates {width:586px;font:12px/20px Arial, Helvetica, sans-serif;color:#fff}
.table-border {border-radius:8px;overflow:hidden;border:none;position:relative;z-index:1}
table.dates .thead td {color:#898989;padding:0 20px}
table.dates .thead td.col1 {padding-left:40px}
table.dates td {padding:20px 22px;background:#171717}
table.dates td .name {font:20px/32px Arial, Helvetica, sans-serif;color:#74be00;white-space:nowrap;text-decoration:none;display:inline-block;margin-bottom:4px}
table.dates td .name:hover {color:#fff}
table.dates td .facebook-event {font:bold 12px/29px Arial, Helvetica, sans-serif;color:#5278b8;background:url(../images/favebook-event.png) left center no-repeat;display:block;text-decoration:none;padding-left:34px;margin-bottom:4px}
table.dates td .facebook-event:hover {color:#fff}
table.dates td .dude-event {font:bold 12px/29px Arial, Helvetica, sans-serif;color:#5278b8;background:url(../images/Dude.png) left center no-repeat;display:block;text-decoration:none;padding-left:34px;margin-bottom:4px}
table.dates td .dude-event:hover {color:#fff}
table.dates td .hfs-event {font:bold 12px/29px Arial, Helvetica, sans-serif;color:#5278b8;background:url(../images/hfs.png) left center no-repeat;display:block;text-decoration:none;padding-left:34px;margin-bottom:4px}
table.dates td .hfs-event:hover {color:#fff}
table.dates .even td {background:#0e0e0e}
table.dates .thead td {background:#171717;line-height:40px}
table.dates .col1 {width:140px;padding-left:40px}
table.dates .col2 {width:80px}
table.dates .col3 {width:180px}
.soc-ico li {float:left;margin-right:4px}
/* footer */
footer {text-align:center;height:129px;overflow:hidden;background:url(../images/footer-bg.png) repeat-x;position:relative;z-index:1}
footer span {font:12px/20px Arial, Helvetica, sans-serif;color:#fff;padding-top:37px;display:block}
footer span a {color:#176300}
/* footer>.privacy */
/* forms css */
#form1 {width:505px}
#form1 label {float:left;width:100%;background:url(../images/contacts-input.png) right 0 no-repeat;margin-bottom:4px}
#form1 label.msg {background-image:url(../images/contacts-textarea.png)}
#form1 label.msg textarea {height:534px}
#form1 label input,#form1 label textarea {float:right;width:400px;background:none;border:none;padding:6px 8px}
#form1 .btns {float:right;padding-top:14px}
#form1 .btns a {float:left;margin-left:12px}
#subscribe {width:157px;margin-bottom:22px}
#subscribe input,#subscribe label {float:left}
#subscribe label {background:url(../images/news-input.png) no-repeat}
#subscribe input {background:none;border:none;width:111px;padding:10px}
#subscribe input[type=submit] {width:26px;height:35px;background:url(../images/subscribe.png) no-repeat;cursor:pointer}
/* js css */
a[rel=prettyPhoto] {float:left;position:relative}
.playbutt {position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/play.png) 50% 45% no-repeat}
ul.audio li {color:#898989;font:12px/26px Arial, Helvetica, sans-serif}
ul.audio .cntrls {float:right;height:26px;width:82px}
ul.audio .mute {width:40px;height:26px;float:left;background:url(../images/audio-sprite.png) no-repeat}
ul.audio .separator {width:2px;height:26px;float:left;background:url(../images/audio-sprite.png) -40px 0 no-repeat}
ul.audio .play {width:40px;height:26px;float:left;background:url(../images/audio-sprite.png) -42px 0 no-repeat}
.tumbvr {height:337px;width:100%;position:absolute;left:0;z-index:990;cursor:pointer}
.tumbvr-mask {height:337px;width:100%;background:url(../images/tumbvr-mask.png) no-repeat;position:absolute;left:50%;margin-left:-544px;top:0;z-index:999}
.tumbvr li {float:left}
.tumbvr li a {display:block;position:relative}
.header-more {position:absolute;left:698px;top:302px;padding:0 42px;font:26px/50px ;color:#fff;text-decoration:none;display:inline-block;background:url(../images/button-sprite.png)}
.header-slider {width:360px;text-align: center;position:absolute;left:620px;top:216px;overflow:hidden;font:16px/20px Arial, Helvetica, sans-serif;color:#fff;text-shadow:1px 1px rgba(0,0,0,.5)}
.header-slider a {color:#fff}
.hs-prev {position:absolute;left:560px;top:230px}
.hs-next {position:absolute;left:1010px;top:230px}
.header-slider li {float:left;display:block;width:360px}
#jplayer {height:0;overflow:hidden}
.jp-audio {width:586px;height:178px;background:url(../images/jplayer-bg.png) no-repeat;position:relative;margin-bottom:28px}
.jp-audio h2 {position:absolute;left:44px;top:12px}
.jp-audio .jp-title {position:absolute;left:116px;top:77px;font:24px/1.2em Arial, Helvetica, sans-serif;color:#fff}
.jp-audio a {text-decoration:none;color:#fff}
.jp-audio a:hover {color:#74be00}
.jp-audio .jp-prev {position:absolute;left:120px;top:130px;background:url(../images/jplayer-prev.png) 0 4px no-repeat;padding-left:16px}
.jp-audio .jp-next {position:absolute;left:470px;top:130px;background:url(../images/jplayer-next.png) 100% 4px no-repeat;padding-right:16px}
.jp-audio .jp-more-songs {position:absolute;left:285px;top:130px}
.jp-progress {width:425px;position:absolute;left:118px;top:109px;overflow:hidden;height:5px}
.jp-progress .jp-seek-bar {background:url(../images/progbar.png) repeat-x;position:absolute;height:5px;left:0;top:0;overflow:hidden;cursor:pointer}
.jp-progress .jp-seek-bar .jp-play-bar {background:url(../images/progbar.png) repeat-x 0 -5px;height:5px;display:block;position:absolute;left:0;top:0}
.jp-controls .jp-play,.jp-controls .jp-pause {width:55px;height:55px;position:absolute;left:42px;top:84px;display:block;background:url(../images/jplayer-play-pause.png) 0 0 no-repeat}
.jp-controls .jp-pause {background-position:0 -55px}
/* additional classes */
.pl {font-family: 'PFDinText';padding-left:40px}
.green {color:#74be00}
.fleft,.fl {float:left}
.fright,.fr {float:right}
.fnone,.fn {float:none}
.col-1,.col-2,.col-3 {float:left}
.alignleft,.all {text-align:left}
.alignright,.alr {text-align:right}
.aligncenter,.alc {text-align:center}
.wrapper {width:100%;overflow:hidden}
a.und,.und a {text-decoration:none}
a.und:hover,.und a:hover {text-decoration:underline}
.nocolor, .nocolor a {color:inherit}
.upc {text-transform:uppercase}
.extra-wrap {overflow:hidden}
.nopad {padding:0}
.nomar {margin:0}
.clear {clear:both;line-height:0}
.bold {font-weight:bold}
/* custom boxes */
.more {font:14px/35px Arial, Helvetica, sans-serif;color:#74be00;width:113px;text-align:center;display:block;margin:0 auto;background:url(../images/more-sprite.png);text-decoration:none}
.more:hover {color:#fff}
.list a {}
dl.address dd {text-align:right;clear:both}
dl.address dd span {float:left}
dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd {overflow:hidden}
dl.img-box dt,.img-box-set dl dt {float:left}
.clock{width:180px;height:180px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:url(../images/clock.png),url(../images/js.png),radial-gradient(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%);background-size: cover;box-shadow:inset 0 0 30px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);}
.clock:before{content:'';position:absolute;width:8px;height:8px;background-color:#FF0000;border-radius:50%;z-index:1;}
.clock .hour,
.clock .min,
.clock .sec{position:absolute;}
.clock .hour, .hr{width:80px;height:80px;}
.clock .min, .mn{width:110px;height:110px;}
.clock .sec, .sc{width:120px;height:120px;}
.hr, .mn, .sc{display:flex;justify-content:center;position:absolute;border-radius:50%;}
.hr:before{content:'';position:absolute;width:5px;height:40px;background-color:#7CE016;z-index:10;border-radius:6px 6px 0 0;}
.mn:before{content:'';position:absolute;width:3px;height:55px;background-color:#fff;z-index:11;border-radius:6px 6px 0 0;}
.sc:before{content:'';position:absolute;width:1px;height:75px;background-color:#FF0000;z-index:12;border-radius:6px 6px 0 0;}
@font-face {
font-family: 'PFDinText';
src: local("☺"), url("../font/Pacifico.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
#calendar2 {
width: 100%;
font: monospace;
line-height: 1.7em;
font-size: 19px;
text-align: center;
radial-gradient(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover;
box-shadow: inset 0 0 30px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);
border-radius: 5%;
}
#calendar2 thead tr:last-child {
font-family: 'PFDinText';
font-size: small;
color: rgb(84, 176, 255);
font-size: 17px;
}
.c1{color: rgb(220, 0, 0);}
#calendar2 thead tr:nth-child(1) td:nth-child(2) {
font-family: 'PFDinText';
color: rgb(123, 224, 36);
}
#calendar2 thead tr:nth-child(1) td:nth-child(1):hover, #calendar2 thead tr:nth-child(1) td:nth-child(3):hover {
cursor: pointer;
}
#calendar2 tbody td {
font-family: 'PFDinText';
color: rgb(84, 176, 255);
}
#calendar2 tbody td:nth-child(n+6), #calendar2 .holiday {
font-family: 'PFDinText';
color: rgb(220, 0, 0);
}
#calendar2 tbody td.today {
background: rgb(220, 0, 0);
color: #fff;
border-radius: 20%;
}
.с{radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 30px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 5%;}
.cent {text-align:center; font-family: 'PFDinText'}
h2.cent1 {text-align:center; font-family: 'CSText';margin-top: 25px;font-size: 22px;color: #fbff00;}
/* Радиостанции */
.h_content_right {display:block;width:100%;padding:0px !Important}
.h_content_right {text-align:left;display:table-cell;vertical-align:top;width:250px;overflow:hidden}
.h_block_content {box-shadow: inset 0 0 100px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;display:block;overflow:hidden;background:#1d1d1d;padding:10px;margin-bottom:20px;list-style:none}
.h_block_title {display:block;padding-bottom:3px;color:#ffa812;font-size:19px;text-align:center}
.h_block_title2 {display:block;padding-bottom:3px;padding-top:10px;color:#ffa812;text-align:center}
li.active a {color:#ff0000;text-decoration:none}
li.active a:hover {color:#ffa812;text-decoration:none}
a {color:#00ff1e;text-decoration:none}
a:hover {color:#ffa812;text-decoration:none}
img {border:0;max-width:100%}
.h_content_left {text-align:left;display:table-cell;vertical-align:top;width:100%;radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 200px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;overflow:hidden}
.content_in {padding:10px;}
.content_in2 {margin-top: 44px;padding:10px;radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 30px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;}
.content_in3 {margin-top: 44px;padding:10px;radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 30px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;}
.content_in5 {margin-top: 44px;padding:10px;padding-bottom:22px;radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 100px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;}
.content_in6 {margin-top: 44px;padding:10px;padding-bottom:22px;radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 100px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;}
h1 {padding:0;margin:0;margin-bottom:7px;display:block;margin-top:0;font-size:24px;font-weight:normal}
h1 {font-size:22px;font-family: Arial;color: #ff0000;margin-bottom: +3px;}
.block{width:145px;height:140px;float:left;text-align:center;font-size: 15px;}
.img-thumbnail {background-color: #ffffff;border: 1px solid #cccccc;border-radius: 10px;display: inline-block;
height: auto;
line-height: 1.42857;
max-width: 100%;
padding: 0px;
transition: all 0.2s ease-in-out 0s;
}
.x0 {font-family: 'PFDinText'}
.x1 {font-family: 'PFDinText'; color:#659fff; font-size: 14pt;text-indent: 30px;}
.x2 {font-family: 'PFDinText'; font-size: 11pt;}
.x3 {font-family: 'PFDinText'; font-size: 15pt;}
.x4 {font-family: 'PFDinText'; font-size: 15pt;}
.x5 {font-family: 'PFDinText'; font-size: 20pt;}
.x6 {font-family: 'PFDinText'; font-size: 24pt; color:#ff0000;padding: 20px; }
.x7 {font-family: 'PFDinText'; color:#ff0000;; font-size: 18pt;}
.x8 {font-family: 'PFDinText'; font-size: 20pt; color:#ff0000;padding: 30px 0px 40px 0px; text-align: center }
.x9 {font-family: 'PFDinText'; font-size: 24pt; color:#ff0000;padding: 20px; text-align: center }
.x10 {font-family: 'PFDinText'; font-size: 30pt; color:#ff0000; text-align: center;margin: auto; }
.srtan {width: 28px; height: 20px;padding: 3px;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.srtan:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
}
/* плеер */
#player {z-index: 1; box-shadow: inset 0 0 100px rgba(134,134,134,0.5), 0 0 12px 5px rgba(128 196 0);}
/* Кнопка выбрать страну*/
a.button10 {
display: inline-block;
color: black;
font-size: 125%;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: .25em .5em;
outline: none;
border: 1px solid rgb(250,172,17);
border-radius: 7px;
background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
transition: box-shadow .2s, border-color .2s;
font-family: 'PFDinText';
}
a.button10:hover {
box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
a.button10:active {
padding: calc(.25em + 1px) .5em calc(.25em - 1px);
border-color: rgba(177,159,0,1);
box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}
/* Кнопка выбрать страну2*/
a.button10a {
display: inline-block;
color: black;
font-size: 164%;
font-weight: 400;
text-decoration: none;
user-select: none;
padding: .25em .5em;
outline: none;
border: 1px solid rgb(250,172,17);
border-radius: 7px;
background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
transition: box-shadow .2s, border-color .2s;
font-family: 'PFDinText';
}
a.button10a:hover {
box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
a.button10a:active {
padding: calc(.25em + 1px) .5em calc(.25em - 1px);
border-color: rgba(177,159,0,1);
box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}
/* кнопка правообладателям */
a.button2 {
font-family: 'PFDinText';
left: 2px;
position: relative;
font-size:16px;
font-weight: 700;
color: rgb(116,190,0);
text-decoration: none;
text-shadow: 0 -1px 2px rgba(0,0,0,.2);
padding: .5em 1em;
outline: none;
border-radius: 3px;
box-shadow:
0 1px rgba(255,255,255,.2) inset,
0 3px 5px rgba(0,1,6,.5),
0 0 1px 1px rgba(0,1,6,.2);
transition: .2s ease-in-out;
}
a.button2:hover:not(:active) {
background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
text-decoration: none;
}
a.button2:active {
top: 1px;
background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
box-shadow:
0 0 1px rgba(0,0,0,.5) inset,
0 2px 3px rgba(0,0,0,.5) inset,
0 1px 1px rgba(255,255,255,.1);
text-decoration: none;
}
/* слайдер */
.content_in4 {margin-top: 44px;padding:10px;radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 100px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;}
#div-right {width:725px; float:inherit;}
#right-menu-caption a {font-family: 'PFDinText'; font-size:24px; display:block; text-transform:uppercase; text-decoration:none;
padding:9px 0 30px 0px;
color:#ff0000;
text-align:center;
}
#right-menu-caption a:hover {color:#74be00;}
#scrollbox {width: 585px; margin-left: 71px; margin-bottom: 30px; box-shadow: inset 0 0 100px rgb(134 134 134 / 50%), 0 0 12px 5px rgb(128 196 0);}
.scroll-img {width:585px; height:80px; overflow:hidden; font-size:0; margin:0 0 0 0;}
.scroll-img ul {width:581px; height:600px; margin:0; padding-left:0px;}
.scroll-img ul li {display:inline-block; margin:6px 0 4px 10px;}
#demo5.scroll-img ul {width:700px;}
#demo5.scroll-img ul li a img {width:86px; height:65px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
#demo5.scroll-img ul li a img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
}
#demo5-btn {width:585px; padding:0 0 6px 0; text-align:center;}
#demo5-backward, #demo5-backward:active, #demo5-backward:focus { margin-right: 20px;width:20px; height:20px; background:url(../Radio/Files/right-scrol.png) -35px -35px; border:none; outline:none; cursor: pointer;}
#demo5-backward:hover {background:url(../Radio/Files/right-scrol.png) -5px -35px; border:none;}
#demo5-forward, #demo5-forward:active, #demo5-forward:focus {width:20px; height:20px; background:url(../Radio/Files/right-scrol.png) -35px -5px; border:none; outline:none; cursor: pointer;}
#demo5-forward:hover {background:url(../Radio/Files/right-scrol.png) -5px -5px; border:none;}
/* Всплывающее окно */
.popup {
content:'';
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
overflow-y: auto;
overflow-x: hidden;
Transition: all 0.8s ease 0s;
z-index: 999;
font-family: 'PFDinText';
}
.popup:target {
opacity: 1;
visibility: visible;
}
.popup:target .popup__content{
transform: perspective(600px) translate(0px, 0%) rotatex(0deg);
opacity: 1;
}
.popup__area {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.popup__body {
min-height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 30px 10px;
}
.popup__content {
background-color: #fff;
color: #000;
max-width: 800px;
padding: 30px;
position: relative;
transition: all 0.8s ease 0s;
opacity: 0;
transform: perspective(600px) translate(0px, -100%) rotatex(45deg);
border-radius: 10px;
background: -webkit-linear-gradient(#fff, #74dc00);
box-shadow: inset 0 0 200px rgba(134,134,134,0.5), 0 0 12px 5px #f8f8f8;
}
.popup__close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
}
.popup__close:hover {background: #00d9ff;color: #FFFFFF;}
.popup__title {
font-size:20px;
margin: 0px 0px 1em 0px;
color: #f00;
}
.popup__text {}
/* переключатель страниц */
.navigation{
height:30px;
width:100%;
color:#000;
margin-top: 5px;
margin-bottom: 10px;
padding:15px 0;
font-size:14px;
clear:both;
text-align:center !important;
font-family: 'PFDinText';
}
.navigation b{
font-size:25px !important;
}
.navigation a:link,
.navigation a:visited,
.navigation a:active {
line-height:25px !important;
height:25px;
text-decoration:none;
padding:3px 20px;
margin: 2px;
color:#000000;
font-size:14px;
background:url(../Radio/Files/w30.png) -1px center repeat-x;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-top:1px solid #eee;
}
.navigation a:hover{
text-decoration:none;
color:#000000;
background:#484848;
background:url(../Radio/Files/w31.png) -1px center repeat-x;
}
.navigation span {
line-height:30px !important;
height:25px !important;
text-decoration:none;
padding:3px 10px;
color:#000000;
font-size:14px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-moz-box-shadow:inset 0 0 15px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 0 0 15px rgba(0,0,0,0.1);
box-shadow:inset 0 0 15px rgba(0,0,0,0.1);
background:url(../Radio/Files/w30.png) -1px center repeat-x;
border: 2px solid #4ea100;
}
/* кнопка вернутся назад */
.button3r{
left: 638px;
top: 332px;
position: absolute;
}
a.button3 {
font-family: 'PFDinText';
position: relative;
font-size: 170%;
font-weight: 700;
color: rgb(116,190,0);
text-decoration: none;
text-shadow: 0 -1px 2px rgba(0,0,0,.2);
padding: .5em 1em;
outline: none;
border-radius: 3px;
display: inline-block;
background: linear-gradient(rgb(48 47 48), rgb(29 29 29)) rgb(110,112,120);
box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
transition: .2s ease-in-out;
width: 710px;
padding-left: 0px;
padding-right: 0px;
text-align: center
}
a.button3:hover:not(:active) {
background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
}
a.button3:active {
top: 1px;
background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
box-shadow:
0 0 1px rgba(0,0,0,.5) inset,
0 2px 3px rgba(0,0,0,.5) inset,
0 1px 1px rgba(255,255,255,.1);
}
/* Информационка для плеера */
.blog {
left: 644px;
top: 183px;
position: absolute;
box-shadow: inset 0 0 100px rgba(134,134,134,0.5), 0 0 12px 5px rgba(128 196 0);
}
.blogv {
padding: 10px;
width: 286px;
height: 150px;
}
/* кнопка Перезагрузить страницу */
a.button4 {
font-family: 'PFDinText';
position: relative;
font-size: 120%;
font-weight: 700;
color: rgb(116,190,0);
text-decoration: none;
text-shadow: 0 -1px 2px rgba(0,0,0,.2);
padding: .2em 4em;
left: 8px;
outline: none;
border-radius: 3px;
display: inline-block;
background: linear-gradient(rgb(86 86 86), rgb(36 36 36)) rgb(110,112,120);
box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
transition: .2s ease-in-out;
}
a.button4:hover:not(:active) {
background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
}
a.button4:active {
top: 1px;
background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
box-shadow:
0 0 1px rgba(0,0,0,.5) inset,
0 2px 3px rgba(0,0,0,.5) inset,
0 1px 1px rgba(255,255,255,.1);
}
.zsp {
margin-left: 25px;
width: 125px;
box-shadow: inset 0 0 100px rgb(134 134 134 / 50%), 0 0 12px 5px rgb(255 0 0);
margin-bottom: 44px;
}
.zsp1 {
margin-left: 25px;
width: 125px;
box-shadow: inset 0 0 100px rgb(134 134 134 / 50%), 0 0 12px 5px rgb(255 170 0);
}
.und1 {
height: 215px;
}
.und2 {
}
/* QR */
.und3 {
}
.content_in7 {margin-top: 44px;padding:10px;padding-bottom:22px;radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 100px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;text-align: center;}
.zsp2 {
margin-left: 25px;
margin-top: 35px;
margin-bottom: 15px;
width: 125px;
box-shadow: inset 0 0 100px rgb(134 134 134 / 50%), 0 0 12px 5px rgb(255 170 0);
}
.content_in8 {margin-top: 44px;text-align:left;vertical-align:top;width:100%;radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 100px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;overflow:hidden}
.zsp3 {padding:10px;margin-top: 10px;}
/* uSocial */
.content_in9 {margin-top: 44px;padding:10px;radial-gradient:(circle, rgb(29, 29, 29) 0%, rgb(29, 29, 29) 11%, rgba(29,29,29,1) 38%); background-size: cover; box-shadow: inset 0 0 30px rgba(134,134,134,0.5), 0 0 12px 5px rgba(134,134,134,0.6);border-radius: 0,5%;display: flex;}
.share {
margin-left: 20px;
}
/* menu TV WEB */
.HeaderMenuBottom.NotMainMenu {
text-align: center;padding-top: 325px;width: 640px;padding-left: 590px;font-family: 'PFDinText';
}
.HeaderMenuBottom.NotMainMenu > div {
display: flex; height: 50px;
}
.BottomMenuItem {
width: 44%;
background: rgb(178 223 0) linear-gradient(rgb(125 125 125), rgb(29 29 29));
}
.NotMainMenu .BottomMenuItem a {
padding: 5px 8px;
}
.BottomMenuItem a {
display: block;
vertical-align: middle;
color: #74be00;
}
.NotMainMenu .BottomMenuItem a .Title {
font-size: 21px;
margin-left: auto;
}
.BottomMenuItem a .Title {
font-size: 21px;
line-height: 40px;
}
.Titlev {
font-size: 21px;
line-height: 40px;
color: #ff0000;
}
.NotMainMenu .BottomMenuItem a .Icon {
width: 40px;
height: 40px;
margin-right: auto;
}
.BottomMenuItem a .Icon {
width: 40px;
height: 40px;
float: right;
}
svg {
width: 100%;
height: 100%;
display: block;
}
.BottomMenuItem a .Icon .IconColor {
fill: #74be00;
}
.IconColorv {
fill: #ff0000;
}
.BottomMenuItem:first-child {
border-radius: 7px 0 0 7px;
border-right: 2px solid #ffffff;
}
.BottomMenuItem:last-child {
border-radius: 0 7px 7px 0;
border-left: 2px solid #ffffff;
}
.ColorTv:hover {background: rgb(119 159 4) linear-gradient(rgb(255 255 255), rgb(151 151 151));}
.ColorWebCamera:hover {background: rgb(119 159 4) linear-gradient(rgb(255 255 255), rgb(151 151 151)); }
.BottomMenuItem a:hover {color: #333;}
/* menu каналов */
.ListItem {
display: block;
overflow: hidden;
}
.ListItem .ListItemHref:hover {
text-decoration: none!important;
background: rgb(178 223 0) linear-gradient(rgb(194 248 5), rgb(86 218 5));
}
.ListItem .ListItemHref {
cursor: pointer;
margin: 10px 0;
padding-right: 10px;
display: flex;
color: #333;
border-radius: 5px;
background: rgb(178 223 0) linear-gradient(rgb(171 220 0), rgb(55 144 0));
}
.ListItemLogo img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.ListItemLo img {
width: 95px;
height: 95px;
border-radius: 16px;
padding: 10px;
}
.ListItem .ListItemHref .ListItemLogo {
width: 145px;
height: 145px;
margin: auto;
margin-left: 11px;
}
.ListItem .ListItemHref .ListItemInfo {
width: ;
position: relative;
padding-left: 15px;
width: calc(100% - 125px);
}
.ListItem .ListItemHref .ListItemInfo .ListItemInfoName {
margin: 0;
font-size: 25px;
color: #575757;
padding-top: 20px;
font-weight: 700;
}
.ListItem .ListItemHref .ListItemInfo .ListItemInfoDesc {
font-size: 11px;
margin: 5px 0;
}
.ListItemInfoText p {
margin: 0px 0 5px 0;
}
.ListItem .ListItemHref .ListItemInfo .ListItemInfoDesc .MarginBolding {
margin-left: 20px;
}
.ListItem .ListItemHref .ListItemInfo .ListItemInfoText {
font-size: 12px;
}
.Bold {
display: inline-block;
font-weight: 700;
}
.ListItemStream.fill {
font-size: 13px;
padding: 3px 10px;
height: 15px;
overflow: hidden;
background-color: #8a155e;
color: white;
border-radius: 3px;
display: inline-block;
}
.content_inweb {padding:30px;}
.men {list-style-type: none;margin-top: 30px;margin-bottom: 30px;font-size: 13pt;font-family: 'PFDinText' }
.men li a { text-decoration:none; display: block; border-radius: 5px; list-style-type: none; border-left:4px solid #699f0d;margin:0 0 4px;padding:2px 0 3px 28px;background:#575555;}
.men li a:hover{background:#686767;display:block;text-decoration:none;border-left:6px solid #ff0000;}
.glo { display: flex; height: 100px;margin-bottom: 50px; }
/* рамка для видео */
.ram {box-shadow: inset 0 0 100px rgba(134,134,134,0.5), 0 0 12px 5px rgba(128 196 0);}