html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-weight:inherit;font-size:100%;}
legend{color:#000}
/* end of YUI CSS Reset */
@font-face {
font-family: 'pf_dintext_pro';
src: url(/i/fonts/pfdintextpro-bold-webfont.eot);
src: url(/i/fonts/pfdintextpro-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(/i/fonts/pfdintextpro-bold-webfont.woff) format('woff'),
url(/i/fonts/pfdintextpro-bold-webfont.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'pf_dintext_pro';
src: url(/i/fonts/pfdintextpro-regular-webfont.eot);
src: url(/i/fonts/pfdintextpro-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(/i/fonts/pfdintextpro-regular-webfont.woff) format('woff'),
url(/i/fonts/pfdintextpro-regular-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'pf_dintext_pro';
src: url(/i/fonts/pfdintextpro-thin-webfont.eot);
src: url(/i/fonts/pfdintextpro-thin-webfont.eot?#iefix) format('embedded-opentype'),
url(/i/fonts/pfdintextpro-thin-webfont.woff) format('woff'),
url(/i/fonts/pfdintextpro-thin-webfont.ttf) format('truetype');
font-weight: lighter;
font-style: normal;
}
@font-face {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: bold;
src: local('Gotham Pro Bold'), url('/i/fonts/GothaProBol.woff') format('woff');
}
@font-face {
font-family: 'Gotham Pro Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Pro Medium'), url('/i/fonts/GothaProMed.woff') format('woff');
}
@font-face {
font-family: 'Gotham Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Pro Regular'), url('/i/fonts/GothaProReg.woff') format('woff');
}
@font-face {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: lighter;
src: local('Gotham Pro Light'), url('/i/fonts/GothaProLig.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: bold;
src: local('OpenSans-Bold'),
url(/i/fonts/Open_Sans/OpenSans-Bold.eot) format('embedded-opentype'),
url(/i/fonts/Open_Sans/OpenSans-Bold.woff) format('woff'),
url(/i/fonts/Open_Sans/OpenSans-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
src: local('OpenSans-Regular'),
url(/i/fonts/Open_Sans/OpenSans-Regular.eot) format('embedded-opentype'),
url(/i/fonts/Open_Sans/OpenSans-Regular.woff) format('woff'),
url(/i/fonts/Open_Sans/OpenSans-Regular.ttf) format('truetype');
}
/* Record Global */
* { margin: 0; padding: 0; border: none; outline: none; zoom: 1; }
body{font-size:12px;font-family:Arial,serif;color:#000;}
/*
h1,h2,h3,h4,h5,h6{font-family:Arial,serif;font-size:100%;font-weight:bold;color:#676767;margin-bottom:15px;}
*/
h1{font-size:14px;}
h2{font-size:14px;}
h3, h4{font-size:13px;}
h5, h6{font-size:13px;}
a { color: #000; outline: none; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dintext-font { font-family: pf_dintext_pro; font-weight: normal; }
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flip-horizontal {
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}
/*html, body { background-color: #6daab8; background-repeat: repeat-x; background-position: top center; min-width: 995px; height: 100%; background: url('img/back_ny.jpg') top center repeat-x #6daab8; background-attachment: fixed; }
html.bx-retina, html.bx-retina body { background: url('img/back_ny_retina.jpg') top center repeat-x #6daab8; background-size: 1900px auto; background-attachment: fixed; }
*/
html, body { /*background: url('img/back-1.jpg') #ededef top center no-repeat;*/ min-width: 995px; min-height: 100%;}
#panel { position: fixed; z-index: 600; }
/*html, body { background: url('img/tile_ny.jpg'); min-width: 995px; }*/
/*Хэлперы*/
.mt15{
margin-top: 15px;
}
.mt10{
margin-top: 10px;
}
.ml15{
margin-left: 15px;
}
.ml10{
margin-left: 10px;
}
.mr30{
margin-right: 30px;
}
.pr15{
padding-right: 15px!important;
}
.pr10{
padding-right: 10px!important;
}
.pr7{
padding-right: 7px!important;
}
.play_color{ color: #FFAE00; }
.buffer_color{background-color: #cfcfcf !important;}
.buffer_color::before{border-top: 6px solid #cfcfcf !important;}
.now_color{background-color: #838587 !important;}
.position_color{background-color: #E1E1E1!important};
.theme_background{background-color: #FFAE00;}
.theme_color{color: #FFAE00!important;}
.with-shadow { -webkit-box-shadow: 2px 2px 0px #757575; -moz-box-shadow: 2px 2px 0px #757575; box-shadow: 2px 2px 0px #757575; }
.with-round { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.white-bgr { background-color: #fff; }
.hidden { position: absolute; visibility: hidden; left: -10000px; top: -10000px; }
.mb15 { margin-bottom: 15px; }
.noopacity { opacity: 1 !important; }
.block-header { display: block; padding: 10px 15px; text-transform: uppercase; font-size: 18px; margin: 0px; background-color: #000; color: #fff; }
.block-header a { color: white; text-decoration: none};
aside .block-header { background-color: #000; }
.eye-more { background-image: url(/bitrix/templates/flat/img/eye.png); float: right; background-repeat: no-repeat; background-position: right center; padding-right: 20px; margin: 5px; }
.eye-more a { text-decoration: none; color: #455b83; font-size: 11px; font-weight: bold; }
.eye-more2 { background-image: url(/bitrix/templates/flat/img/eye2.png); float: right; background-repeat: no-repeat; background-position: right center; padding-right: 20px; margin: 9px; }
.eye-more2 a { text-decoration: none; color: #8da5d0; font-size: 11px; font-weight: bold; }
.all_news_link{ background-image: url(/bitrix/templates/flat/img/eye.png); float: right; background-repeat: no-repeat; background-position: right center; padding-right: 20px; margin: 5px; }
.all_news_link a { text-decoration: none; color: #455b83; font-size: 11px; font-weight: bold; }
.all_news_link:hover a { opacity: 0.8; }
.iosblur {
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px);
opacity: 0.4;
}
.global_loader {left: 50%; position: relative; font-size: 32px; width: 60px; overflow: hidden; margin-left: -15px; color: #1d3354; }
.gallery-opened { border: 6px white solid; background-color: black; position: absolute; top: 20px; visibility: hidden; z-index: 510; width: 760px; left: 50%; margin-left: -375px; }
.gallery-new-back-close { visibility: hidden; cursor: pointer; top: 21px; left: 50%; z-index: 520; margin-left: 300px; position: absolute; background-image: url('//www.radiorecord.ru/i/img/rr/record_may2012/gallery-close.png'); width: 60px; height: 11px; left: auto; right: 12px; top: 12px; }
.gallery-new-back-close:hover { background-position: 0 -11px; }
.gallery-new-back-close2 { visibility: hidden; cursor: pointer; top: 21px; left: 50%; z-index: 525; margin-left: 300px; position: absolute; background-image: url('//www.radiorecord.ru/i/img/rr/record_may2012/gallery-close.png'); width: 60px; height: 11px; } .gallery-new-titles { width: 100%; height: 34px; background-color: black; color: white; font-size: 18px; line-height: 42px; text-transform: uppercase; }
.gallery-new-gals { width: 760px; height: 515px; }
.gallery-new-back { background-color: black; opacity: 0.8; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 500; position: fixed; }
.programm_more{float: right;padding-right: 8px; margin: 5px; }
.programm_more a{float: right; color: #999999; font-size: 15px; padding-left: 30px; padding-top: 5px;}
.index-wrap { position: relative; background-position: top center; background-repeat: repeat-x; overflow: hidden; min-height: 100%; /*margin-bottom: -253px;*/ /*background-color: #c1e5f1; background-image: url('img/back_top.jpg');*/ }
.index-wrap:after { content: " "; display: block; }
.clear { clear: both; }
.mfp-zoom-out-cur { cursor: default; }
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; }
.index-wrap .container { width: 995px; margin: 0 auto; position: relative; margin-top: 136px; margin-bottom: 263px;}
.index-wrap .container .logo { position: absolute; margin: -140px 0 0 0; }
.index-wrap .container .logo a { display: block; }
.index-wrap .social_top { position: absolute; width: 60px; font-size: 25px; right: -64px; top: 0px; text-align: center; color: #383c3e; }
.index-wrap .social_top i { margin: 10px; margin-bottom: 15px; color: #383c3e; }
.index-wrap .social_top a { display: block; }
.index-wrap .social_top a:hover { opacity: .7; }
@media (max-width: 1120px) { .index-wrap .social_top { display: none; } }
.index-wrap header { position: fixed; width: 100%; z-index: 500; }
.index-wrap header.fix { z-index: 450; position: fixed; width: 995px; margin-top: 0; top: 0; }
.index-wrap header .player { top: 0px; width: 100%; height: 55px; background-color: #2a2d2e; }
.index-wrap header .player .wrapper { width: 995px; height: 55px; margin: 0 auto; position: relative; }
.index-wrap header .player .wrapper_3px { position: relative; width: 980px; height: 3px; margin: 0 auto; overflow: hidden; background-image: url('/bitrix/templates/flat/img/3px.png'); margin-top: -3px; background-repeat: repeat; }
.index-wrap header .player .play-pause { cursor: pointer; width: 55px; height: 55px; text-align: center; line-height: 55px; color: white; font-size: 26px; background-color: #FFAE00; }
.index-wrap header .player .play-pause i { display: none; }
.index-wrap header .player .play-pause.ready:hover { opacity: 0.9; /*color: #67d0f7;*/ }
.index-wrap header .player .play-pause.loading span { display: none; }
.index-wrap header .player .play-pause.loading i { display: inline; }
.index-wrap header .player #nowplay-image { width: 55px; height: 55px; background-size: cover; font-size: 53px; text-align: center; line-height: 55px;}
.index-wrap header .player a.into_station { display: block; }
@media only screen and (max-device-width: 480px) {
.index-wrap header { position: relative; }
.index-wrap .container { margin-top: 20px; }
}
/*
.index-wrap header .player #nowplay-image[current="rr"] { background-image: url('img/stations-icons/icon-rr.png'); }
.index-wrap header .player #nowplay-image[current="sd90"] { background-image: url('img/stations-icons/icon-sd90.png'); }
.index-wrap header .player #nowplay-image[current="tm"] { background-image: url('img/stations-icons/icon-tm.png'); }
.index-wrap header .player #nowplay-image[current="rus"] { background-image: url('img/stations-icons/icon-rus.png'); }
.index-wrap header .player #nowplay-image[current="mdl"] { background-image: url('img/stations-icons/icon-mdl.png'); }
.index-wrap header .player #nowplay-image[current="chil"] { background-image: url('img/stations-icons/icon-chil.png'); }
.index-wrap header .player #nowplay-image[current="club"] { background-image: url('img/stations-icons/icon-club.png'); }
.index-wrap header .player #nowplay-image[current="gop"] { background-image: url('img/stations-icons/icon-gop.png'); }
.index-wrap header .player #nowplay-image[current="vip"] { background-image: url('img/stations-icons/icon-vip.png'); }
.index-wrap header .player #nowplay-image[current="ps"] { background-image: url('img/stations-icons/icon-ps.png'); }
.index-wrap header .player #nowplay-image[current="deep"] { background-image: url('img/stations-icons/icon-deep.png'); }
.index-wrap header .player #nowplay-image[current="brks"] { background-image: url('img/stations-icons/icon-brks.png'); }
.index-wrap header .player #nowplay-image[current="dc"] { background-image: url('img/stations-icons/icon-dc.png'); }
.index-wrap header .player #nowplay-image[current="dub"] { background-image: url('img/stations-icons/icon-dub.png'); }
.index-wrap header .player #nowplay-image[current="trap"] { background-image: url('img/stations-icons/icon-trap.png'); }
.index-wrap header .player #nowplay-image[current="teo"] { background-image: url('img/stations-icons/icon-teo.png'); }
.index-wrap header .player #nowplay-image[current="rock"] { background-image: url('img/stations-icons/icon-rock.png'); }
.index-wrap header .player #nowplay-image[current="pump"] { background-image: url('img/stations-icons/icon-pump.png'); }
.index-wrap header .player #nowplay-image[current="yo"] { background-image: url('img/stations-icons/icon-yo.png'); }
.index-wrap header .player #nowplay-image[current="techno"] { background-image: url('img/stations-icons/icon-techno.png'); }
.index-wrap header .player #nowplay-image[current="mix"] { background-image: url('img/stations-icons/icon-mix.png'); }
*/
.index-wrap header .player #nowplay-image img { width: 55px; height: 55px; }
.index-wrap header .player .textinfo { width: 264px; text-decoration: none; min-height: 55px;}
.index-wrap header .player .textinfo #nowplay-station { color: white; margin: 4px 0 0 11px; font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.index-wrap header .player .textinfo #nowplay-artist { color: #fff; margin: 2px 0 0 11px; opacity: 0.4; max-width: 330px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index-wrap header .player .textinfo #nowplay-title { color: #fff; margin: 0 0 0 11px; opacity: 0.6; max-width: 330px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index-wrap header .player .top-buttons { background-repeat: no-repeat; background-position: 0 center; }
.index-wrap header .player .top-buttons > div { cursor: pointer; min-width: 43px; height: 55px; }
.index-wrap header .player .top-buttons > div i,
.index-wrap header .player .switch-stations > div,
.index-wrap header .player .play-pause span { opacity: 1; }
.index-wrap header .player .top-buttons > div:hover i,
.index-wrap header .player .switch-stations > div:hover,
.index-wrap header .player .play-pause:hover span { opacity: 1; }
.index-wrap header .player .top-buttons div.active { background-image: url('img/black40.png'); }
.index-wrap header .player .top-buttons .all-stations-menu { background-image: none; text-align: center; font-size: 21px; text-align: center; line-height: 56px; color: #BEBFC0; padding: 0 5px; }
.index-wrap header .player .top-buttons .all-stations-menu:hover { color: white !important; }
.index-wrap header .player .top-buttons .all-stations-menu > span { font-size: 11px; line-height: 56px; text-align: center; text-transform: uppercase; padding: 0 5px; }
.index-wrap header .player .top-buttons .all-stations-menu > span i { font-size: 10px; margin-left: 5px; }
.index-wrap header .player .top-buttons .all-stations-menu > span i:before { transform: rotate(90deg); }
.index-wrap header .player .top-buttons .all-stations-menu:hover > span i:before { transform: rotate(270deg); }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown { display: none; position: absolute; box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.6); background-color: #2a2d2e; color: rgba(255,255,255,0.4); margin-left: -748px; z-index: 100; margin-top: -2px; }
.index-wrap header .player .top-buttons .all-stations-menu:hover i.icon-station-list { color: #67d0f7; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td { width: 115px; height: 100px; padding-bottom: 15px; vertical-align: bottom; font-size: 13px; border: 1px #9aa1ac solid; text-align: center; white-space: nowrap; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td i { font-size: 61px; display: block; position: relative; height: 80px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td span { color: rgba(255,255,255,0.4); display: block; text-decoration: none; line-height: 23px; /*margin-top: -10px;*/ }
/*.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#rr { font-size: 72px; margin-top: -25px; margin-bottom: 24px; }*/
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#rr { }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td:before { position: absolute; font-family: "record"; font-size: 72px; margin-left: -57px; width: 113px; vertical-align: middle; height: 85px; font-size: 55px; line-height: 94px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td:hover:before { color: #fff; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td span { display: block; width: 112px; margin-top: 83px; text-decoration: none; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td:hover a { color: #fff; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#rr:before { content: '\f105'; font-size: 72px; line-height: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#ps:before { content: '\f10f'; font-size: 57px; line-height: 93px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#sd90:before { content: '\f112'; font-size: 55px; line-height: 94px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#tm:before { content: '\f115'; font-size: 54px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#teo:before { content: '\f114'; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#dc:before { content: '\f109'; font-size: 51px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#techno:before { content: '\f113'; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#trap:before { content: '\f116'; font-size: 53px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#vip:before { content: '\f117'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#club:before { content: '\f108'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#deep:before { content: '\f10a'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#dub:before { content: '\f10b'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#gop:before { content: '\f10c'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#mix:before { content: '\f10e'; font-size: 40px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#rock:before { content: '\f119'; font-size: 45px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#chil:before { content: '\f107'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#mdl:before { content: '\f10d'; font-size: 41px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#brks:before { content: '\f106'; font-size: 60px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#pump:before { content: '\f121'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#rus:before { content: '\f111'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#yo:before { content: '\f118'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#fut:before { content: '\f15e'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#mini:before { content: '\f15f'; font-size: 55px; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown tr:nth-child(1) td { border-top: none; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown tr:nth-child(3) td { border-bottom: none; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown tr td:nth-child(1) { border-left: none; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown tr td:nth-child(7) { border-right: none; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td { background-image: url('img/black40.png'); border: 1px rgba(255,255,255,0.2) solid; }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td.active { color: #fff; background-image: url('img/black60.png'); }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#rr.active,
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#ps.active,
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#brks.active,
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#tm.active,
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#club.active,
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#rock.active,
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#chil.active,
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#mdl.active,
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#rus.active,
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td#yo.active { background-image: url('img/white25.png'); }
.index-wrap header .player .top-buttons .all-stations-menu .all-stations-dropdown td:hover { color: #fff; }
.index-wrap header .player .top-buttons .open-popup-player { /*border-right: 1px #4D4F50 solid;*/ font-size: 21px; text-align: center; line-height: 56px; color: #BEBFC0; }
.index-wrap header .player .top-buttons .open-popup-player:hover { color: white !important; }
.index-wrap header .player .top-buttons .like-top-menu { /*border-right: 1px #4D4F50 solid; border-left: 1px #4D4F50 solid;*/ font-size: 21px; text-align: center; line-height: 55px; color: #BEBFC0; }
.index-wrap header .player .top-buttons .like-top-menu:hover { color: white !important; }
.index-wrap header .player .top-buttons .top { /*border-right: 1px #4D4F50 solid; border-left: 1px #4D4F50 solid;*/ font-size: 21px; text-align: center; line-height: 55px; width: 80px; color: #BEBFC0; }
.index-wrap header .player .top-buttons .top:hover { color: white !important; }
.index-wrap header .player .like_in { display: none; box-shadow: 0px 0px 8px -2px #222325; background-repeat: no-repeat; position: absolute; margin-left: 792px; top: 63px; z-index: 200; background-color: #222325; }
.index-wrap header .player .like_in span { line-height: 30px; margin-left: 7px; font-size: 12px; }
.index-wrap header .player .like_in i { font-size: 25px; float: left; width: 26px; text-align: center; line-height: 31px; }
.index-wrap header .player .like_in a { color: #bcc1c2; text-decoration: none; display: block; padding: 5px 23px 5px 14px; }
.index-wrap header .player .like_in a:hover { color: #FCFFFF; background-color: #262829; }
.index-wrap header .player .like_in a:first-child { padding-top: 10px; }
.index-wrap header .player .like_in a:last-child { padding-bottom: 10px; }
.index-wrap header .player .like_in::before { content: ' '; position: absolute; z-index: 205; left: 77px; top: -16px; border: 8px solid transparent; border-bottom: 8px solid #222325; }
.index-wrap header .player .top-buttons .volume .player-volume-wrapper { display: none; background-color: #2a2d2e; margin-top: -1px; background-image: url('img/black40.png'); position: relative; z-index: 400; padding-bottom: 20px; }
.index-wrap header .player .top-buttons .volume:hover .player-volume-wrapper { display: block; }
.index-wrap header .player .top-buttons .volume #volume-slider { border-radius: 3px; width: 10px; position: relative; height: 130px; background-color: #fff; left: 16px; z-index: 200; }
.index-wrap header .player #volume-slider { position: absolute; margin-left: 650px; cursor: pointer; width: 65px; height: 3px; background: #121315; margin-top: 25px; border-radius: 5px;}
.index-wrap header .player #volume-slider .ui-slider-range { height: 3px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #FFAE00; position: inherit;}
.index-wrap header .player #volume-slider .ui-slider-range::after {
content: '';
width: 65px;
height: 20px;
display: block;
margin-top: -8px;
}
.index-wrap header .player #volume-slider .ui-slider-handle { position: absolute; border: 1px solid rgb(211, 211, 211); font-weight: normal; color: rgb(85, 85, 85); height: 18px; top: -8px; width: 1px; background-color: rgb(211, 216, 209);}
.index-wrap header .player .top-buttons .volume .ui-slider-range {background: #FFAE00; position: absolute; border: 0; bottom: 0; width: 100%; border-radius: 3px 3px 3px 3px; }
.index-wrap header .player .top-buttons .vk_plus { display: block; font-size: 36px; border-right: 1px #4D4F50 solid; text-align: center; line-height: 63px; color: #BEBFC0; }
.index-wrap header .player .top-buttons .bitrate-changer { display: block; font-size: 24px; text-align: center; line-height: 63px; color: white; }
.index-wrap header .player .top-buttons .bitrate-changer i.active:before { background-color: rgba(255,255,255,0.4); }
.index-wrap header .player .top-buttons .switch-stations { display: block; background: none; /*border-right: 1px #4D4F50 solid;*/ min-width: 56px; }
.index-wrap header .player .top-buttons .switch-stations:hover { background-image: none; }
.index-wrap header .player .top-buttons .switch-stations > div { cursor: pointer; height: 56px; width: 14px; margin: 0 5px; color: #BEBFC0; line-height: 56px; font-size: 21px;}
.index-wrap header .player .top-buttons .switch-stations .icon-station-backward:hover { color: #67d0f7; }
.index-wrap header .player .top-buttons .switch-stations .icon-station-forward:hover { color: #67d0f7; }
.index-wrap header .player .top-buttons .icon-hq:before { display: block; overflow: hidden; width: 23px; height: 20px; line-height: 21px; margin: 17px auto; border-radius: 3px; }
.index-wrap header .player .logo-rr { z-index: 500; position: relative; width: 200px; height: 101px; background-color: #000; }
.index-wrap header .player .logo-rr-container { width: 141px; height: 101px; margin: 0 auto; background: url('img/logo-rr-transparent.png') #000 no-repeat center; background-size: contain; }
.index-wrap header .topblock { background-color: white; z-index: 45; position: relative; height: 46px; }
.index-wrap header .topblock .news_slider { overflow: hidden; }
.index-wrap header .topblock nav { width: 995px; margin: 0 auto; }
.index-wrap .container .main-content { margin: 0px 0px 30px; padding: 20px 40px 20px 30px; background-color: #fff; overflow: hidden; }
.index-wrap .container .main-content.fix { margin-top: 223px; }
.index-wrap .container .main-content aside { width: 300px; float: right; }
.index-wrap .container .main-content .left_column { width: 680px; float: left; background-color: transparent; }
.tooltipster-light {
border-radius: 0;
border: 1px solid #1b1d1d;
background: #2a2d2e;
color: rgb(188, 193, 194);
}
.tooltipster-light .tooltipster-content {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
padding: 2px 4px;
}
.footer { width: 100%; height: 251px; background-color: #32373e; border-top: 2px #13233e solid; clear: both; position: absolute; bottom: 0;}
.footer .foo_wrapper { width: 980px; margin: 0 auto; position: relative; }
/* must del !!! */
#sms-block .block-body { padding: 18px; }
#calendar-block .block-body, #sms-block .block-body, #vacancy-block .block-body{background-image: url('img/block-body-opa.png');}
#calendar-block .block-body, #vacancy-block .block-body{padding:0px;}
.download-rclub-block-header{font-family:arial;color:#000;display:block;padding:10px 20px;text-transform:uppercase;font-size:13px;margin:0px;padding-left:42px;background:url('/bitrix/templates/flat/img/download-rclub-block-header.gif') 12px 4px no-repeat;}
.download-rclub-block-header b{}
.download-rclub-block-header span{font-weight:normal;font-family:arial;}
.download-rclub-block{background-color:#e8e8e8;margin-left:215px;}
.download-playlists-block{float:left;width:215px;}
.download-block-header { font-family: arial; color: #585858; display: block; padding: 10px 20px; text-transform: uppercase; font-size: 13px; margin: 0px; padding-left: 40px; background: url('/bitrix/templates/flat/img/download-block-header.gif') 12px 7px no-repeat; }
.download-playlists-block .inner { display: block; list-style-type: none; padding: 10px 30px 0px 10px; background: url('/bitrix/templates/flat/img/block-body-shadow.gif') 0px 0px repeat-x; }
.download-playlists-block td img { display: block; margin-right: 10px; }
.download-playlists-block td { padding-bottom: 8px; height: 40px; }
/* Плейлисты на главной */
#playlists-block article{margin-top: 10px;float: left;width: 33.333333%; height: 47px;}
#playlists-block article:hover{opacity: 0.8;}
#playlists-block article a { display: block; text-decoration: none;}
#playlists-block{border-top: 1px solid #d9d9d9;overflow: hidden;background: white;}
#playlists-block>div:nth-child(2) img{width: 43px;box-shadow: rgb(202, 202, 202) 1px 1px,rgb(209, 209, 209) 2px 2px,rgb(215, 215, 215) 3px 3px,rgb(222, 222, 222) 4px 4px,rgb(228, 228, 228) 5px 5px,rgb(235, 235, 235) 6px 6px,rgb(242, 242, 242) 7px 7px;}
#playlists-block>div:nth-child(2) td{font-size: 12px;color: black;}
#playlists-block h1{font-size: 18px;color: rgb( 55, 63, 66 );text-transform: uppercase;}
#playlists-block h1 i {color: #dab10a;}
#playlists-block>div{float: left;}
#playlists-block>div:nth-child(2){width: 496px;min-height: 335px;padding-left: 18px;padding-right: 18px;border-left: 1px solid #d9d9d9;background-color: #f2f2f2;}
#playlists-block .programm_more a{float: right;color: #999999;font-size: 15px;margin-right: -16px;}
#playlists-block>div:nth-child(1){background: #fff;height: 335px; width: 147px;}
#playlists-block>div:nth-child(1) a:hover{opacity: 0.8}
#playlists-block>div:nth-child(1) a{text-decoration: none;}
#playlists-block>div:nth-child(1) img{margin-top: 17px;width: 109px;margin-left: 19px;margin-right: 19px;box-shadow: rgb(217, 217, 217) 1px 1px,rgb(219, 219, 219) 2px 2px,rgb(222, 222, 222) 3px 3px,rgb(224, 224, 224) 4px 4px,rgb(227, 227, 227) 5px 5px,rgb(229, 229, 229) 6px 6px,rgb(232, 232, 232) 7px 7px,rgb(234, 234, 234) 8px 8px,rgb(237, 237, 237) 9px 9px,rgb(239, 239, 239) 10px 10px,rgb(242, 242, 242) 11px 11px;}
#playlists-block>div:nth-child(1) h1{margin-left: 14px;}
#playlists-block h1 a{text-decoration: none;}
#playlists-block h1 a:hover{text-decoration: underline;}
/* Чарт и свежаки на главной */
#programm-block h1{font-size: 18px;color: rgb( 55, 63, 66 );text-transform: uppercase; margin-left: 14px;}
#programm-block h1 a{text-decoration: none;}
#programm-block h1 a:hover{text-decoration: underline;}
#programm-block h1 i {color: #77d42a;}
#programm-block>div table {width: 100%;}
#programm-block>div>table i{cursor: pointer;color: #ffae00;font-size: 18px;}
#programm-block>div>table i:hover{opacity: 0.8;}
#programm-block>div>table tr:nth-child(even){background-color: #fbfbfb;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
#programm-block>div>table img{width: 42px; height: 42px}
/*#programm-block>div:last-child table tr:nth-child(even){border-left: 1px solid #d9d9d9;}*/
#programm-block>div{overflow: hidden;float: left;}
#programm-block .programm_more a{float: right;color: #999999;font-size: 15px;}
#programm-block{overflow: hidden;}
#programm-block>div{width: 50%;float: left;}
#programm-block td{height: 42px;padding: 5px;}
#programm-block h2{font-weight: bold;font-size: 20px;}
#programm-block .trackname span:last-child{color: #737373;}
#programm-block .trackname span{white-space: nowrap;}
#programm-block .new {display: block;float:left;line-height: 10px;font-size: 10px;color: #fff;padding: 2px;background-color: #015581;}
#programm-block .up {width: 0px;height: 0px;overflow: hidden;border-bottom:7px #bdff7c solid;border-left:6px #fff solid;border-right:6px #fff solid;position: absolute;margin-left: 4px;margin-top: -3px;}
#programm-block .down {width: 0px;height: 0px;overflow: hidden;border-top:7px #ff9c9c solid;border-left:6px #fff solid;border-right:6px #fff solid;position: absolute;margin-left: 4px;margin-top: -3px;}
#programm-block .same {width: 10px;height: 3px;overflow: hidden;/*border-top:2px #fff solid;*/border-bottom:2px #b8b8b8 solid;position: absolute;margin-left: 5px;margin-top: -3px;}
#programm-block td.play_pause.play>.play{display: none;}
#programm-block td.play_pause.play>.pause{display: block;}
#programm-block td.play_pause>.pause{display: none;}
#programm-block>div:last-child .trackname span:before{
content: "";
background: url("/bitrix/templates/flat-new/img/trunc.png");
width: 14px;
height: 14px;
display: block;
position: absolute;
margin-left: 211px;
}
#programm-block>div:last-child .trackname span{
display: block;
width: 225px;
overflow: hidden;
white-space: nowrap;
}
#programm-block>div:first-child .trackname span:before{
content: "";
background: url("/bitrix/templates/flat-new/img/trunc.png");
width: 14px;
height: 14px;
display: block;
position: absolute;
margin-left: 161px;
}
#programm-block>div:first-child .trackname span{
display: block;
width: 175px;
overflow: hidden;
white-space: nowrap;
}
/*Сетка плеера*/
.left_column .player_grid {background: #f5f5f5;}
.left_column .player_grid table.all-stations { table-layout: fixed; }
.player_grid table.all-stations td { width: 97px; height: 90px; transition: all 0.2s linear; cursor: pointer; padding-bottom: 15px; vertical-align: bottom; font-size: 12px; border: 1px #9aa1ac solid; text-align: center; white-space: nowrap; }
.player_grid table.all-stations td i { font-size: 61px; display: block; position: relative; height: 80px; }
.player_grid table.all-stations td a, .player_grid table.all-stations td span{ color: hsla(0, 0%, 40%, 1); display: block; text-decoration: none; }
.player_grid table.all-stations td:before { color: hsla(0, 0%, 40%, 1); position: absolute; font-family: "record"; font-size: 72px; margin-top: -85px; margin-left: -57px; width: 113px; vertical-align: middle; height: 85px; font-size: 55px; line-height: 94px; }
.player_grid table.all-stations td:hover:before { color: hsla(0, 0%, 5%, 1); }
.player_grid table.all-stations td:hover a { color: hsla(0, 0%, 5%, 1); }
.player_grid table.all-stations td.active a { }
.player_grid table.all-stations td.active:before { }
.player_grid table.all-stations td.active:hover a { }
.player_grid table.all-stations td.active:hover:before { }
.player_grid table.all-stations td#rr:before { content: '\f105'; font-size: 72px; line-height: 55px; }
.player_grid table.all-stations td#ps:before { content: '\f10f'; font-size: 57px; line-height: 93px; }
.player_grid table.all-stations td#sd90:before { content: '\f112'; font-size: 55px; line-height: 94px; }
.player_grid table.all-stations td#tm:before { content: '\f115'; font-size: 54px; }
.player_grid table.all-stations td#teo:before { content: '\f114'; }
.player_grid table.all-stations td#dc:before { content: '\f109'; font-size: 51px; }
.player_grid table.all-stations td#techno:before { content: '\f113'; }
.player_grid table.all-stations td#trap:before { content: '\f116'; font-size: 53px; }
.player_grid table.all-stations td#vip:before { content: '\f117'; font-size: 55px; }
.player_grid table.all-stations td#club:before { content: '\f108'; font-size: 55px; }
.player_grid table.all-stations td#deep:before { content: '\f10a'; font-size: 55px; }
.player_grid table.all-stations td#dub:before { content: '\f10b'; font-size: 55px; }
.player_grid table.all-stations td#gop:before { content: '\f10c'; font-size: 55px; }
.player_grid table.all-stations td#mix:before { content: '\f10e'; font-size: 40px; }
.player_grid table.all-stations td#rock:before { content: '\f119'; font-size: 45px; }
.player_grid table.all-stations td#chil:before { content: '\f107'; font-size: 55px; }
.player_grid table.all-stations td#mdl:before { content: '\f10d'; font-size: 41px; }
.player_grid table.all-stations td#brks:before { content: '\f106'; font-size: 60px; }
.player_grid table.all-stations td#pump:before { content: '\f121'; font-size: 55px; }
.player_grid table.all-stations td#rus:before { content: '\f111'; font-size: 55px; }
.player_grid table.all-stations td#yo:before { content: '\f118'; font-size: 55px; }
.player_grid table.all-stations td#fut:before { content: '\f15e'; font-size: 55px; }
.player_grid table.all-stations td#mini:before { content: '\f15f'; font-size: 55px; }
.player_grid table.all-stations td#more {color: #666;}
.player_grid table.all-stations td#more div i{
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .2s ease-in-out;
}
.player_grid table.all-stations td#more div i:first-child{
margin-top: -35px;
}
.player_grid table.all-stations td#more:hover div i:first-child, .player_grid table.all-stations td#more.clicked div i:first-child{
margin-top: -115px;
}
.player_grid table.all-stations td#more.clicked .downbutton{
display: none;
}
/*.player_grid table.all-stations td#more:before { content: ''; font-size: 55px;
margin-top: -90px;
}
.player_grid table.all-stations td#more.active:before { content: '\f15b'; font-size: 55px ;}
.player_grid table.all-stations td#more.active:hover:before { content: '\f15b'; font-size: 55px; }
.player_grid table.all-stations td#more:hover:before { content: '\f158'; font-size: 55px;
margin-top: -80px; }*/
/*.player_grid table.all-stations td#more:hover{background: #ebebeb;}*/
.player_grid table.all-stations tr:nth-child(1) td { border-top: none; }
.player_grid table.all-stations tr:last-child td { border-bottom: none; }
.player_grid table.all-stations tr td:nth-child(1) { border-left: none; }
.player_grid table.all-stations tr td:nth-child(7) { border-right: none; }
.player_grid table.all-stations td { border: 1px #ccc solid; }
.left_column .player_grid table.all-stations td { background-color: hsl(0, 0%, 98%); }
.player_grid table.all-stations td:hover { background-color: hsl(0, 0%, 92%) ; }
.player_grid table.all-stations td.active { background-color: hsla(0, 0%, 80%, 1); }
.left_column .block-body { background: url('/bitrix/templates/flat/img/block-body-shadow.gif') 0px 0px repeat-x; overflow: hidden; }
#featured { height: 384px !important; }
.aliens { background-image: url('//i.radiorecord.ru/img/aliens.png'); display: block; float: left; height: 68px; margin: 16px 14px 36px; }
.aliens.emg { width: 135px; background-position: 0px 0px; }
.aliens.evropa { width: 103px; background-position: -171px 0px; }
.aliens.retro { width: 80px; background-position: -306px 0px; }
.aliens.radio7 { width: 118px; background-position: -417px 0px; }
.aliens.keks { width: 74px; background-position: -567px 0px; }
.aliens.sport { width: 126px; background-position: -671px 0px; }
.aliens.reklama { width: 138px; background-position: -823px 0px; }
.aliens:hover { background-position-y: -67px; }
.bx-composite-btn { display: none !important; position: absolute !important; left: -10000px !important; top: -10000px !important; width:0 !important; height:0 !important; overflow: hidden !important; }
/* social icons */
div.socials { float: right; height: 34px; margin-top: -58px; }
div.socials .fa-stack { font-size: 20px; text-decoration: none; }
div.socials .color-dark { color: #19958a; text-shadow: 0 0 1px #2d2d2d; }
div.socials .color-gray { color: #a7d7d3; }
div.socials .fa-stack:hover .color-gray { color: white; }
/* Детальная страница станции */
#station-page-detail { }
#station-page-detail .station-toner { position: absolute; z-index: 1; width: 100%; height: 335px; overflow: hidden; background-color: rgb(42, 45, 46); }
#station-page-detail #waveform { position: absolute; z-index: 1; width: 995px; height: 335px; overflow: hidden; }
#station-page-detail .fake-heading { position: absolute; z-index: 1; width: 100%; height: 335px; overflow: hidden; background-color: rgb(42, 45, 46); padding: 30px; position: relative; margin-top: -30px; margin-left: -30px; }
#station-page-detail .heading { width: 100%; height: 335px; /*background-color: #541448;*/ overflow: hidden; position: relative; z-index: 2; }
#station-page-detail .heading .station-logo { line-height: 0; width: 150px; font-size: 144px; color: rgb(255, 255, 255); margin: 25px 25px 40px 55px; text-align: center; }
#station-page-detail .heading .station-logo i { }
#station-page-detail .heading .textinfo { margin: 40px 0; color: white; }
#station-page-detail .heading .textinfo h2 { margin-top: 37px; font-size: 36px; font-family: 'Open Sans'; font-weight: bold; }
#station-page-detail .heading .textinfo div { font-family: Arial; font-size: 14px; margin-top: 15px; max-width: 340px; margin-left: 2px; }
#station-page-detail .heading .textinfo a,
#station-page-detail .heading .textinfo a div#nowplay-station { text-decoration: none; }
#station-page-detail .heading .tab-buttons { width: 620px; color: white; font-family: 'Open Sans'; font-size: 18px; text-transform: uppercase; position: absolute; bottom: 38px; left: 21px; }
#station-page-detail .heading .tab-buttons .tab { width: 135px; height: 53px; text-align: center; line-height: 53px; border-radius: 5px; cursor: pointer; margin: 0 15px; border: 2px solid transparent;}
/*#station-page-detail .heading .tab-buttons .tab.active { border: 2px rgb(255, 174, 0) solid; }*/
#station-page-detail .heading .tab-buttons .tab.top100.active:after { content: ''; position: absolute; left: 75px; bottom: -38px; border: 10px solid transparent; border-bottom: 10px solid #e0e3e8; }
#station-page-detail .heading .tab-buttons .tab.top100 { }
#station-page-detail .heading .tab-buttons .tab.history { }
#station-page-detail .heading .tab-buttons .tab.comments.active:after { content: ''; position: absolute; bottom: -38px; border: 10px solid transparent; border-bottom: 10px solid #e0e3e8; left: 450px; }
#station-page-detail .heading .tab-buttons .tab.comments { }
#station-page-detail .heading .tab-buttons .tab.history.active:after { content: ''; position: absolute; bottom: -38px; border: 10px solid transparent; border-bottom: 10px solid #e0e3e8; left: 252px; }
#station-page-detail .heading .tab-buttons .tab.schedule { }
/*#station-page-detail .heading .tab-buttons .tab.comments { padding: 0; margin: 12px 20px; font-size: 14px; background-image: url('img/comments_icon.png'); width: 45px; height: 41px; border-radius: 0; background-size: contain; text-align: center; line-height: 33px; }
#station-page-detail .heading .tab-buttons .tab.comments.active { background-color: transparent; }
#station-page-detail .heading .tab-buttons .tab.comments.active:after { content: ''; position: absolute; bottom: -38px; border: 10px solid transparent; border-bottom: 10px solid #e0e3e8; left: 396px; }*/
#station-page-detail .heading .nowplay-big-image { opacity: 1; background-image: url('img/zag.png'); background-size: 250px 250px; width: 250px; height: 250px; margin: 42px 92px 42px 0; position: relative; }
#station-page-detail .heading .nowplay-big-image.valid { opacity: 1; }
#station-page-detail .heading .nowplay-big-image:after { content: ''; position: absolute; width: 500px; height: 500px; background-image: url('img/cover_shadow.png'); z-index: -10; background-size: 529px 529px; background-repeat: no-repeat; margin-left: -250px; }
#station-page-detail .heading .nowplay-big-image img { width: 250px; height: 250px; position: relative; z-index: 3; }
#station-page-detail .heading .icon-station-backward,
#station-page-detail .heading .icon-station-forward { display: none; color: white !important; cursor: pointer; opacity:0.4; position: absolute; z-index: 300; font-size: 40px; height: 335px; line-height: 335px; color: white; left: 34px; }
#station-page-detail .heading .icon-station-forward { left: 939px; }
#station-page-detail .heading:hover .icon-station-backward,
#station-page-detail .heading:hover .icon-station-forward { display: block; }
#station-page-detail .heading .icon-station-backward:hover,
#station-page-detail .heading .icon-station-forward:hover { opacity: 1; }
#station-page-detail .tab-content { width: 610px; margin: 35px 0 20px 20px; }
#station-page-detail article {overflow: hidden; margin-bottom: 1px; }
#station-page-detail .all_audio {padding: 16px;background: url(/radio/charts/chart-bk.gif) repeat left top;}
#station-page-detail .player-raiting-holder {height: 60px;overflow: hidden;background-color: #fff;}
#station-page-detail .player {float: left;display: block;}
#station-page-detail .raiting .nums { float: right; font-size: 15px; line-height: 62px; display: block; color: #a6a6a6; margin-right: 6px; }
#station-page-detail .raiting .nums strong { color: #000; }
#station-page-detail .ya-social {float: right;display: block;min-width: 230px;margin-top: 17px; overflow: hidden; height: 26px;text-align: left;}
#station-page-detail .posts {float: right;display: block;color: #aab8c2;overflow: hidden;width: 32px; height: 52px;cursor: pointer;line-height: 60px;font-size: 15px; background-image: url('/bitrix/templates/flat/img/superchart/comment.png'); background-repeat: no-repeat; background-position: 5px 23px; padding: 10px; }
#station-page-detail .posts.active {background-color: #7286a0;color: #e2f3ff;}
#station-page-detail .posts.nums {background-position: -54px 22px;}
#station-page-detail .posts span { display: block; text-align: center; height: 52px; line-height: 52px; }
#station-page-detail .comments_wrapper {width:570px;padding: 15px 20px;background-color: #fff;margin-bottom: 10px;display: none;float: right;border-top: 1px #c7c8c9 solid;}
#station-page-detail .comments_wrapper.opened {display: block;}
#station-page-detail .player_wrapper { width: 515px; float: left; }
#station-page-detail .player_wrapper table { width: 100%; height: 60px; background-color: white; }
#station-page-detail .player_wrapper table tr { }
#station-page-detail .player_wrapper table td { height: 54px; }
#station-page-detail .player_wrapper table tbody tr td.play_info { width: 460px; }
#station-page-detail .player_wrapper table tbody tr td.play_volume { width: 30px; text-align: center; vertical-align: middle; padding: 6px 0 0 0; }
#station-page-detail .player_wrapper table td.play_pause { text-align: center; cursor: pointer; }
#station-page-detail .player_wrapper table td.play_pause i { display:block; height: 36px; }
#station-page-detail .player_wrapper table td.play_pause i.play { display:block; }
#station-page-detail .player_wrapper table td.play_pause i.pause { display:none; }
#station-page-detail .player_wrapper table td.play_pause.play { opacity: 1; }
#station-page-detail .player_wrapper table td.play_pause.play i.play { display:none; }
#station-page-detail .player_wrapper table td.play_pause.play i.pause { display:block; font-size: 34px; }
#station-page-detail .player_wrapper table td.play_info { padding: 0 10px; }
#station-page-detail .player_wrapper table td.play_info span { display: block; color: #223a59; font-size: 11px; max-width: 90%; }
#station-page-detail .player_wrapper table td.play_info span.artist { font-size: 13px; font-weight: bold; }
#station-page-detail .player_wrapper table td.play_info span.name { }
#station-page-detail .player_wrapper table td.play_info div.position { width: 100%; margin-top: 9px; background-color: #E1E1E1; border-radius: 2px; }
#station-page-detail .player_wrapper table td.play_info div.position div.buffer { position: relative; width: 100%; height: 5px; background-color: #cfcfcf; border-radius: 2px; }
#station-page-detail .player_wrapper table td.play_info div.position div.now { display: none; position: relative; width: 0; height: 5px; margin-top: -6px; background-color: #838587; border-radius: 2px; }
#station-page-detail .player_wrapper table td.play_info div.position div.area { display: none; position: absolute; width: 460px; height: 11px; margin-top: -8px; cursor: pointer; }
#station-page-detail .player_wrapper table.active td.play_info div.position div.buffer { background-color: #cfcfcf ; }
#station-page-detail .player_wrapper table.active td.play_info div.position div.now { display: block; }
#station-page-detail .player_wrapper table.active td.play_info div.position div.area { display: block; }
#station-page-detail .player_wrapper table div.now div.baloon { display: none; }
#station-page-detail .player_wrapper table div.area div.baloon_area { display: none; }
#station-page-detail .player_wrapper table.active td.play_info div.position div.now div.baloon { left: 428px; display: block; position: absolute; top: -18px; width: 30px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#station-page-detail .player_wrapper table.active td.play_info div.position div.area div.baloon_area { right: -16px; display: none; position: absolute; top: -21px; border-radius: 2px; opacity: 0.9; background-color: #cfcfcf; width: 42px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#station-page-detail .player_wrapper table.active td.play_info div.position div.area div.baloon_area:before { content: ' '; position: absolute; left: 10px; margin-top: 13px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #cfcfcf; }
#station-page-detail .player_wrapper table.active td.play_info div.position:hover div.area div.baloon_area { display: block; }
#station-page-detail .player_wrapper table td.play_volume div.icon path { fill: #b5b5b5; font-size: 18px; }
#station-page-detail .player_wrapper table.active td.play_volume div.icon path { fill:#456287; }
#station-page-detail .player_wrapper table td.play_volume .volume { display: none; width: 6px; height: 54px; margin: -5px auto 0; }
#station-page-detail .player_wrapper table td.play_volume .volume .vol_zapo { position: absolute; width: 6px; height: 54px; background-color: #456287; }
#station-page-detail .player_wrapper table td.play_volume .volume .vol_razd { position: absolute; width: 6px; height: 20px; background-color: #b6cad8; }
#station-page-detail .player_wrapper table td.play_volume .volume .vol_razd .circle { font-size: 9px; position: absolute; margin-left: -1px; line-height: 40px; color: #183151; margin-top: -2px; }
#station-page-detail .player_wrapper table td.play_volume .volume .vol_clickable { position: absolute; width: 20px; height: 54px; margin-left: 1px; }
#station-page-detail .player_wrapper table.active td.play_volume:hover div.icon { display: none; }
#station-page-detail .player_wrapper table.active td.play_volume:hover div.volume { display: block; cursor:pointer; }
#station-page-detail article.track-holder .place { float: left; display: inline; width: 40px; height: 60px; overflow: hidden; color: #808996; line-height: 72px; text-align: center; font-size: 14px; }
#station-page-detail .player-raiting-holder {height: 72px; overflow: hidden; background-color: #fff; box-shadow: 1px 1px 1px #aaa; }
#station-page-detail .player_wrapper table tbody tr td.play_pause { width: 34px; color: #FFAE00; }
#station-page-detail .player_wrapper table tbody tr td.play_pause a {color: #FFAE00; }
#station-page-detail .player_wrapper table td.play_pause i { display: block; height: 72px; line-height: 72px; font-size: 40px; }
#station-page-detail .player_wrapper table td.play_info div.position div.buffer { position: relative; width: 100%; height: 6px; background-color: #cfcfcf; border-radius: 6px; }
#station-page-detail .player_wrapper table td.play_info div.position div.now { display: none; position: relative; width: 0; height: 6px; margin-top: -6px; background-color: #838587; border-radius: 6px; }
#station-page-detail .daytabs { display: block; width: 100%; height: 126px; overflow: hidden; }
#station-page-detail .daytabs .aday { cursor: pointer; float: left; font-size: 20px; border: 1px #808996 solid; padding: 10px 0; margin: 5px; color: #808996; border-radius: 4px; width: 140px; text-align: center; }
#station-page-detail .daytabs .aday:hover { background-color: #cfd2d8; }
#station-page-detail .daytabs .aday.active { background-color: #808996; color: white; }
#station-page-detail article.track-holder .place { width: 74px; }
#station-page-detail article.track-holder.top100 .place { width: 40px; font-size: 18px;}
#station-page-detail article.track-holder.history .player_wrapper table tbody tr td.play_info { width: 477px; }
#station-page-detail article.track-holder.history .player_wrapper { width: 535px; }
#station-page-detail article.track-holder.history .posts { display: none; }
#station-page-detail article.track-holder.history .player_wrapper table.active td.play_info div.position div.now div.baloon { left: 444px; }
#station-page-detail .player_wrapper table td.play_info div.position div.area { width: 460px; }
/* Плейлисты на главной */
#download-block .playlists-day{border:1px solid #dfdfdf;}
#download-block .playlists-day .playlists-block-header{background: url("img/pl/download-block-header.gif") no-repeat scroll 8px 5px transparent;color: #585858;display: block;font-family: arial;font-size: 13px;margin: 0;padding: 10px 20px 10px 40px;text-transform: uppercase;}
#download-block .playlists-day .playlists-block-header-wrapper{background: url("img/pl/download-block-header-bgr.gif") bottom left repeat-x;margin-bottom:1px;}
#download-block .playlists-day .playlists-block-body{display:block;border-top:1px solid #dfdfdf;list-style-type:none;padding:10px;}
#download-block .playlists-block-body li{display:block;float:left;width:20%;margin-bottom:10px;height:40px;}
#download-block .playlists-block-body li .img{display:block;float:left;width:38px;height:38px;margin-right:7px;background-image:url('nf.jpg');background-size:cover;}
#download-block .playlists-block-body li .playlist-info{display:block;padding-top:10px;}
#download-block .rclub-download-items-list{padding:15px 0px 15px 20px;border-top:1px solid #fff;}
#download-block .rclub-download-items-list .col1, .rclub-download-items-list .col2{width:30%;}
#download-block .playlist_author{padding-left:13px;display:block;margin-bottom:10px;background:url(img/pl/playlist-marker.gif) 0px 3px no-repeat;}
#download-block .rclub-download-items-list td{}
#download-block .playlist_author .live-wrapper{background-color:#bdbdbd;display:block;padding:1px 0px 2px 1px;}
#download-block .playlist_author .live-wrapper a{display:block;margin-right:4px;float:left;}
#download-block .playlist_author .live-wrapper .icon{float:left;margin-top:2px;display:block;width:26px;height:13px;background:url(images/live-icon.gif) 0px 0px no-repeat;}
/* Расписание */
#page-schedule { }
#page-schedule table.schedule { width: 100%; font-size: 10px; font-weight: bold; margin-left: -23px; }
#page-schedule table.schedule td { border: 3px solid white; padding: 2px 4px; text-align: center; overflow: hidden; line-height: 14px; height: 28px; }
#page-schedule table.schedule td.col-1 { min-width:26px; max-width: 26px; background-color: #a7a7a7; color: #ffffff; }
#page-schedule table.schedule td.col-2 { width:48px; }
#page-schedule table.schedule td.col-3 { width: 245px; }
#page-schedule table.schedule td.col-4 { min-width: 45px; }
#page-schedule table.schedule td.col-12 { white-space: nowrap; min-width: 45px; }
#page-schedule table.schedule tr.head { background-color: #a7a7a7; color: #ffffff; font-weight: bold; white-space: nowrap; }
#page-schedule .back_pink { background-color: #2e013c; }
#page-schedule .rr_club { background-image: url('rr-club.jpg'); }
#page-schedule tr.rr td { border: none; box-shadow: none; }
/* Список новостей */
#page-news-list { }
#page-news-list .news-list { }
#page-news-list .news-list article { display: block; width: 160px; height: 220px; float: left; margin: 1px 10px; padding: 5px; cursor: pointer; overflow: hidden; }
#page-news-list .news-list article:hover { }
#page-news-list .news-list article a { text-decoration: none; display: block; }
#page-news-list .news-list article .news_type { width:161px; height: 161px; position: absolute; background-size: cover;}
#page-news-list .news-list article .news_type.type_232 { }
#page-news-list .news-list article .news_type.type_233 { background-image: url('img/news.list.index/play_210x210.png'); }
#page-news-list .news-list article .news_type.type_234 { background-image: url('img/news.list.index/star_210x210.png'); }
#page-news-list .news-list article .image-elem { width: 160px; height: 160px; border: 1px #c3c3c3 solid; background-position: center; background-size: 160px 160px; transition: background-size 0.5s linear; }
#page-news-list .news-list article:hover .image-elem { background-size: 190px 190px; }
#page-news-list .news-list article:active .image-elem { opacity: 0.8; }
#page-news-list .news-list article .image-elem.anons { width: 160px; height: 80px; border: 1px #c3c3c3 solid; background-position: center; background-size: 160px 80px; }
#page-news-list .news-list article .image-elem.anons:hover { background-size: 186px 94px; }
#page-news-list .news-list article figcaption { color: #4d4d4d; font-size: 11px; font-family: Tahoma; padding: 0 5px; }
#page-news-list .show_more { background-color: #b3b3b3; display: block; width: 150px; margin: 0 auto; text-align: center; text-transform: uppercase; font-weight: bold; color: #3c3c3c; font-size: 14px; line-height: 35px; border-bottom: 3px #8a8a8a solid; cursor: pointer; }
#page-news-list .show_more:hover { background-color: #C7C7C7; }
/* Новость детально */
#page-news-detail .news .singleItem{font-size:13px;}
#page-news-detail .news .singleItem h2{color:black;font-weight:normal;padding:0px;margin:5px 0px 20px 0px;}
#page-news-detail .news .singleItem img.detail-pict{border:1px solid #C1C1C1; margin-bottom:10px;display:block;}
#page-news-detail .news .singleItem small{margin:0px;}
#page-news-detail .custom-share-button a span{font-size:11px;font-weight:normal !important;}
#page-news-detail .custom-share-button a{font-size:11px !important; text-decoration:none !important;}
#page-news-detail .news .singleItem .detailNews{background:url(/bitrix/templates/record/img/arrows/arrow-left-green.gif) 0px 6px no-repeat;padding-left:40px;color:#75832c;display:block;margin-top:15px;}
#page-news-detail #news_ya_share_line { margin: 16px; }
#page-news-detail #vk_comments {margin-top:20px;}
#page-news-detail .news .wide{position:relative;margin:-13px -33px 0px -23px;}
/*Для шаринга в оновстях*/
#page-news-detail .b-share_theme_counter .b-share-btn__vkontakte, #page-news-detail .b-share_theme_counter .b-share-btn__facebook, #page-news-detail .b-share_theme_counter .b-share-btn__twitter {
background-color: inherit!important;
}
#page-news-detail .b-share_theme_counter .b-share-icon_vkontakte, #page-news-detail .b-share_theme_counter .b-share-icon_facebook, #page-news-detail .b-share_theme_counter .b-share-icon_twitter{
background-color: #b6b6b6!important;
border-radius: 5px;
width: 36px!important;
height: 36px!important;
background-position: 50%!important;
}
#page-news-detail .b-share_theme_counter .b-share-icon_vkontakte{
background-image: url('/bitrix/templates/flat-new/img/vk_share.png')!important;
}
#page-news-detail .b-share_theme_counter .b-share-icon_facebook{
background-image: url('/bitrix/templates/flat-new/img/fb_share.png')!important;
}
#page-news-detail .b-share_theme_counter .b-share-icon_twitter{
background-image: url('/bitrix/templates/flat-new/img/tw_share.png')!important;
}
#page-news-detail .b-share_theme_counter .b-share-btn__counter .b-share-counter {
height: 36px!important;
border: 1px solid #b6b6b6!important;
box-sizing: border-box!important;
border-radius: 5px!important;
color: #b6b6b6!important;
line-height: 34px!important;
padding: 0 8px!important;
margin: 0!important;
margin-left: 8px!important;
}
#page-news-detail .b-share_theme_counter .b-share-btn__counter .b-share-counter:before, #page-news-detail .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -6px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid;
left: 39px;
}
#page-news-detail .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
left: 40px;
border-right-color: white;
}
#page-news-detail .b-share-btn__vkontakte:active, #page-news-detail .b-share-btn__facebook:active, #page-news-detail .b-share-btn__twitter:active{
margin-top: 0px;
height: 36px;
margin-bottom: -1px;
border-top:inherit!important;
background-color: inherit!important;
}
#page-news-detail .b-share-btn__vkontakte:active .b-share-icon, #page-news-detail .b-share-btn__facebook:active .b-share-icon, #page-news-detail .b-share-btn__twitter:active .b-share-icon, #page-news-detail .b-share_theme_counter .b-share__link:active .b-share-counter {
position: static!important;
top: 0px!important;
}
#page-news-detail .b-share_theme_counter .b-share-btn__wrap{
height: 36px!important;
}
#page-news-detail .b-share_theme_counter .b-share-btn__wrap {
margin-left: 15px!important;
}
#page-news-detail .b-share_theme_counter .b-share-btn__wrap:first-child {
margin-left: 0!important;
}
#page-news-detail .b-share-btn__vkontakte:hover .b-share-icon{
background-color: #48729E!important;
}
#page-news-detail .b-share-btn__facebook:hover .b-share-icon{
background-color: #3C5A98!important;
}
#page-news-detail .b-share-btn__twitter:hover .b-share-icon{
background-color: #00ACED!important;
}
#page-news-template { overflow: hidden; }
#page-news-template .headimage { width: 995px; height: 410px; overflow: hidden; }
#page-news-template main { float: left; width: 575px; margin: 50px 55px 0 55px; font-size: 14px; overflow: hidden; color: #5e5e5e; line-height: 140%; }
#page-news-template aside { float: right; width: 280px; margin: 50px 30px 0 0;}
#page-news-template main h1 { color: black; font-size: 22px; line-height: 140%; font-family: 'Open Sans'; }
#page-news-template aside .event-date,
#page-news-template aside .event-place,
#page-news-template aside .ticket-agents a { font-size: 15px; font-family: Arial, 'Helvetica Heue'; color: #5e5e5e; margin: 22px 0; padding-left: 30px; }
#page-news-template aside .event-date i,
#page-news-template aside .event-place i { font-size: 21px; color: #b1b1b1; margin-top: -2px; margin-left: -30px; position: absolute; }
#page-news-template aside .event-links { }
#page-news-template aside .event-links a,
#page-news-template aside .event-schema a { display: block; color: #2d5ea1; font-size: 15px; font-family: Arial, 'Helvetica Heue'; margin-bottom: 6px; padding-left: 30px; }
#page-news-template aside .radario-wrapper { background-color: #eaeaea; overflow: hidden; margin-top: 22px; }
#page-news-template .radario-button, #page-news-template .smartbilet-button { cursor: pointer; background-color: #FFAE00; color: white; text-align: center; font-size: 22px; width: 138px; width: 90%; height: 62px; line-height: 62px; margin: 14px auto; white-space: nowrap; border-radius: 9px; background: #FFAE00; box-shadow: 0px 4px 0px 0px #BD8F2B; transition: all 0.05s ease; }
#page-news-template .radario-button:active, #page-news-template .smartbilet-button:active { margin: 18px auto 10px; box-shadow: none; }
#page-news-template .radario-button.noactive, #page-news-template .smartbilet-button.noactive { background: #C7C7C7; box-shadow: 0px 4px 0px 0px #757473 }
#page-news-template aside .radario-wrapper .text-info { text-align: center; font-size: 15px; font-family: Arial, 'Helvetica Heue'; color: #5e5e5e; margin-bottom: 10px; }
#page-news-template aside .radario-wrapper .text-info a { text-decoration: none; font-weight: bold; line-height: 24px; }
#page-news-template aside .price-notify { color: #7C7C7C; margin-top: 5px; margin-left: 20px; }
#page-news-template aside .price-notify i { position: absolute; margin-left: -15px; font-size: 13px; }
#page-news-template aside .show-agents { color: #7C7C7C; text-align: center; font-size: 11px; cursor: pointer; }
#page-news-template aside .show-agents:after { content: ' '; position: relative; left: 5px; top: 10px; border: 5px solid transparent; border-top: 5px solid #7C7C7C; }
#page-news-template aside .ticket-agents { display: none; height: 1px; overflow: hidden; }
#page-news-template aside .event-schema,
#page-news-template aside .ticket-agents { text-align: center; }
#page-news-template aside .event-schema a { margin: 12px 0; padding-left: 0; font-weight: bold; color: #8F8F8F;}
#page-news-template aside .ticket-agents a { padding-left: 0; margin: 0 5px; line-height: 26px; }
#page-news-template .grayline { border-bottom: 1px solid #dbdbdb; margin: 15px 0; }
#page-news-template #news_ya_share_line { margin: 16px 20px; text-align: center;}
#page-news-template #vk_comments_news { margin: 0 auto; }
/*Для шаринга в оновстях*/
#page-news-template .b-share_theme_counter .b-share-btn__vkontakte, #page-news-template .b-share_theme_counter .b-share-btn__facebook, #page-news-template .b-share_theme_counter .b-share-btn__twitter {
background-color: inherit!important;
}
#page-news-template .b-share_theme_counter .b-share-icon_vkontakte, #page-news-template .b-share_theme_counter .b-share-icon_facebook, #page-news-template .b-share_theme_counter .b-share-icon_twitter{
background-color: #b6b6b6!important;
border-radius: 5px;
width: 36px!important;
height: 36px!important;
background-position: 50%!important;
}
#page-news-template .b-share_theme_counter .b-share-icon_vkontakte{
background-image: url('/bitrix/templates/flat-new/img/vk_share.png')!important;
}
#page-news-template .b-share_theme_counter .b-share-icon_facebook{
background-image: url('/bitrix/templates/flat-new/img/fb_share.png')!important;
}
#page-news-template .b-share_theme_counter .b-share-icon_twitter{
background-image: url('/bitrix/templates/flat-new/img/tw_share.png')!important;
}
#page-news-template .b-share_theme_counter .b-share-btn__counter .b-share-counter {
height: 36px!important;
border: 1px solid #b6b6b6!important;
box-sizing: border-box!important;
border-radius: 5px!important;
color: #b6b6b6!important;
line-height: 34px!important;
padding: 0 8px!important;
margin: 0!important;
margin-left: 8px!important;
}
#page-news-template .b-share_theme_counter .b-share-btn__counter .b-share-counter:before, #page-news-template .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -6px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid;
left: 39px;
}
#page-news-template .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
left: 40px;
border-right-color: white;
}
#page-news-template .b-share-btn__vkontakte:active, #page-news-template .b-share-btn__facebook:active, #page-news-template .b-share-btn__twitter:active{
margin-top: 0px;
height: 36px;
margin-bottom: -1px;
border-top:inherit!important;
background-color: inherit!important;
}
#page-news-template .b-share-btn__vkontakte:active .b-share-icon, #page-news-template.b-share-btn__facebook:active .b-share-icon, #page-news-template.b-share-btn__twitter:active .b-share-icon, #page-news-template.b-share_theme_counter .b-share__link:active .b-share-counter {
position: static!important;
top: 0px!important;
}
#page-news-template .b-share_theme_counter .b-share-btn__wrap{
height: 36px!important;
}
#page-news-template .b-share_theme_counter .b-share-btn__wrap {
margin-left: 15px!important;
}
#page-news-template .b-share_theme_counter .b-share-btn__wrap:first-child {
margin-left: 0!important;
}
#page-news-template .b-share-btn__vkontakte:hover .b-share-icon{
background-color: #48729E!important;
}
#page-news-template .b-share-btn__facebook:hover .b-share-icon{
background-color: #3C5A98!important;
}
#page-news-template .b-share-btn__twitter:hover .b-share-icon{
background-color: #00ACED!important;
}
/* Список плейлистов */
#page-playlists-index .radio-playlist.day { }
#page-playlists-index .radio-playlist .head { text-transform: uppercase; background-repeat: no-repeat; background-position: 17px center; color: white; line-height: 50px; padding-left: 50px; margin-bottom: 5px; }
#page-playlists-index .radio-playlist.day .head { background-color: #ff8a00; background-image: url('img/pl/day.png'); }
#page-playlists-index .radio-playlist.night .head { background-color: #222222; background-image: url('img/pl/night.png'); }
#page-playlists-index .radio-playlist .playlist-content { overflow: hidden; }
#page-playlists-index .radio-playlist .playlist-content a { display: block; float: left; margin: 0px 5px 5px 0; width: 186px; height: 186px; overflow: hidden; position: relative; opacity: 1.0; transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; }
#page-playlists-index .radio-playlist .playlist-content a:hover { opacity: 0.8; transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out; }
#page-playlists-index .radio-playlist .playlist-content a span { display: block; position: absolute; bottom: 0; width: 100%; padding: 3px 8px; font-size: 16px; background-image: url('img/pl/back.png'); color: white; }
/* Плейлист детально */
#page-playlists-detail .playlist_author { overflow: hidden; padding: 15px; border-bottom: 1px #7c7c7c solid; }
#page-playlists-detail .playlist_author img { float: left; width: 186px; height: 186px; }
#page-playlists-detail .playlist_author .right-info { float: right; width: 760px; }
#page-playlists-detail .playlist_author .right-info h1 { margin-top: 6px; font-weight: normal; font-size: 24px; text-transform: uppercase; color: black; }
#page-playlists-detail .playlist_author .right-info .detail-text { color: #595959; height: auto; overflow: hidden; font-family: Tahoma; }
#page-playlists-detail .playlist_author .right-info .links { overflow: hidden; margin-top: 10px; }
#page-playlists-detail .playlist_author .right-info .links .pl_soc_link { float: left; background-image: url('/i/img/gastroli/gas.social.icons.png'); width: 42px; height: 42px; margin: 3px; }
#page-playlists-detail .playlist_author .right-info .links .of_link { background-position: 0px 0px; }
#page-playlists-detail .playlist_author .right-info .links .vk_link { background-position: -42px 0px; }
#page-playlists-detail .playlist_author .right-info .links .tw_link { background-position: -84px 0px; }
#page-playlists-detail .playlist_author .right-info .links .fb_link { background-position: -126px 0px; }
#page-playlists-detail .playlist_author .right-info .links .ms_link { background-position: -168px 0px; }
#page-playlists-detail .playlist_author .right-info .links .bl_link { background-position: -210px 0px; }
#page-playlists-detail .playlist_author .right-info .links .it_link { background-position: -252px 0px; }
#page-playlists-detail .playlist_author .right-info .links .pj_link { background-position: -294px 0px; }
#page-playlists-detail .playlist_author .right-info .links .sc_link { background-position: -336px 0px; }
#page-playlists-detail .playlist_author .right-info .links .yt_link { background-position: -459px 0px; }
#page-playlists-detail .playlist_author .right-info .links .bp_link { background-position: -376px 0px; }
#page-playlists-detail .playlist_author .right-info .links .ig_link { background-position: -418px 0px; }
#page-playlists-detail .all_audio { background-image: url('img/pl/d/back.png'); padding: 22px; overflow: hidden; }
#page-playlists-detail .all_audio .audio_item { float: left; width: 477px; height: 62px; margin-top: 9px; background-color: white; box-shadow: 1px 1px 1px #7c7c7c; }
#page-playlists-detail .all_audio .audio_item .click_area { position: absolute; display: none; z-index: 7; width: 394px; height: 39px; margin-top: 1px; margin-left: 44px; }
#page-playlists-detail .all_audio .audio_item:nth-child(even) { margin-left: 9px; }
#page-playlists-detail .all_audio .audio_item a.left_param { display: block; float: left; width: 439px; height: 62px; border-right: 1px white solid; text-decoration: none; }
#page-playlists-detail .all_audio .audio_item a.left_param .play_pause { float: left; margin: 1px; width: 41px; height: 39px; background-image: url('img/pl/d/play_pause.png'); }
#page-playlists-detail .all_audio .audio_item a.left_param .position { height: 39px; float: left; width: 394px; margin: 1px; }
#page-playlists-detail .all_audio .audio_item a.left_param .position .zapo { position: relative; z-index: 6; background-color: #e5e5e5; height: 100%; }
#page-playlists-detail .all_audio .audio_item a.left_param .name { float: left; height: 20px; margin-left: 10px; line-height: 20px; width: 428px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#page-playlists-detail .all_audio .audio_item div.right_param { float: right; width: 37px; overflow: hidden; }
#page-playlists-detail .all_audio .audio_item div.right_param .liryc { float: left; width: 35px; margin: 1px; height: 39px; background-image: url('img/pl/d/liryc_button.png'); background-position: 9px -36px; background-repeat: no-repeat; cursor: pointer; }
#page-playlists-detail .all_audio .audio_item div.right_param .volume { float: left; width: 37px; height: 21px; background-image: url('img/pl/d/volume.png'); background-repeat: no-repeat; background-position: 10px -31px; }
#page-playlists-detail .all_audio .audio_item div.right_param .volume .volume_content { display: none; background-color: #a5b8d0; height: 4px; width: 60px; position: absolute; margin-left: -30px; margin-top: 7px; border-radius: 3px; }
#page-playlists-detail .all_audio .audio_item div.right_param .volume .volume_content .ui-slider-handle { background-color: #456287; width: 10px; height: 10px; display: block; position: absolute; margin-left: -5px; border-radius: 10px; margin-top: -3px; }
#page-playlists-detail .all_audio .audio_item.active { }
#page-playlists-detail .all_audio .audio_item.active div.right_param .liryc { background-position: 9px 14px; }
#page-playlists-detail .all_audio .audio_item.active div.right_param .volume { background-position: 10px 4px; }
#page-playlists-detail .all_audio .audio_item.active a.left_param .play_pause { background-position-y: bottom; }
#page-playlists-detail .all_audio .audio_item.active a.left_param .position { background-color: #a5b8d0; }
#page-playlists-detail .all_audio .audio_item.active a.left_param .position .zapo { position: relative; z-index: 6; background-color: #4e7db0; height: 100%; }
#page-playlists-detail .all_audio .audio_item.active .click_area { display: block; background-image: url('img/pl/d/player_click.gif'); background-repeat: repeat-y; background-position: -1px 0px; }
#page-playlists-detail a.sm2_link:hover { color: black !important; }
/*Для шаринга в оновстях*/
#page-playlists-detail .b-share_theme_counter .b-share-btn__vkontakte, #page-playlists-detail .b-share_theme_counter .b-share-btn__facebook, #page-playlists-detail .b-share_theme_counter .b-share-btn__twitter {
background-color: inherit!important;
}
#page-playlists-detail .b-share_theme_counter .b-share-icon_vkontakte, #page-playlists-detail .b-share_theme_counter .b-share-icon_facebook, #page-playlists-detail .b-share_theme_counter .b-share-icon_twitter{
background-color: #b6b6b6!important;
border-radius: 5px;
width: 36px!important;
height: 36px!important;
background-position: 50%!important;
}
#page-playlists-detail .b-share_theme_counter .b-share-icon_vkontakte{
background-image: url('/bitrix/templates/flat-new/img/vk_share.png')!important;
}
#page-playlists-detail .b-share_theme_counter .b-share-icon_facebook{
background-image: url('/bitrix/templates/flat-new/img/fb_share.png')!important;
}
#page-playlists-detail .b-share_theme_counter .b-share-icon_twitter{
background-image: url('/bitrix/templates/flat-new/img/tw_share.png')!important;
}
#page-playlists-detail .b-share_theme_counter .b-share-btn__counter .b-share-counter {
height: 36px!important;
border: 1px solid #b6b6b6!important;
box-sizing: border-box!important;
border-radius: 5px!important;
color: #b6b6b6!important;
line-height: 34px!important;
padding: 0 8px!important;
margin: 0!important;
margin-left: 8px!important;
}
#page-playlists-detail .b-share_theme_counter .b-share-btn__counter .b-share-counter:before, #page-playlists-detail .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -6px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid;
left: 39px;
}
#page-playlists-detail .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
left: 40px;
border-right-color: white;
}
#page-playlists-detail .b-share-btn__vkontakte:active, #page-playlists-detail .b-share-btn__facebook:active, .b-share-btn__twitter:active{
margin-top: 0px;
height: 36px;
margin-bottom: -1px;
border-top:inherit!important;
background-color: inherit!important;
}
#page-playlists-detail .b-share-btn__vkontakte:active .b-share-icon, .b-share-btn__facebook:active .b-share-icon, #page-playlists-detail #page-superchart .b-share-btn__twitter:active .b-share-icon, .b-share_theme_counter .b-share__link:active .b-share-counter {
position: static!important;
top: 0px!important;
}
#page-playlists-detail .b-share_theme_counter .b-share-btn__wrap{
height: 36px!important;
}
#page-playlists-detail .b-share_theme_counter .b-share-btn__wrap {
margin-left: 15px!important;
}
#page-playlists-detail .b-share_theme_counter .b-share-btn__wrap:first-child {
margin-left: 0!important;
}
#page-playlists-detail .b-share-btn__vkontakte:hover .b-share-icon{
background-color: #48729E!important;
}
#page-playlists-detail .b-share-btn__facebook:hover .b-share-icon{
background-color: #3C5A98!important;
}
#page-playlists-detail .b-share-btn__twitter:hover .b-share-icon{
background-color: #00ACED!important;
}
.lir_back { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: black; opacity: 0.4; z-index: 500; display: none; }
.lir_content { position: absolute; width: 500px; left:50%; margin-left: -250px; background-color: white; display: none; z-index: 510; }
.lir_content .lir_title { padding: 14px; display: block; border-bottom: 1px #e5e5e5 solid; color: #000d1d; font-size: 14px; }
.lir_content .lir_text { padding: 14px; white-space: pre-wrap; max-height: 500px; overflow-y: auto;}
.lir_content .lir_content_close { width: 35px; height: 35px; background-color: black; background-image: url('img/pl/d/close.png'); background-position: center; background-repeat: no-repeat; cursor: pointer; opacity: 0.8; position: absolute; margin-left: 500px; }
#page-playlists-detail div.all_audio {
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none; }
#page-playlists-detail div.all_audio article.player_wrapper { width: 474px; float: left; margin: 1px 1px 0 0; }
#page-playlists-detail div.all_audio table { width: 100%; height: 60px; background-color: white; }
#page-playlists-detail div.all_audio table tr { }
#page-playlists-detail div.all_audio table td { height: 100%; }
#page-playlists-detail div.all_audio table td.play_pause { min-width: 34px; padding-left: 9px; }
#page-playlists-detail div.all_audio table td.play_star { width:170px; }
#page-playlists-detail div.all_audio table td.play_info { width: 67%; }
#page-playlists-detail div.all_audio table td.play_volume { min-width:30px; text-align: center; vertical-align: middle; padding: 6px 0 0 0; }
#page-playlists-detail div.all_audio table td.play_liryc, #page-playlists-detail div.all_audio table td.play_liryc_none { width:42px; text-align: center; vertical-align: middle; padding: 6px 0 0 0; }
#page-playlists-detail div.all_audio table td.play_social { width: 42px; }
#page-playlists-detail div.all_audio table td.play_comment { width:82px; background-color: #7286a0; }
#page-playlists-detail div.all_audio table td.play_pause { text-align: center; cursor: pointer; }
#page-playlists-detail div.all_audio table td.play_pause i { display:block; height: 36px; }
#page-playlists-detail div.all_audio table td.play_pause i.play { display:block; height: 72px; line-height: 72px; font-size: 36px;}
#page-playlists-detail div.all_audio table td.play_pause i.pause { display:none; height: 72px; line-height: 72px; font-size: 34px;}
#page-playlists-detail div.all_audio table td.play_pause.play { opacity: 1; }
#page-playlists-detail div.all_audio table td.play_pause.play i.play { display:none; }
#page-playlists-detail div.all_audio table td.play_pause.play i.pause { display:block; }
#page-playlists-detail div.all_audio table td.play_info { padding: 0 10px; }
#page-playlists-detail div.all_audio table td.play_info span { display: block; color: #223a59; font-size: 11px; max-width: 90%; }
#page-playlists-detail div.all_audio table td.play_info span.artist { font-size: 13px; font-weight: bold; }
#page-playlists-detail div.all_audio table td.play_info span.name { }
#page-playlists-detail div.all_audio table td.play_info div.position { width: 100%; margin-top: 5px; background-color: #dbe3e8; border-radius: 2px; }
#page-playlists-detail div.all_audio table td.play_info div.position div.buffer { position: relative; width: 100%; height: 5px; background-color: #cfcfcf; border-radius: 2px; }
#page-playlists-detail div.all_audio table td.play_info div.position div.now { display: none; position: relative; width: 0; height: 5px; margin-top: -5px; background-color: #456287; border-radius: 2px; }
#page-playlists-detail div.all_audio table td.play_info div.position div.area { display: none; position: absolute; width: 297px; height: 11px; margin-top: -8px; cursor: pointer; }
#page-playlists-detail div.all_audio table.active td.play_info div.position div.buffer { background-color: #b6cad8; }
#page-playlists-detail div.all_audio table.active td.play_info div.position div.now { display: block; }
#page-playlists-detail div.all_audio table.active td.play_info div.position div.area { display: block; }
#page-playlists-detail div.all_audio table div.now div.baloon { display: none; }
#page-playlists-detail div.all_audio table div.area div.baloon_area { display: none; }
#page-playlists-detail div.all_audio table.active td.play_info div.position div.now div.baloon { left: 250px; display: block; position: absolute; top: -18px; width: 45px; text-align: right; padding: 2px; float: right; font-size: 10px; }
#page-playlists-detail div.all_audio table.active td.play_info div.position div.area div.baloon_area { right: -16px; display: none; position: absolute; top: -20px; border-radius: 2px; opacity: 0.9; background-color: #9db7da; width: 42px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#page-playlists-detail div.all_audio table.active td.play_info div.position div.area div.baloon_area:before { content: ' '; position: absolute; left: 16px; margin-top: 12px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #9db7da; }
#page-playlists-detail div.all_audio table.active td.play_info div.position:hover div.area div.baloon_area { display: block; }
#page-playlists-detail div.all_audio table td.play_volume div.icon path { fill: #b5b5b5; font-size: 18px; }
#page-playlists-detail div.all_audio table.active td.play_volume div.icon path { fill:#838587; }
#page-playlists-detail div.all_audio table td.play_volume .volume { display: none; width: 6px; height: 54px; margin: -5px auto 0; }
#page-playlists-detail div.all_audio table td.play_volume .volume .vol_zapo { position: absolute; width: 6px; height: 54px; background-color: #838587; }
#page-playlists-detail div.all_audio table td.play_volume .volume .vol_razd { position: absolute; width: 6px; height: 20px; background-color: #cfcfcf; }
#page-playlists-detail div.all_audio table td.play_volume .volume .vol_razd .circle { font-size: 9px; position: absolute; margin-left: -1px; line-height: 40px; color: #414345; margin-top: -2px; }
#page-playlists-detail div.all_audio table td.play_volume .volume .vol_clickable { position: absolute; width: 20px; height: 54px; margin-left: 1px; cursor: pointer;}
#page-playlists-detail div.all_audio table td.play_volume:hover div.icon { display: none; }
#page-playlists-detail div.all_audio table td.play_volume:hover div.volume { display: block; }
#page-playlists-detail div.all_audio table td.play_liryc svg, #page-playlists-detail div.all_audio table td.play_liryc_none svg { cursor: pointer; }
#page-playlists-detail div.all_audio table td.play_liryc_none rect, #page-playlists-detail div.all_audio table td.play_liryc rect { fill: #b5b5b5; }
#page-playlists-detail div.all_audio table td.play_liryc:hover rect { fill: #7E7E7E; }
#page-playlists-detail div.all_audio table.active td.play_liryc rect { fill:#838587; }
#share_liryc_elem { float: right; margin: 15px 0; }
#page-playlists-detail div.all_audio table td.play_social .social-likes i { margin-right: 3px; }
#page-playlists-detail div.all_audio table td.play_social .social-likes { width: 43px; height: 24px; background-color: white; color: #B5B5B5; text-align: center; line-height: 24px; border-radius: 2px; margin: 0 auto; cursor: pointer; font-size: 24px; margin-top: 3px; }
#page-playlists-detail div.all_audio table td.play_social .social-likes:hover { /*background-color: #7E7E7E;*/ color: #7E7E7E; }
#page-playlists-detail div.all_audio table td.play_social .social-likes div.b-share_theme_counter .b-share.active { display: block; }
#page-playlists-detail div.all_audio table td.play_social .count_sum {margin-right: 5px;}
#page-playlists-detail div.all_audio table td.play_social .like_programm>div{
position: absolute;
width: 165px;
background: white;
margin-top: 30px;
margin-left: -70px;
box-shadow: 0px 0px 8px -2px #222325;
font-size: 12px;
z-index: 200;
text-align: left;
}
#page-playlists-detail div.all_audio table td.play_social .like_programm i{
font-size: 25px;
float: left;
width: 26px;
text-align: center;
line-height: 31px;
}
#page-playlists-detail div.all_audio table td.play_social .like_programm a{
color: #919191;
text-decoration: none;
display: block;
padding: 5px 0px 5px 14px;
}
#page-playlists-detail div.all_audio table td.play_social .like_programm a:hover { color: #959595; background-color: #F8F4F4; }
#page-playlists-detail div.all_audio table td.play_social .like_programm span{
line-height: 30px;
margin-left: 7px;
font-size: 12px;
}
#page-playlists-detail div.all_audio table td.play_social .like_programm::before{
content: ' ';
position: absolute;
z-index: 1000000;
border: 8px solid rgba(255, 0, 0, 0);
border-bottom: 8px solid #FFFFFF;
height: 8px;
margin-top: 6px;
margin-left: -12px;
}
#page-playlists-detail div.all_audio table td.play_social .like_programm::after{
height: 1px;
box-shadow: 0 0 5px black;
transform: translate;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
content: ' ';
position: absolute;
z-index: 10;
border: 5px solid rgba(255, 0, 0, 0);
opacity: 0.7;
margin-top: 25px;
margin-left: -9px;
}
#page-playlists-detail div.all_audio table td.play_social .b-share_theme_counter { position: absolute; width: 191px; margin-top: 77px; z-index: 100;}
#page-playlists-detail div.all_audio table td.play_social .b-share_theme_counter .b-share {
vertical-align: middle;
position: absolute;
background-color: white;
padding: 5px !important;
display: none;
margin-top: -48px;
margin-left: -53px;
width: auto;
height: 38px;
overflow: hidden;
white-space: nowrap;
box-shadow: 0 0 9px gray;
}
#page-playlists-detail div.all_audio table td.play_social .b-share_theme_counter .b-share.visible { display: block; }
/* Регионы */
#page-regions {font-size: 14px; font-family: Arial, serif; line-height: 140%;}
#page-regions .broadcastItem{width:200px;padding-right:5px;}
#page-regions .broadcastMenu{width:100%;padding:10px 0px 37px 10px;background:url(img/net/bgr.jpg) 98% 10px no-repeat #e1e7e7; height: 79px; font-size: 14px; line-height: 140%; font-family: Arial, serif}
#page-regions .broadcastMenu li a{color:#538795;font-size:14px;}
#page-regions .broadcastMenu li{list-style-type:none;}
#page-regions .cityList{margin-top:10px;}
#page-regions .cityList td{width:20%;padding-bottom:10px;}
#page-regions .cityList h3, .broadcastItem h3{text-align:right;font-size:11px;font-weight:normal;}
#page-regions .cityList p, .cityList a, .cityList small{display:block;width:150px;}
#page-regions .cityList small, .broadcastItem small{display:block;color:#111;background:url('img/net/underline.gif') repeat-x bottom left;padding-top:3px;padding-bottom:7px;margin-bottom:5px;height:13px;}
#page-regions .cityList h3 a, .broadcastItem h3 a{color:black;text-decoration:none;font-weight:normal;float:left;text-align:left;width:77%;}
#page-regions-kak {}
#page-regions-kak input { border: 1px gray solid; height: 21px; margin: 5px 0; }
#page-regions-kak textarea { width: 470px; height: 120px; }
#page-regions-kak .partner-data-table td{padding:5px 0px 5px 0px;}
#page-regions-kak .partner-data-table .label{width:170px;text-align:right !important;font-weight:bold;vertical-align:middle;padding:5px 20px 5px 0px;}
#page-regions-kak .partner-data-table input, .partner-data-table textarea{border:1px solid #969696;padding:3px;}
#page-regions-kak .partner-data-table select{border:1px solid #969696;}
#page-regions-kak .partner-data-table option{padding:1px 3px;}
#page-regions-kak .partner-data-table textarea, .partner-data-table input.wide{width:99%;}
#page-regions-kak .partner-data-table-wrapper{width:540px;background-color:#dcdcdc;}
#page-regions-kak .partner-data-table input.submit{float:right;display:block;border:none;text-align:center !important;width:122px;height:37px;color:#fff;font-size:14px;font-family:arial, sans-serif;background:url(img/net/regions-kak/send_btn.gif) top center no-repeat #6d9b00;padding:0px !important;cursor:pointer;}
#page-regions-detail .broadcastDetail h1 { color: black; font-size: 22px; line-height: 140%; font-family: 'Open Sans'; margin-bottom: 20px; }
#page-regions-detail .broadcastDetail img{margin-right:20px;}
#page-regions-detail .broadcastDetail .info{color:#284d62;}
#page-regions-detail .broadcastDetail p{padding-top:20px;line-height:16px;}
/* Superchart */
#page-superchart #Tabs{}
#page-superchart .content form input.btn{display:block;width:102px;padding:9px 0px;color:#fff !important;text-decoration:underline;font-size:11px;background:url(img/superchart/chart_vote_btn.gif) top left no-repeat !important;font-weight:bold;margin-bottom:5px;text-align:center;}
#page-superchart .content .voting-info{margin-top:5px;height:30px;color:#323937;font-size:11px;}
#page-superchart .ie7 .content .voting-info .mt20 {margin-top:5px;}
#page-superchart #chartTabs li#emptyTab{width:60px;}
#page-superchart #chartContainer{width:530px;}
#page-superchart .content ul li{color:#fff;font-family:arial;font-size:13px;padding:0 0 0 10px;display:block;list-style-type:none;position:relative;height:38px;position:relative;}
#page-superchart .content ul li.addit{color:#536067;font-family:arial;font-size:13px;padding:0 0 0 10px;display:block;list-style-type:none;position:relative;height:38px;position:relative;}
#page-superchart .content ul li label{display:block;position:absolute;top:1px;left:30px;padding:5px 0px 10px 43px;line-height:12px;width:347px;white-space:nowrap;overflow:hidden;}
#page-superchart .content ul li.empty label{padding:10px 0px 10px 5px;}
#page-superchart .content ul li input{margin:10px 0px 0px 0px;}
#page-superchart .content ul li span{font-weight:bold;}
#page-superchart .content .info{position:relative;height:100%;}
#page-superchart .content .pict{margin-right:10px;position:absolute;bottom:0px;z-index:10;}
#page-superchart .content p.descript{font-size:11px;color:#323937;font-family:arial, sans-serif;margin:0px 5px;padding:10px;min-height:70px;height:auto !important;height:70px;line-height:120%;}
#page-superchart .content ul{display:block;list-style-type:none;list-style-position:outside;}
#page-superchart .content .chart-items{padding:0px 12px 12px 12px;}
#page-superchart .history-icons {position: absolute;right: 58px;text-align: center;top: 8px;width: 20px;}
#page-superchart .chart-items .player{ background:#b2cbcd url(img/superchart/bg-sc-player.gif) no-repeat scroll left top; }
#page-superchart .content .chart-items .player{ position:absolute; top:-1px; right:0px; height:33px; width:32px; padding:6px 0 0 10px; border-color:#9CB0B4 #9CB0B4 #9CB0B4 #A5B7B8; border-style:solid; border-width:0 1px 1px; }
#page-superchart .opera .content .chart-items .player{ padding:9px 0 0 11px; height:30px; }
#page-superchart .ie6 .content .chart-items .player{ padding:9px 0 0 11px; height:30px; }
#page-superchart .num{display:block;position:absolute;width:65px;height:37px;overflow:hidden;color:#fff;top:0px;left:0px;z-index:20;font-size:50px;}
#page-superchart .num b{position:absolute;top:1px;right:1px;font-size:50px;font-family:arial;font-style:italic;font-weight:bold;letter-spacing:-6px;display:block;line-height:30px;}
#page-superchart .main_chart_7 li label{background:none !important;}
#page-superchart .chart-items li input{z-index:30;position:relative;}
#page-superchart .empty label{background-image:none;}
#page-superchart #superchart ul li{background-color:#a2aeb4;border-top:1px solid #86959b;border-bottom:1px solid #abb6bb;}
#page-superchart #superchart ul{padding:0px !important;}
#page-superchart #superchart ul li.addit{background-color:#d4e4e6;border-top:1px solid #b2cbcd;border-bottom:1px solid #abb6bb;}
#page-superchart #superchart .item1{background-color:#303f47;border-top:1px solid #27353c;border-bottom:1px solid #303f47;}
#page-superchart #superchart .item2{background-color:#3e4d55;border-top:1px solid #27353c;border-bottom:1px solid #303f47;}
#page-superchart #superchart .item3{background-color:#4d5e65;border-top:1px solid #586970;border-bottom:1px solid #57686f;}
#page-superchart #superchart .item4{background-color:#55666d;border-top:1px solid #5b6c73;border-bottom:1px solid #5b6c73;}
#page-superchart #superchart .item5{background-color:#6a7a82;border-top:1px solid #6a7a82;border-bottom:1px solid #6a7a82;}
#page-superchart #superchart .item6{background-color:#76858c;border-top:1px solid #76858c;border-bottom:1px solid #76858c;}
#page-superchart #superchart .item7{background-color:#839299;border-top:1px solid #8c9aa0;border-bottom:1px solid #8c9aa0;}
#page-superchart #superchart .item8{background-color:#94a2a8;border-top:1px solid #8c9aa0;border-bottom:1px solid #abb6bb;}
#page-superchart #rcchart ul li{background-color:#ABABAB;}
#page-superchart #rcchart .item1{background-color:#3b3b3b;}
#page-superchart #rcchart .item2{background-color:#494949;}
#page-superchart #rcchart .item3{background-color:#595959;}
#page-superchart #rcchart .item4{background-color:#616161;}
#page-superchart #rcchart .item5{background-color:#767676;}
#page-superchart #rcchart .item6{background-color:#818181;}
#page-superchart #rcchart .item7{background-color:#8e8e8e;}
#page-superchart #rcchart .item8{background-color:#9e9e9e;}
#page-superchart #rcchart .item9{background-color:#ababab;}
#page-superchart #rcchart .item10{background-color:#ababab;}
#page-superchart #superchart{background-color:#b2cbcd;}
#page-superchart #superchart .pict{left:10px;}
#page-superchart #content #superchart p.descript{padding-left:110px;}
#page-superchart #content p.descript{padding-top:20px;}
#page-superchart #superChartTab{background-color:#b2cbcd;}
#page-superchart #superChartTab a{background:url(img/superchart/super-chart-title.jpg) 0px 0px no-repeat;}
#page-superchart #rcChartTab{background-color:#c9d7d8;}
#page-superchart #rcChartTab a{background:url(img/superchart/rc-chart-title.jpg) 0px 0px no-repeat;}
#page-superchart #rcchart .pict{margin-left:190px;margin-top:20px;}
#page-superchart #chartTabs{list-style-type: none;text-align: left; background-color:#fff;height:39px;width:530px;padding:0px !important;}
#page-superchart #chartTabs li{display: block;float:left;padding: 3px 7px;width:516px;height:38px;border-top:1px solid #fff;}
#page-superchart #chartTabs li a{position: relative;z-index: 1;display:block;width:200px;height:40px;margin-top:10px;margin-left:10px;}
#page-superchart a.sm2_link { display: block; width: 20px; height: 26px; }
#page-superchart .sm2_link { background-image: url('img/superchart/icon_play.png'); background-position: center; background-repeat: no-repeat; }
#page-superchart .sm2_playing { background-image: url('img/superchart/icon_pause.png'); }
/* DJs */
#page-djs .radio-playlist { padding: 20px 40px; }
#page-djs .radio-playlist.night { background-color: #484a56; background-image: url('img/djs/back.night.png'); background-position: top center; background-repeat: no-repeat; }
#page-djs .radio-playlist .head span { display: none; }
#page-djs .radio-playlist .head { display: block; width: 328px; height: 45px; background-repeat: no-repeat; margin-bottom: 15px; }
#page-djs .radio-playlist.day .head { background-image: url('img/djs/day.png'); }
#page-djs .radio-playlist.night .head { width: 366px; background-image: url('img/djs/night.png'); }
#page-djs .radio-playlist .playlist-content { overflow: hidden; }
#page-djs .radio-playlist .playlist-content a { display: block; float: left; margin: 0px 1px 1px 0; width: 150px; height: 150px; overflow: hidden; position: relative; opacity: 1.0; transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; }
#page-djs .radio-playlist .playlist-content a:hover { opacity: 0.8; transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out; }
#page-djs .radio-playlist .playlist-content a span { display: block; position: absolute; bottom: 0; width: 100%; padding: 3px 8px; font-size: 15px; background-image: url('img/djs/back.png'); color: white; }
/* Крем и Хруст */
#page-kih {}
#page-kih .back { width: 975px; height: 3179px; background-image: url('img/kih/back.jpg'); background-repeat: no-repeat; margin-left: -20px; margin-top: -10px; overflow: hidden; }
#page-kih .hrust { position: absolute; margin-top: 1747px; margin-left: 617px; }
#page-kih .krem { position: absolute; margin-top: 2212px; margin-left: 617px; }
#page-kih .vmeste { position: absolute; margin-top: 2676px; margin-left: 617px; }
#page-kih .kih_vk_music { width: 560px; overflow: hidden; margin-top: 2013px; margin-left: 40px; }
#page-kih .kih_music { width: 560px; overflow: hidden; margin-top: 2013px; margin-left: 40px; }
#page-kih #vk_audio { width: 560px; overflow: hidden; }
#page-kih .more { position: absolute; margin-top: 3094px; width: 88px; height: 52px; background-image: url('img/kih/more.png'); margin-left: 450px; }
#page-kih .more:hover { background-position: 0 -52px; }
#page-kih .email { color: white; font-size: 33px; text-transform: uppercase; font-weight: bold; margin-left: 340px; font-family: Times; }
#page-kih .email2 { display: block; position: absolute; margin-top: 1620px; width: 975px; height: 145px; z-index: 10; }
#page-kih .email3 { display: block; position: absolute; margin-top: 1660px; width: 975px; height: 145px; z-index: 10; }
#page-kih .email3 span { text-decoration: underline; }
#page-kih .email3 span a { color: white; }
#page-kih .email3 span a:visited { color: white; }
#page-kih .email_ok { display: block; position: absolute; margin-top: 1587px; width: 975px; height: 145px; z-index: 15; }
#page-kih a.sm2_link, #page-kih a.sm2_paused:hover, #page-kih a.sm2_link:hover { background-image: url('img/kih/buttons.png'); color: #0c0c0c; text-decoration: none; font-family: Arial; background-position: 0 6px; font-size: 13px; letter-spacing: -1.5px; font-weight: bold; }
#page-kih a.sm2_link:hover { opacity: 1; color: #111111; }
#page-kih a.sm2_playing { opacity: 1; background-position: 0 -59px; }
#page-kih a.sm2_playing:hover { opacity: 1; background-position: 0 -59px; }
#page-kih a.sm2_playing .position { visibility: visible; }
#page-kih a.news_song { height: 51px; display: block; line-height: 22px; padding-left: 48px; background-repeat: no-repeat; }
#page-kih a.news_song span { display: block; line-height: 16px; font-size: 14px; font-weight: normal; }
#page-kih .zapo { height: 4px; background-color: #e5008c; width: 0; border-radius: 4px; }
#page-kih .durinfo { position: relative; margin-top: -20px; white-space: nowrap; color: #828282; font-size: 11px; float: right; background-color: white; padding: 0 4px; border-radius: 10px;}
#page-kih .mmmu { z-index: 20; overflow: hidden; width: 275px; float: left; }
#page-kih .mmmu.active a.sm2_link { opacity: 1; background-position: 0 -59px; }
#page-kih .mmmu.active a.sm2_link:hover { opacity: 1; color: #111111; }
#page-kih div.mus-item { overflow: hidden; padding: 4px 0; }
#page-kih .music3 { margin-left: 644px; top: 1591px; width: 241px; }
#page-kih .music3 .position { width: 193px; }
#page-kih .player_wrapper { width: 260px; float: left; margin-right: 20px;}
#page-kih .player_wrapper table { width: 100%; height: 60px; margin-bottom: 10px; }
#page-kih .player_wrapper table tr { }
#page-kih .player_wrapper table td { height: 54px; }
#page-kih .player_wrapper table tbody tr td.play_pause { width: 34px; padding-left: 9px; }
#page-kih .player_wrapper table tbody tr td.play_info { width: 190px; }
#page-kih .player_wrapper table tbody tr td.play_volume { width: 30px; text-align: center; vertical-align: middle; padding: 6px 0 0 0; }
#page-kih .player_wrapper table td.play_pause { text-align: center; cursor: pointer; color: #ebddc3; line-height: 36px; font-size: 14px; text-align: center; }
#page-kih .player_wrapper table td.play_pause i { display:block; height: 36px; width: 36px; background-color: #271a0e; }
#page-kih .player_wrapper table td.play_pause i.play { display:block; }
#page-kih .player_wrapper table td.play_pause i.pause { display:none; }
#page-kih .player_wrapper table td.play_pause.play { opacity: 1; color: #ebddc3; }
#page-kih .player_wrapper table td.play_pause.play i.play { display:none; }
#page-kih .player_wrapper table td.play_pause.play i.pause { display:block; }
#page-kih .player_wrapper table td.play_info { padding: 0 10px; }
#page-kih .player_wrapper table td.play_info span { display: block; color: #223a59; font-size: 11px; max-width: 90%; font-family: Helvetica, Arial; }
#page-kih .player_wrapper table td.play_info span.artist { font-size: 11px; width: 160px; height: 30px; width: 186px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; display: block;}
#page-kih .player_wrapper table td.play_info span.name { }
#page-kih .player_wrapper table td.play_info div.position { width: 100%; margin-top: 5px; background-color: #d6d6d6; border-radius: 2px; }
#page-kih .player_wrapper .active table td.play_info div.position div.buffer { position: relative; width: 0; height: 5px; background-color: #b6cad8; border-radius: 2px; }
#page-kih .player_wrapper table td.play_info div.position div.now { display: none; position: relative; width: 0; height: 5px; margin-top: -5px; background-color: #271a0e; border-radius: 2px; }
#page-kih .player_wrapper table td.play_info div.position div.area { display: none; position: absolute; width: 168px; height: 11px; margin-top: -8px; cursor: pointer; }
#page-kih .player_wrapper table.active td.play_info div.position div.now { display: block; }
#page-kih .player_wrapper table.active td.play_info div.position div.area { display: block; }
#page-kih .player_wrapper table div.now div.baloon { display: none; }
#page-kih .player_wrapper table div.area div.baloon_area { display: none; }
#page-kih .player_wrapper table.active td.play_info div.position div.now div.baloon { left: 140px; display: block; position: absolute; top: -16px; width: 30px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#page-kih .player_wrapper table.active td.play_info div.position div.area div.baloon_area { right: -16px; display: none; position: absolute; top: -18px; border-radius: 2px; opacity: 0.9; background-color: #ebddc3; width: 30px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#page-kih .player_wrapper table.active td.play_info div.position div.area div.baloon_area:before { content: ' '; position: absolute; left: 10px; margin-top: 13px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ebddc3; }
#page-kih .player_wrapper table.active td.play_info div.position:hover div.area div.baloon_area { display: block; }
#page-kih .player_wrapper table td.play_volume div.icon path { fill: #b5b5b5; font-size: 18px; }
#page-kih .player_wrapper table.active td.play_volume div.icon path { fill:#456287; }
#page-kih .player_wrapper table td.play_volume .volume { display: none; width: 6px; height: 54px; margin: -5px auto 0; }
#page-kih .player_wrapper table td.play_volume .volume .vol_zapo { position: absolute; width: 6px; height: 54px; background-color: #271a0e; }
#page-kih .player_wrapper table td.play_volume .volume .vol_razd { position: absolute; width: 6px; height: 20px; background-color: #ebddc3; }
#page-kih .player_wrapper table td.play_volume .volume .vol_razd .circle { font-size: 9px; position: absolute; margin-left: -1px; line-height: 40px; color: #183151; margin-top: -2px; }
#page-kih .player_wrapper table td.play_volume .volume .vol_clickable { position: absolute; width: 20px; height: 54px; margin-left: 1px; }
#page-kih .player_wrapper table.active td.play_volume:hover div.icon { display: none; }
#page-kih .player_wrapper table.active td.play_volume:hover div.volume { display: block; cursor:pointer; }
/* Фотоблок на главной */
#sect-photo { overflow: hidden; width: 670px; margin: 4px; }
#sect-photo article { float: left; width: 161px; height: 106px; background-size: cover; background-position: center; margin: 3px; transition: opacity 0.3s ease; cursor: pointer; margin-bottom: 19px; }
#sect-photo article .pseudo-padding { height: 109px; }
#sect-photo article a { text-decoration: none; }
#sect-photo article figure { width: 100%; height: 100%; }
#sect-photo article figure img { width: inherit; height: inherit; }
#sect-photo article figure figcaption { font-family: 'Helvetica Heue', Arial; font-weight: lighter; height: 16px; padding: 0 5px; background-color: rgba(0, 0, 0, 0.5); margin-top: -19px; position: relative; color: white; line-height: 16px; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sect-photo article span.counter { background-image: url('img/photos/eye.png'); background-color: #dbd8d8; height: 16px; line-height: 16px; color: #747474; background-position: 8px 0px; float: left; background-repeat: no-repeat; width: 100%; position: relative; margin-top: 0px; background-size: 16px; }
#sect-photo article span.counter p { padding-left: 34px; }
#sect-photo article:nth-child(1) { width: 328px; height: 234px; }
#sect-photo article:nth-child(1) .pseudo-padding { height: 237px; }
#sect-photo article:nth-child(1) figure img { width: inherit; height: inherit; }
#sect-photo article:nth-child(1) div.mulka { background-image: url('img/photos/mulka.png'); width: 180px; height: 38px; position: absolute; margin: 8px 0 0 -8px; }
#sect-photo article:hover { opacity: 0.8; }
#sect-photo article:hover figure figcaption { background-color: rgba(0, 0, 0, 0.6); }
#sect-photo .gallerybreakline { height: 4px; background-color: #eaeaea; width: 994px; border-top: 1px #b8b8b8 solid; position: relative; margin: 20px 0 0 -30px; }
#sect-photo .media_error { display: block; width: 100%; text-align: center; margin-top: 30px; font-size: 16px; }
/* Медиа Фото */
#page-media-photo {}
#page-media-photo section.photo-items-list-page { overflow: hidden; width: 972px; margin-left: -18px; min-height: 400px; }
#page-media-photo section.photo-items-list-page article { float: left; width: 231px; height: 154px; margin: 6px; transition: all 0.3s ease; cursor: pointer; }
#page-media-photo section.photo-items-list-page article a { text-decoration: none; }
#page-media-photo section.photo-items-list-page article figure { width: 100%; height: 100%; }
#page-media-photo section.photo-items-list-page article figure img { width: 231px; height: 154px; }
#page-media-photo section.photo-items-list-page article figure figcaption { height: 35px; padding: 0 5px; background-color: rgba(0, 0, 0, 0.5); margin-top: -61px; position: relative; color: white; line-height: 35px; font-weight: bold; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
#page-media-photo section.photo-items-list-page article span.counter { background-image: url('img/photos/eye.png'); background-color: #dbd8d8; height: 23px; line-height: 23px; color: #747474; background-position: 8px 0px; float: left; background-repeat: no-repeat; width: 100%; position: relative; margin-top: -23px; }
#page-media-photo section.photo-items-list-page article span.counter p { padding-left: 34px; }
#page-media-photo section.photo-items-list-page article:nth-child(1) { width: 474px; height: 320px; }
#page-media-photo section.photo-items-list-page article:nth-child(1) figure img { width: inherit; height: inherit; }
#page-media-photo section.photo-items-list-page article:nth-child(1) div.mulka { background-image: url('img/photos/mulka.png'); width: 180px; height: 38px; position: absolute; margin: 8px 0 0 -8px; }
#page-media-photo section.photo-items-list-page article:hover { opacity: 0.8; }
#page-media-photo section.photo-items-list-page article:hover figure figcaption { background-color: rgba(0, 0, 0, 0.6); }
#page-media-photo .gallerybreakline { height: 4px; background-color: #eaeaea; width: 994px; border-top: 1px #b8b8b8 solid; position: relative; margin: 20px 0 0 -30px; }
#page-media-photo .media_error { display: block; width: 100%; text-align: center; margin-top: 30px; font-size: 16px; }
#page-media-photo div#selfest-styler.jq-selectbox.jqselect { z-index:10!important;}
/* Фото детально */
#page-photos-detail .photo-barch { width: 109px; height: 37px; background-image: url(/i/js/galleria-1.2.9/themes/classic/photo.png); position: absolute; margin-top: 43px; margin-left: 2px; z-index: 10; }
#page-photos-detail .video-barch { width: 109px; height: 37px; background-image: url('/i/js/galleria-1.2.9/themes/classic/mulka_video.png'); position: absolute; margin-top: 12px; margin-left: 2px; }
#page-photos-detail #galleria{ width: 700px; height: 565px; background-color: transparent; margin-top: 26px; }
#page-photos-detail .galleria-container { background-color: transparent; }
#page-photos-detail .galleria-stage { background-color: #e7e7e7; bottom: 100px; }
#page-photos-detail .galleria-thumbnails .galleria-image { background-color: #e7e7e7; border: 1px #bababa solid; width: 120px; height: 75px; }
#page-photos-detail .galleria-thumbnails-container { height: 90px; }
#page-photos-detail .galleria-thumbnails .galleria-image { margin: 0 10px 0 0; }
#page-photos-detail .galleria-thumb-nav-left { background-image: url('/i/js/galleria-1.2.9/themes/classic/photo_video.png'); background-position: 1px 23px; height: 77px; }
#page-photos-detail .galleria-thumb-nav-right { background-image: url('/i/js/galleria-1.2.9/themes/classic/photo_video.png'); background-position: -19px 23px; height: 77px; }
#page-photos-detail .galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover { background-color: transparent !important; }
#page-photos-detail .gallerybreakline { height: 4px; background-color: #eaeaea; width: 994px; border-top: 1px #b8b8b8 solid; position: relative; margin-left: -30px; }
#page-photos-detail .seemore { float: right; background-color: #dadada; width: 240px; overflow: hidden; margin-right: -20px; margin-top: -4px; position: relative; border-top: 4px #cdcdcd solid; }
#page-photos-detail .seemore .seezag { margin-top: 15px; font-size: 18px; text-transform: uppercase; margin-left: 10px; margin-bottom: 15px; }
#page-photos-detail .seemore .morelist .moreitem { display: block; margin: 10px; text-decoration: none; }
#page-photos-detail .seemore .morelist .moreitem .prev { background-color: #575757; width: 92px; height: 62px; float: left; }
#page-photos-detail .seemore .morelist .moreitem .moretext { height: 62px; width: 126px; display: table-cell; vertical-align: middle; padding-left: 8px; }
#page-photos-detail .video { margin-left: 9px; margin-top: 42px; }
#page-photos-detail .galleria-container .galleria-fscr { position: absolute; cursor: pointer; width: 48px; height: 48px; background-image: url('img/photos/fullscreen.png'); top: 0px; right: 0px; z-index:2; }
#page-photos-detail .galleria-container .galleria-fscr:hover { opacity: 0.8; }
#page-photos-detail .galleria-container.fullscreen .galleria-fscr { background-image: url('img/photos/fullscreen_back.png'); }
/* Букинг */
#page-booking .gastroli-index { width: 994px; position: relative; min-height: 10px; margin-left: -30px; margin-top: -20px; }
#page-booking .gastroli-index
#page-booking .artist_heading { background-image: url('//i.radiorecord.ru/img/gastroli/gas.sprite.artists_type.png'); width: 100%; height: 39px; }
#page-booking .artist_type { width: 100%; min-height: 20px; }
#page-booking .mc .artist_heading { background-position: 0 -39px;}
#page-booking .international .artist_heading { background-position: 0 -78px;}
#page-booking .regional .artist_heading { background-position: 0 -117px;}
#page-booking .regional a.artist { margin: 10px auto; }
#page-booking .regional a.artist span { visibility: hidden; }
#page-booking .more { position: relative; width: 998px; left: -16px; }
#page-booking .more .artist_heading { background-position: 0 -156px; height: 48px; position: relative; }
#page-booking .managers .artist_heading { background-position: 0 -205px; height: 43px; position: relative; }
#page-booking .artist_heading { background-image: url('//i.radiorecord.ru/img/gastroli/gas.sprite.artists_type.png'); width: 100%; height: 39px; margin: 18px 0 16px 0; }
#page-booking .artist_wrapper { width: 970px; overflow: hidden; padding: 0 12px; }
#page-booking .artist_wrapper_more { width: 994px; overflow: hidden; margin-left: 4px; margin-top: -38px; padding: 28px 12px; }
#page-booking .managers .artist_wrapper { margin-top: -36px; padding: 0; margin-left: -4px; width: 1000px; }
#page-booking .managers .artist_wrapper_more { width: 994px; overflow: hidden; margin-left: 4px; background-image: url('//i.radiorecord.ru/img/gastroli/gas.back.managers.png'); margin-top: -38px; padding: 76px 12px 33px; }
#page-booking .artist { float: left; text-decoration: none; margin: 10px 12px; border: 1px #AEAEAE solid; }
#page-booking .artist div { width: 160px; height: 248px; overflow: hidden; background-position: center; display: table-cell; vertical-align: bottom; }
#page-booking .artist:hover { opacity: 0.9; }
#page-booking .artist div span { background-image: url('//i.radiorecord.ru/img/gastroli/gas.back.span.png'); display: block; color: white; padding: 7px 8px; font-size: 17px; }
#page-booking .artist_type_russian .artist_heading { background-position: top center; }
#page-booking .artist_more { height: 31px; display: block; float: left; text-decoration: none; color: white; line-height: 32px; font-weight: bold; font-size: 17px; color: #393939; text-transform: uppercase; padding: 0 11px; overflow: hidden; margin: 7px; }
#page-booking .artist_more:hover { opacity: 0.6; }
#page-booking .manager_photo { width: 95px; height: 95px; overflow: hidden; float: left; border: 2px white solid; }
#page-booking .manager_photo img { width:95px; height: 95px; }
#page-booking .manager { display:block; height: 116px; width: 460px; float: left; margin: 6px 12px; }
#page-booking .manager:hover { opacity: 0.8; }
#page-booking .manager_info { display: block; width: 340px; color: whitesmoke; position: absolute; margin-left: 115px; margin-top: 4px; }
#page-booking .manager_info p { font-weight: bolder; font-size: 19px; padding: 0 !important; }
#page-booking div.artist_type.regional a div { height: 130px; width: 130px; background-repeat: no-repeat; background-size: 80%; }
#page-booking div.artist_type.regional a { border: none; }
#page-booking div.artist_type.managers .artist_wrapper_more { background-image: none; background-color: #464646; font-family: 'Helvetica Neue', Helvetica, Arial; font-weight: lighter; }
#page-booking .manager { height: 150px; }
/* Букинг Детальная */
#page-booking-detail {}
#page-booking-detail .bx-wrapper .bx-viewport { border: none; left: 0; }
#page-booking-detail .dj_info { font-family: Arial; margin: 30px 0 30px 30px; float: left; width: 700px; font-size: 13px; }
#page-booking-detail .bx-wrapper .bx-pager { position: absolute; bottom: 22px; width: 100%; right: 31px; padding-top: 0px; text-align: right; }
#page-booking-detail .bx-wrapper .bx-pager.bx-default-pager a { overflow: hidden; background: #fff; color: #fff; opacity: 0.3; transition: all 1s ease; }
#page-booking-detail .bx-wrapper .bx-pager.bx-default-pager a.active { overflow: hidden; background: #fff; color: #fff; opacity: 1; }
#page-booking-detail .bx-wrapper .bx-prev { margin-left: 12px; background: url('/i/js/bxslider/images/arrows.png') no-repeat 0 0; width: 34px; height: 64px; }
#page-booking-detail .bx-wrapper .bx-next { margin-right: 6px; background: url('/i/js/bxslider/images/arrows.png') no-repeat -101px 0; width: 34px; height: 64px; }
#page-booking-detail .bx-wrapper { position: relative; margin: 0 auto 0; padding: 0; }
#page-booking-detail .bx-wrapper .bx-controls-direction a { z-index: 99; }
/*#page-booking-detail .dj_info { display: block; float: left; width: 370px; margin-left: 20px; min-height: 470px; }*/
#page-booking-detail .dj_name { font-family: 'Gotham Pro'; color: white; font-weight: bold; text-transform: uppercase; display: block; position: absolute; margin-top: -143px; background-color: black; padding: 10px 21px; font-size: 45px; margin-left: -30px; }
#page-booking-detail .dhr { width: 100%; height: 1px; background-color: #c9c9c9; }
#page-booking-detail .dj_videos { background-image: url('//i.radiorecord.ru/img/gastroli/gas.back.more.png'); margin-top: -22px; padding-top: 28px; height: 245px; } .dj_videos_line { background-image: url('//i.radiorecord.ru/img/gastroli/gas.sprite.artists_type.png'); width: 100%; height: 48px; background-position: -10px -248px; position: relative; }
#page-booking-detail .dj_audios_line { background-image: url('//i.radiorecord.ru/img/gastroli/gas.sprite.artists_type.png'); width: 100%; height: 48px; background-position: -10px -296px; position: relative; margin-top: 20px; }
#page-booking-detail .dj_audios { background-image: url('//i.radiorecord.ru/img/gastroli/gas.back.more.png'); margin-top: -23px; width: 932px; padding: 23px 31px 10px; }
#page-booking-detail .zag_video, #page-booking-detail .zag_audio, #page-booking-detail .zag_links, #page-booking-detail .zag_order { color: white; background-color: black; text-transform: uppercase; font-size: 18px; display: inline-block; padding: 2px 5px; margin-top: 15px; }
#page-booking-detail .iframe_videos, .iframe_music { margin-top: 15px; }
#page-booking-detail .iframe_videos iframe:nth-child(odd) { margin-right: 12px; }
#page-booking-detail .iframe_music { width: 932px; background-color: white; }
#page-booking-detail .iframe_music iframe { border: 1px #e5e5e5 solid; }
#page-booking-detail .dj_links { float: left; width: 400px; }
#page-booking-detail .dj_order { float: right; width: 510px; margin-top: 0px; }
#page-booking-detail .dj_links p { color: #7a7a7a; font-family: Arial; }
#page-booking-detail .dj_links p a { color: #006599; }
#page-booking-detail .dj_links p a:visited { color: #006599; }
#page-booking-detail .dj_links p a:hover { color: #ff600a; }
#page-booking-detail .dj_links .dhr, #page-booking-detail .dj_order .dhr { margin-bottom: 20px; }
#page-booking-detail .manager { display:block; height: 116px; width: 420px; float: left; margin: 25px 25px 0; }
#page-booking-detail .manager:hover { opacity: 0.8; }
#page-booking-detail .manager_info { display: block; width: 340px; color: whitesmoke; position: absolute; margin-left: 115px; margin-top: 4px; }
#page-booking-detail .manager_info p { font-weight: bolder; font-size: 19px; padding: 0 !important; }
#page-booking-detail div.artist_type.regional a div { height: 150px; background-repeat: no-repeat; }
#page-booking-detail div.artist_type.regional a { border: none; }
#page-booking-detail div.artist_type.managers .artist_wrapper_more { background-image: none; background-color: #464646; font-family: 'Helvetica Neue', Helvetica, Arial; font-weight: lighter; }
#page-booking-detail .manager_photo { width: 95px; height: 95px; overflow: hidden; float: left; border: 2px white solid; }
#page-booking-detail .manager_photo img { width:95px; height: 95px; }
#page-booking-detail .more_videos { font-family: Arial; font-size: 12px; font-weight: bold; background-image: url('http://i.radiorecord.ru/img/rr/more-arrow.png'); display: inline; float: right; background-repeat: no-repeat; background-position: right; padding-right: 8px; }
#page-booking-detail .more_videos a { color: #666; }
#page-booking-detail .more_videos a:hover { color: #333; text-decoration: underline; }
#page-booking-detail .standalone-image { width: 450px; }
#page-booking-detail .press-pack { width: 204px; height: 35px; background-image: url('http://i.radiorecord.ru/img/rr/press-pack.png'); background-repeat: no-repeat; cursor: pointer; }
#page-booking-detail .press-pack a { width: 204px; height: 35px; display: block; }
#page-booking-detail .bottom_block { display: block; width: 100%; min-height: 20px; margin-top: 60px; }
#page-booking-detail .artist_heading { background-position: -8px -205px; height: 43px; position: absolute; background-image: url('//i.radiorecord.ru/img/gastroli/gas.sprite.artists_type.png'); width: 100%; margin-top: -23px; }
#page-booking-detail .artist_wrapper { margin-top: -36px; padding: 0; margin-left: -4px; width: 490px; }
#page-booking-detail .artist_wrapper_more { width: 972px; overflow: hidden; margin-left: 4px; background-image: url('//i.radiorecord.ru/img/gastroli/gas.back.managers.png'); margin-top: 36px; padding: 27px 12px 33px; }
#page-booking-detail .icons_social { float: right; display: block; height: 47px; margin: 30px 20px 0 0; width: 210px; }
#page-booking-detail .icons_social a { float: right; }
#page-booking-detail .social_icon { background-image: url('//i.radiorecord.ru/img/gastroli/gas.social.icons.png'); width: 42px; height: 42px; margin: 3px; }
#page-booking-detail .social_icon:hover { opacity: 0.8; }
#page-booking-detail .of_link { background-position: 0px 0px; }
#page-booking-detail .vk_link { background-position: -42px 0px; }
#page-booking-detail .tw_link { background-position: -84px 0px; }
#page-booking-detail .im_link { background-position: -419px 0px; }
#page-booking-detail .fb_link { background-position: -126px 0px; }
#page-booking-detail .ms_link { background-position: -168px 0px; }
#page-booking-detail .bl_link { background-position: -210px 0px; }
#page-booking-detail .it_link { background-position: -252px 0px; }
#page-booking-detail .dj_link { background-position: -294px 0px; margin-right: 0px; }
#page-booking-detail .sc_link { background-position: -336px 0px; margin-right: 0px; }
#page-booking-detail .audios_link { background-position: -187px 0px; }
#page-booking-detail .more_audios { float: right; display: block; margin-top: 11px; margin-bottom: 11px; }
#page-booking-detail .more_audios a { float: left; }
#page-booking-detail .videoblock_wrapper { position: relative; height: 201px; overflow: hidden; display: block; float: left; width: 925px;}
#page-booking-detail .videoblock_content { position: absolute; display: inline; overflow: hidden; }
#page-booking-detail .videoblock { float: left; background-color: white; width: 183px; padding: 9px; margin: 0 15px; height: 178px; overflow: hidden; cursor: pointer; }
#page-booking-detail .videoblock img { width: 182px; height: 137px; }
#page-booking-detail .videoblock:hover { background-color: #ddd; }
#page-booking-detail .videoblock .videoblock_teaser { color: #636363; font-family: Arial; letter-spacing: 0px; font-size: 12px; }
#page-booking-detail .videoblock_left,
#page-booking-detail .videoblock_right { float: left; height: 183px; width: 33px; background-image: url('//www.radiorecord.ru/order/galleria/themes/classic/classic-map.png'); background-repeat: no-repeat; background-position: 14px 74px; cursor: pointer; }
#page-booking-detail .videoblock_right { background-position: -299px 74px; }
#page-booking-detail .videoblock_left:hover,
#page-booking-detail .videoblock_right:hover { opacity: 0.8; }
#page-booking-detail .videoblock_left.disabled,
#page-booking-detail .videoblock_right.disabled { opacity: 0; }
#page-booking-detail .play_icon { background-image: url('//i.radiorecord.ru/img/gastroli/gas.icon.play_video.png'); position: absolute; width: 25px; height: 25px; margin-top: 106px; margin-left: 151px;}
#page-booking-detail .play_icon:hover { background-position: 0px -25px; }
.gas_video_back { visibility: hidden; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: black; opacity: 0.8; z-index: 180; }
.gas_video_open { visibility: hidden; width: 800px; min-height: 600px; background-color: black; position: absolute; top: 900px; z-index: 190; left: 50%; margin-left: -400px; }
.gas_video_close { width: 60px; height: 11px; background-image: url('http://i.radiorecord.ru/img/rr/record_may2012/gallery-close.png'); cursor: pointer; float: right; margin: 10px; }
.gas_video_close:hover { background-position: 0px -11px; }
#page-booking-detail .manager_info p { padding: 0px !important; }
#page-booking-detail .dj_vk_like { float:right; margin-top: -35px; margin-right: 10px; }
#page-booking-detail .fb-like {margin-top: -32px; float: right; margin-right: 209px; }
#page-booking-detail .tw-link { float: right; margin-top: -33px; margin-right: 284px; }
#page-booking-detail .all_audio { padding: 0px !important; width: 964px; margin-left: -15px; margin-top: 10px; }
#page-booking-detail .playlist_head { font-size: 16px; color: black; text-transform: uppercase; display: block; width: 157px; margin: -12px auto 0; }
/* Про Рекорд */
#page-about h1 { font-weight: normal; color: white; margin-bottom: 0px; text-transform: uppercase; font-size: 29px; }
#page-about .icon { width: 40px; height: 40px; background-image: url('img/page-about/glyphs.png'); float: left; }
#page-about .head1 { width: 995px; height: 437px; background-image: url('img/page-about/h1.jpg'); overflow: hidden; }
#page-about .head1 .icon { width: 23px; height: 30px; margin-right: 11px; }
#page-about .head1 .content { margin-top: 90px; margin-left: 37px; }
#page-about .head1 .text { color: white; margin-top: 9px; margin-left: 4px; font-size: 14px; }
#page-about .head2 { }
#page-about .head2 h1 { color: black; }
#page-about .head2 .icon { width: 24px; height: 29px; background-position: -26px 0px; margin-right: 8px; }
#page-about .head2 .content { margin-top: 33px; margin-left: 40px; overflow: hidden; font-size: 14px; font-family: Arial, serif;}
#page-about .head2 .text { line-height: 17px; margin-top: 15px; margin-left: 1px; float: left; width: 474px; }
#page-about .head2 iframe { float: right; margin-top: 5px; margin-right: 32px; }
#page-about .head3 { }
#page-about .head3 h1 { color: black; }
#page-about .head3 .icon { width: 24px; height: 29px; background-position: -50px 0px; margin-right: 8px; }
#page-about .head3 .content { margin-top: 52px; margin-left: 38px; }
#page-about .head3 .text { margin-top: 29px; margin-left: 1px; overflow: hidden; display: table; }
#page-about .head3 .text .blo { width: 230px; height: 71px; font-size: 16px; background-repeat: no-repeat; background-image: url('img/page-about/blo.png'); padding-left: 76px; display: table-cell; vertical-align: middle; font-family: Arial; }
#page-about .head3 .text .blo.item1 { background-position: 0px 0px; }
#page-about .head3 .text .blo.item2 { background-position: -331px 0px; }
#page-about .head3 .text .blo.item3 { background-position: -650px 0px; }
#page-about .head3 .text .blo.item4 { background-position: 0px -135px; }
#page-about .head3 .text .blo.item5 { background-position: -331px -135px; }
#page-about .head3 .text .blo.item6 { background-position: -650px -135px; }
#page-about .head4 { }
#page-about .head4 h1 { color: black; }
#page-about .head4 .icon { width: 24px; height: 30px; background-position: -80px 1px; margin-right: 8px; }
#page-about .head4 .content { margin-top: 64px; margin-left: 40px; }
#page-about .head4 .text { line-height: 17px; margin-top: 13px; margin-left: 0px; font-size: 14px; font-family: Arial, serif;}
#page-about .head4 .social_icons { overflow: hidden; margin-top: 19px; }
#page-about .head4 .social_icons a { margin-right: 7px; background-image: url('img/page-about/social_icons.png'); width: 34px; height: 34px; cursor: pointer; display: block; float: left; }
#page-about .head4 .social_icons a.vk { background-position: 0px 0px; }
#page-about .head4 .social_icons a.fb { background-position: -40px 0px; }
#page-about .head4 .social_icons a.yt { background-position: -81px 0px; }
#page-about .head4 .social_icons a.tw { background-position: -121px 0px; }
#page-about .head4 .social_icons a.in { background-position: -161px 0px; }
#page-about .head4 .social_icons a:hover { opacity: 0.7; }
#page-about .head5 { }
#page-about .head5 h1 { color: black; }
#page-about .head5 .icon { width: 25px; height: 31px; background-position: -107px 1px; margin-right: 8px; }
#page-about .head5 .content { margin-top: 64px; margin-left: 40px; }
#page-about .head5 .text { line-height: 17px; margin-top: 13px; margin-left: 0px; font-size: 14px; font-family: Arial, serif;}
#page-about .head5 .fests { margin-top: 11px; margin-left: -1px; }
#page-about .head5 .fests a { color: black; font-size: 16px; margin-right: 20px; }
#page-about .head6 { }
#page-about .head6 h1 { color: black; }
#page-about .head6 .icon { width: 25px; height: 31px; background-position: -139px 1px; margin-right: 8px; }
#page-about .head6 .content { margin-top: 71px; margin-left: 40px; }
#page-about .head6 .text { line-height: 17px; margin-top: 13px; margin-left: 0px; font-size: 14px; font-family: Arial, serif;}
#page-about .head6 .radio-playlist h2 { display: none; }
#page-about .head6 .more-booking { display: block; width: 274px; height: 138px; position: absolute; border-radius: 7px; margin-top: -143px; margin-left: 624px; text-decoration: none; }
#page-about .head7 { }
#page-about .head7 .content { margin-top: 60px; margin-left: 103px; margin-bottom: 96px; }
/* Реклама */
.right-menu {
/*background-color:#ced8dd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/bitrix/templates/record_new/PIE.htc); position:relative;*/
width: 240px;
float: left;
background: #f7f7f7;
margin-top: 1px;
border: 1px solid #eeeeee;
padding: 15px;
margin-left: 57px;
}
.right-menu ul{ display:block; padding:5px 5px 10px 0px !important; }
.right-menu ul li{ width: 192px; list-style-type:none; padding-top:15px; padding-left:20px; padding-right:10px; }
.right-menu ul li.selected a{ text-decoration:none; color:#11476c; font-weight:bold; }
.other-commercial-price{font-size: 14px; font-family: Arial, serif; line-height: 140%;}
/* Спецпроекты */
#page-special .special-projects-list-item{ border-bottom: 1px dotted #B3B3B3; height: auto !important; margin-bottom: 15px; min-height: 120px; padding:0px 20px 12px 0px; }
#page-special .special-projects-list-item .img-link{float:left;display:block;margin:0px 15px 15px 0px;}
#page-special .special-projects-list-item h3{font-size: 14px;margin-left:210px;margin-bottom:3px;}
#page-special .special-projects-list-item h3 a{font-size:14px;font-weight:bold;text-decoration:none;}
#page-special .special-projects-list-item .detail-link{float:left;display:block;margin-top:13px;color:#0076c1;font-size:11px;}
#page-special .special-projects-list-item .vk-link{display:block;float:left;margin-right:15px;background:url(img/special/vk-link-bgr.gif) 0px 0px no-repeat;width:75px;height:19px;margin-top:10px;color:#0076c1;font-size:11px;text-indent:-1000px;overfloaw:hidden;}
/* Вакансии */
.vacancy-list {margin: 15px;}
.vacancy-list .item{clear:both;border-bottom:1px solid #ccc;padding:15px 0px;}
.vacancy-list .item-name{color:#395600;font-weight:bold;float:left;}
.vacancy-list .payment_rate{float:right;color:#7b7b7b;font-weight:bold;}
.vacancy-list .date{color:#7d7d7d;display:block;margin-top:5px;text-transform:lowercase;}
/* Главная страница */
/* Большой слайдер ивентов */
section.event_slider_big { font-family: Arial, sans-serif; height: 310px !important;}
section.event_slider_big h2 { display: none; }
section.event_slider_big #big_slider { width: 680px; height: 310px; }
section.event_slider_big article.event_banner { }
section.event_slider_big article.event_banner a { text-decoration: none; }
section.event_slider_big #big_slider figcaption { display: block; height: 35px; background: rgba(0,0,0, 0.8); margin-top: -45px; position: relative; color: white; text-align: right; line-height: 17px; padding: 5px 9px; }
section.event_slider_big #big_slider figcaption .event-name { display: block; }
section.event_slider_big #big_slider figcaption .event-date { }
section.event_slider_big #big_slider figcaption .event-place { background-image: url('/bitrix/templates/flat/components/record/system.empty/event.slider.big/event-place-pick.png'); background-repeat: no-repeat; background-position: 2px 2px; padding-left: 16px; margin-left: 5px; }
section.event_slider_big #big_slider figcaption * { text-decoration: none;}
section.event_slider_big #big_slider li { height: 310px; }
section.event_slider_big #big_slider .bx-wrapper {position: relative; margin: 0 auto; padding: 0; *zoom: 1; }
section.event_slider_big #big_slider .bx-wrapper img {max-width: 100%; display: block; }
section.event_slider_big #big_slider .bx-wrapper .bx-viewport {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0; background: transparent; }
section.event_slider_big #big_slider .bx-wrapper .bx-pager {text-align: left; color: #a0aab8; padding-top: 20px; position: relative; margin-top: -78px; padding-left: 11px; }
section.event_slider_big #big_slider .bx-wrapper .bx-pager.bx-default-pager a {background: #a0aab8; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 50%; }
section.event_slider_big #big_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
section.event_slider_big #big_slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #405673; }
/* Слайдер ивентов */
section.event_list_index { background-color: white; overflow: hidden; }
section.event_list_index .event_list_index_wrapper { height: 201px; padding-top: 10px; margin: 10px 0 0 20px; overflow: hidden; position: relative; }
section.event_list_index .event_list_index_wrapper ul { position: relative; width: 20000em; list-style: none; }
section.event_list_index li { float: left; width: 132px; height: 202px; cursor: pointer; }
section.event_list_index li.inactive { cursor: auto; }
section.event_list_index li:last-child { }
section.event_list_index article { width: 112px; }
section.event_list_index article .mulka_new { background-color: #f73e3e; font-size: 10px; color: white; position: absolute; margin-left: 83px; margin-top: -11px; padding: 0 7px; height: 20px; line-height: 20px; text-align: center; z-index: 500; }
section.event_list_index article .mulka_new:before { content: ' '; z-index:500; border-bottom: 6px solid transparent; border-left: 8px solid #931818; margin-top: 20px; position: absolute; margin-left: 22px; }
section.event_list_index article .mulka_first { background-color: #378bd3; font-size: 10px; color: white; position: absolute; margin-left: 34px; margin-top: -11px; padding: 0 7px; height: 20px; line-height: 20px; text-align: center; z-index: 500; }
section.event_list_index article .mulka_first:before { content: ' '; z-index:500; border-bottom: 6px solid transparent; border-left: 8px solid #19455A; margin-top: 20px; position: absolute; margin-left: 71px; display: block; }
section.event_list_index article .mulka_tomorrow { background-color: #f73e3e; font-size: 10px; color: white; position: absolute; margin-left: 69px; margin-top: -11px; width: 50px; height: 20px; line-height: 20px; text-align: center; z-index: 500; }
section.event_list_index article .mulka_tomorrow:before { content: ' '; z-index:500; border-bottom: 6px solid transparent; border-left: 8px solid #931818; margin-top: 20px; position: absolute; margin-left: 36px; }
section.event_list_index article .mulka_today { background-color: #f73e3e; font-size: 10px; color: white; position: absolute; margin-left: 55px; margin-top: -11px; width: 65px; height: 20px; line-height: 20px; text-align: center; z-index: 500; }
section.event_list_index article .mulka_today:before { content: ' '; z-index:500; border-bottom: 6px solid transparent; border-left: 8px solid #931818; margin-top: 20px; position: absolute; margin-left: 52px; }
section.event_list_index article a { text-decoration: none; }
section.event_list_index article:hover .event-name { color: #24547f; text-decoration: underline; }
section.event_list_index li.inactive article:hover .event-name { color: black; text-decoration: none; }
section.event_list_index article img { width: 112px; height: 112px; }
section.event_list_index article img:hover { opacity: 0.9; }
section.event_list_index article h3 { font-family: Arial, sans-serif; font-weight: normal; font-size: 13px; color: #454545; height: 32px; margin: 1px 0; overflow: hidden; text-overflow: ellipsis; }
section.event_list_index article span { color: #C5C5C5;; font-size: 11px; display: block; height: 13px; overflow: hidden; }
section.event_list_index article span.event-date { }
section.event_list_index article span.event-place { }
section.event_list_index article .event-buy, section.event_list_index article a.event-buy-no-internal { width: 60px; height: 21px; line-height: 21px; display: block; font-size: 11px; background-color: #FFAE00; color: white; text-align: center; cursor: pointer; margin-top: 5px; transition: all 0.1s ease-in-out; }
section.event_list_index article .event-buy.inactive { background-color: #C5C5C5; cursor: auto; }
section.event_list_index article .event-buy:hover, section.event_list_index article a.event-buy-no-internal:hover { background-color: #ECA409; }
section.event_list_index article .event-buy.inactive:hover { background-color: #C5C5C5; }
section.event_list_index div.scrollingHotSpotLeft, .event_list_index div.scrollingHotSpotRight { width: 50px; height: 229px; background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; left: 0; cursor: url(img/event_list_index/cursor_arrow_left.png), url(img/event_list_index/cursor_arrow_left.cur),w-resize; }
section.event_list_index div.scrollingHotSpotRight { left: 630px; cursor: url(img/event_list_index/cursor_arrow_right.png), url(img/event_list_index/cursor_arrow_right.cur),e-resize; }
section.event_list_index div.scrollingHotSpotLeftVisible, .event_list_index div.scrollingHotSpotRightVisible { background-color: #fff; background-repeat: no-repeat; zoom: 1; }
section.event_list_index div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; cursor: auto !important; }
section.event_list_index div.scrollableArea { position: relative; width: auto; height: 100%; }
section.event_list_index .jcarousel-control-prev { left: 0px; }
section.event_list_index .jcarousel-control-next { margin-left: 645px; }
section.event_list_index .jcarousel-control-prev,
section.event_list_index .jcarousel-control-next { cursor: pointer; z-index: 20; position: absolute; margin-top: -221px; height: 196px; width: 35px; background-color: rgba(0,0,0,0.3); color: white; font-size: 42px; text-align: center; line-height: 196px; opacity: 1; transition: all 0.1s ease; }
section.event_list_index:hover .jcarousel-control-prev,
section.event_list_index:hover .jcarousel-control-next { opacity: 1; }
section.event_list_index .jcarousel-control-prev.inactive,
section.event_list_index .jcarousel-control-next.inactive { display:none !important; }
section.event_list_index .jcarousel-control-next-disabled,
section.event_list_index .jcarousel-control-prev-disabled{display:none !important;}
/* Баннер */
.banner_top_240_400_content > div:first-child { width: auto !important; height: auto !important; }
.banner_top_240_400_content > div:first-child a { padding: 30px 29px; border: 1px white solid; display: block; width: 240px; height: 400px; }
.banner_top_240_400_content img { position: relative; }
/* Список новостей и попап */
.news_list_index { background-color: #d5d6d8; overflow: hidden; }
.news_list_index .block-header { background-color: black; }
.news_list_index article a { text-decoration: none; }
.news_list_index article { height: 56px; margin: 17px; overflow: hidden; cursor: pointer; }
.news_list_index article:last-child { margin-bottom: 21px; }
.news_list_index article:hover { opacity:0.9; }
.news_list_index article:hover figcaption { text-decoration: underline; }
.news_list_index article figure { background-repeat: no-repeat; background-position: left center; overflow: hidden; }
.news_list_index article figure .news_type { width:56px; height: 56px; position: absolute; }
.news_list_index article figure .news_type.type_232 { }
.news_list_index article figure .news_type.type_233 { background-image: url('img/news.list.index/play_56x56.png'); }
.news_list_index article figure .news_type.type_234 { background-image: url('img/news.list.index/star_56x56.png'); }
.news_list_index article figure img { width: 56px; height: 56px; float: left; margin-right: 12px; }
.news_list_index article figure img:hover { opacity: 0.8; }
.news_list_index article figure figcaption { }
.news_list_index article figure figcaption:hover { color: #24547f; }
.news-popup-back { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 590; background-color: rgba(0,0,0,0.6); }
.news-popup { position: fixed; z-index: 600; background-color: white; float: left; width: 870px; margin: 0 auto; left: 50%; margin-left: -460px; top: 5%; padding: 40px 10px 0 40px; overflow-y: scroll; bottom: 5%; }
.news-popup .news-aside { float: left; }
.news-popup .news-aside .news_type { width:160px; height: 160px; position: absolute; background-size: contain; }
.news-popup .news-aside .news_type.type_232 { }
.news-popup .news-aside .news_type.type_233 { background-image: url('img/news.list.index/play_210x210.png'); }
.news-popup .news-aside .news_type.type_234 { background-image: url('img/news.list.index/star_210x210.png'); }
.news-popup .news-aside .social { font-size: 9px; color: #676767; text-transform: uppercase; }
.news-popup .news-aside .social a { text-decoration: none; }
.news-popup .news-aside .social p { margin: 11px 0; overflow: hidden; cursor: pointer; }
.news-popup .news-aside .social p:hover { opacity: 0.8; }
.news-popup .news-aside .social span { line-height: 32px; float: left; }
.news-popup .news-aside .social i.fa { float: left; color: white; font-size: 24px; background-color: #306eb7; width: 32px; height: 32px; text-align: center; margin-right: 7px; line-height: 32px; }
.news-popup .news-aside .social i.fa.fa-facebook { background-color: #1d3372; }
.news-popup .news-aside .social i.fa.fa-google-plus { background-color: #ff3939; }
.news-popup .news-aside .social i.fa.fa-twitter { background-color: #1acfff; }
.news-popup .news-aside .social .comments { font-weight: bold; font-size: 11px; margin-left: 7px; font-style: normal; }
.news-popup .news-body { float: right; width: 610px; overflow: hidden; margin-right: 65px; margin-left: 20px; font-size: 14px; overflow: hidden; color: #5e5e5e; line-height: 140%;}
.news-popup #vk_comments_news { margin-top: 10px; float: right; margin-right: 65px; }
.news-popup #news_ya_share_line { margin: 20px 0 20px 158px; }
.news-popup .load-spinner { display: block; width: 40px; height: 40px; margin: 0 auto; font-size: 40px; color: gray; margin-top: 40px; }
.news-controlls { position: absolute; z-index: 10; background-color: black; left: 50%; top: 18px; }
.news-controlls .go_left { width: 46px; height: 74px; background-color: #3c3c3c; position: absolute; margin-left: -544px; top: 300px; color: white; line-height: 74px; text-align: center; font-size: 47px; }
.news-controlls .go_right { width: 46px; height: 74px; background-color: #3c3c3c; position: absolute; margin-left: 497px; top: 300px; color: white; line-height: 74px; text-align: center; font-size: 47px; }
.news-controlls .close { display:none; width: 36px; height: 36px; background-color: rgb(189, 186, 186); position: absolute; margin-left: 460px; color: white; line-height: 36px; text-align: center; font-size: 23px; }
.news-controlls div { transition: all 0.1s ease; cursor: pointer; }
.news-controlls div:hover { opacity: 0.9; }
.news-popup h1{
color: black;
font-size: 22px;
line-height: 140%;
font-family: 'Open Sans';
margin-bottom: 20px;
}
/*Для шаринга в оновстях*/
.news-popup .b-share_theme_counter .b-share-btn__vkontakte, .news-popup .b-share_theme_counter .b-share-btn__facebook, .news-popup .b-share_theme_counter .b-share-btn__twitter {
background-color: inherit!important;
}
.news-popup .b-share_theme_counter .b-share-icon_vkontakte, .news-popup .b-share_theme_counter .b-share-icon_facebook, .news-popup .b-share_theme_counter .b-share-icon_twitter{
background-color: #b6b6b6!important;
border-radius: 5px;
width: 36px!important;
height: 36px!important;
background-position: 50%!important;
}
.news-popup .b-share_theme_counter .b-share-icon_vkontakte{
background-image: url('/bitrix/templates/flat-new/img/vk_share.png')!important;
}
.news-popup .b-share_theme_counter .b-share-icon_facebook{
background-image: url('/bitrix/templates/flat-new/img/fb_share.png')!important;
}
.news-popup .b-share_theme_counter .b-share-icon_twitter{
background-image: url('/bitrix/templates/flat-new/img/tw_share.png')!important;
}
.news-popup .b-share_theme_counter .b-share-btn__counter .b-share-counter {
height: 36px!important;
border: 1px solid #b6b6b6!important;
box-sizing: border-box!important;
border-radius: 5px!important;
color: #b6b6b6!important;
line-height: 34px!important;
padding: 0 8px!important;
margin: 0!important;
margin-left: 8px!important;
}
.news-popup .b-share_theme_counter .b-share-btn__counter .b-share-counter:before, .news-popup .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -6px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid;
left: 39px;
}
.news-popup .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
left: 40px;
border-right-color: white;
}
.news-popup .b-share-btn__vkontakte:active, #page-news-detail .b-share-btn__facebook:active, .news-popup .b-share-btn__twitter:active{
margin-top: 0px;
height: 36px;
margin-bottom: -1px;
border-top:inherit!important;
background-color: inherit!important;
}
.news-popup .b-share-btn__vkontakte:active .b-share-icon, #page-news-detail .b-share-btn__facebook:active .b-share-icon, .news-popup .b-share-btn__twitter:active .b-share-icon, .news-popup .b-share_theme_counter .b-share__link:active .b-share-counter {
position: static!important;
top: 0px!important;
}
.news-popup .b-share_theme_counter .b-share-btn__wrap{
height: 36px!important;
}
.news-popup .b-share_theme_counter .b-share-btn__wrap {
margin-left: 15px!important;
}
.news-popup .b-share_theme_counter .b-share-btn__wrap:first-child {
margin-left: 0!important;
}
.news-popup .b-share-btn__vkontakte:hover .b-share-icon{
background-color: #48729E!important;
}
.news-popup .b-share-btn__facebook:hover .b-share-icon{
background-color: #3C5A98!important;
}
.news-popup .b-share-btn__twitter:hover .b-share-icon{
background-color: #00ACED!important;
}
.news-popup { display: block !important; position: relative; z-index: 10; background-color: white; float: left; width: auto; margin: auto; left: auto; margin-left: auto; top: auto; padding: 0; overflow-y: hidden; bottom: auto; }
.news-popup .news-body{
float: left;
width: inherit;
margin: 40px 35px 0 55px;
font-size: 14px;
overflow: hidden;
color: #5e5e5e;
line-height: 140%;
width: 610px;
float: left;
}
.news-popup #vk_comments_news{margin: 0 auto; float: none}
.news-popup .grayline {
border-bottom: 1px solid #dbdbdb;
margin: 15px 0;
}
.news-popup .news-block{
width: 240px;
float: left;
background: #f7f7f7;
margin-top: 40px;
border: 1px solid #eeeeee;
padding: 15px;
}
.news-popup .news-block img{
width: 56px;
float: left;
/*clear: both;*/
margin-right: 15px;
}
.news-popup .news-block a{
color: #868686;
text-decoration: none;
font-size: 14px;
}
.news-popup .news-block article{
height: 56px;
overflow: hidden;
cursor: pointer;
padding-bottom: 8px;
border-bottom: 1px solid #EBEBEB;
margin-bottom: 8px;
}
.news-popup .news-block figcaption{
display: block;
max-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-popup .news-block .programm_more{
display: none;
}
.news-popup .news-block .news_type.type_233 {
background-image: url('/bitrix/templates/flat-new/img/news.list.index/play_56x56.png');
width: 56px;
height: 56px;
position: absolute;
}
.news-popup .news-block article:last-child{
margin-bottom: 0;
border: 0;
padding-bottom: 0;
}
.news-popup .news-block article:hover a{
color: #2E2E2E
}
.news-popup .social_top{
display: none;
}
.news-popup .news-body a{
color: #4b4b4b;
}
/* Record TV */
.video_tpl { width: 680px; overflow: hidden; }
.video_tpl .video_frame { float: left; width: 460px; height: 345px; overflow: hidden; background-position: top center; background-repeat: no-repeat; cursor: pointer; }
.video_tpl .right_tabs { float: right; width: 220px; height: 345px; overflow: hidden; cursor: pointer; }
.video_tpl .right_tabs .tab { height: 78px; border-bottom: 1px #bdc5cc solid; overflow: hidden; }
.video_tpl .right_tabs .tab:hover { background-color: #d6eefd; }
.video_tpl .right_tabs .tab .prev { margin: 12px; float: left; }
.video_tpl .right_tabs .tab .inf { width: 115px; height: 78px; display: table-cell; vertical-align: middle; color: #737373; }
.video_tpl .right_tabs .tab.active { background-color: #009bff; color: white; background-image: url('img/record_tv/tab_arrow.png'); background-repeat: no-repeat; background-position: left center; }
.video_tpl .right_tabs .tab.active .inf { color: white; }
/* Инстаграм */
.instagram-block { overflow: hidden; }
.instagram-block .imzag { width: 218px; height: 39px; float: left; background-image: url('img/instagram-slider/konkurs.png'); margin-left: -8px; position: absolute; margin-top: 9px; }mzag { width: 218px; height: 39px; float: left; background-image: url('img/instagram-slider/konkurs.png'); margin-left: -8px; position: absolute; margin-top: 9px; }
.instagram-block .imtextcontent { margin: 57px 20px 0 20px; font-size: 14px; }
.instagram-block .instagram-text { width: 230px; height: 180px; float: left; }
.instagram-block #instagram-content { width: 438px; height: 166px; overflow: hidden; margin:4px; float: left; }
.instagram-block #instagram-content div.slide-content { width:144px; height: 168px; margin: 1px; float: left; overflow:hidden; cursor: pointer; transition: opacity 0.1s ease; }
.instagram-block #instagram-content div.slide-content:hover { opacity: 0.8; }
.instagram-block #instagram-content div.slide-content span { font-size:10px; color: #9a9a9a; background-repeat: no-repeat; padding-left:14px; float: right; margin: 0 2px; }
.instagram-block #instagram-content div.slide-content span.likes { background-image: url('img/instagram-slider/instagram-likes-comments.png'); background-position: left 2px; }
.instagram-block #instagram-content div.slide-content span.comments { background-image: url('img/instagram-slider/instagram-likes-comments.png'); background-position: left -16px; }
div.instagram-popup-back { position: fixed; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.4; display: none; left: 0; z-index: 42; }
div.instagram-popup-up { position: absolute; width: 688px; height: 638px; background-color: #557fa1; display: none; left: 50%; margin-left: -350px; z-index: 43; }
div.instagram-popup-up div.imgwrap { border: 13px white solid; float: left; overflow: hidden; width: 612px; height: 612px; box-shadow: 3px 0px 2px #3e6a8d; }
div.instagram-popup-up a { }
div.instagram-popup-up a.imlikes { text-decoration: none; width: 50px; height: 28px; display: block; border-bottom: 1px #336085 solid; background-image: url('img/instagram-slider/im-icons.png'); background-position: 11px 14px; background-repeat: no-repeat; float: right; color: white; text-align: center; padding-top: 40px; }
div.instagram-popup-up a.imcomments { text-decoration: none; width: 50px; height: 28px; display: block; border-bottom: 1px #336085 solid; background-image: url('img/instagram-slider/im-icons.png'); background-position: 11px -52px; background-repeat: no-repeat; float: right; color: white; text-align: center; padding-top: 40px; }
div.instagram-popup-up a:hover { opacity: 0.7; }
div.instagram-popup-up div.close { position: absolute; width: 35px; height: 35px; background-color: black; background-image: url('img/instagram-slider/close.png'); background-position: center; background-repeat: no-repeat; margin-left: 688px; cursor: pointer; opacity: 0.8; }
div.instagram-popup-up div.in-left { position: absolute; width: 35px; height: 612px; background-image: url('img/instagram-slider/insdtagram-nav.png'); background-position: 6px center; margin-top: 13px; margin-left: 13px; cursor: pointer; opacity: 0.8; background-repeat: no-repeat; }
div.instagram-popup-up div.in-right { position: absolute; width: 35px; height: 612px; background-image: url('img/instagram-slider/insdtagram-nav.png'); background-position: -35px center; margin-top: 13px; margin-left: 590px; cursor: pointer; opacity: 0.8; background-repeat: no-repeat; }
.instagram-block strong { font-weight: bold; }
/* Р-Шоп, Букинг */
#artists-block ul li, #rshop-block ul li {margin:auto;text-align:center;list-style: none outside none;margin: 0;padding: 0;width: 162px;position:relative;height:210px;float: left;}
#artists-block ul, #rshop-block ul{display:block;overflow:hidden;height:210px;position: relative;width: 20000em;}
#artists-block-inner, #rshop-block-inner{border-bottom: 1px solid #c9c9c9;width:650px;overflow:hidden;height: 170px;margin:10px 15px 0; position: relative;}
#artists-block .all-items-link, #rshop-block .all-items-link {clear:left;text-align:right;position:relative;margin:6px 7px 0px 0px;}
#artists-block .slide-caption, #rshop-block .slide-caption {display:block;width:140px;position: absolute;top:185px;left:11px;background-color:#000;}
#artists-block .slide-caption a, #rshop-block .slide-caption a {color:#fff;padding:5px;font-size:14px;display:block;text-decoration:none;}
#artists-block .artist-jcarousel-control-prev,
#rshop-block .rshop-jcarousel-control-prev {left: 0px;}
#artists-block .artist-jcarousel-control-next,
#rshop-block .rshop-jcarousel-control-next {margin-left: 654px;}
#artists-block .artist-jcarousel-control-prev,
#artists-block .artist-jcarousel-control-next,
#rshop-block .rshop-jcarousel-control-prev,
#rshop-block .rshop-jcarousel-control-next{cursor:pointer;z-index:20;position:absolute;margin-top: -138px;display: block;height: 45px;width: 25px;line-height: 45px;}
#artists-block .artist-jcarousel-control-prev i,
#artists-block .artist-jcarousel-control-next i{margin-left: 8px;font-size: 21px; color: #32373e;}
#artists-block .artist-jcarousel-control-next:hover,
#artists-block .artist-jcarousel-control-prev:hover,
#rshop-block .rshop-jcarousel-control-next:hover,
#rshop-block .rshop-jcarousel-control-prev:hover{background-color:#d2d2d2;}
/* Блок Record Gallery */
#gallery-block { border: 1px solid white; overflow: hidden; }
#gallery-block .go_gallery { font-family: arial; display: block; width: 258px; height: 36px; top: 214px; margin: 10px auto 15px; color: #969696; text-transform: uppercase; text-align: center; line-height: 36px; text-decoration: none; font-size: 15px; }
#gallery-block .go_gallery:hover { opacity: 0.8; }
#gallery-block .bx-wrapper { width: 180px; margin-top: 37px !important; }
#gallery-block .bx-wrapper ul li a img { width: 180px; height: 120px; }
#gallery-block .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #fff; }
/* Блок Record Tickets */
#rtickets-block { overflow: hidden; border: 1px solid white;}
#rtickets-block .bx-wrapper { width: 180px; margin-top: 37px !important; }
#rtickets-block .bx-wrapper ul li a img { width: 180px; height: 180px; }
#rtickets-block .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #fff; }
#rtickets-block .go_gallery { font-family: arial; display: block; width: 258px; height: 36px; top: 214px; margin: 10px auto 15px; color: #969696; text-transform: uppercase; text-align: center; line-height: 36px; text-decoration: none; font-size: 15px; }
#rtickets-block .go_gallery:hover { opacity: 0.8; }
/* Фестивали */
#page-fests .catalog-sections-top td{border-bottom:1px dotted #1e1e1e;}
#page-fests .catalog-sections-top td .inner{padding:27px 15px 27px 20px;}
#page-fests .catalog-sections-top td.first-column{border-right:1px dotted #1e1e1e;}
#page-fests .catalog-sections-top td.first-column .inner{padding:27px 15px 27px 0px;}
#page-fests .catalog-sections-top .section-img{float:left;width:190px;}
#page-fests .catalog-sections-top .sect-name{display:block;font-size:18px;color:#1e1e1e;font-family:arial;margin-bottom:5px;}
#page-fests .catalog-sections-top .years-list{display:block;overflow:hidden;padding:0px !important;}
#page-fests .catalog-sections-top .years-list li{list-style-type:none;float:left;padding:0px !important;margin-right:15px;}
#page-fests .catalog-sections-top .years-list li img{opacity:0.4;}
#page-fests .catalog-sections-top .years-list li.hover img{opacity:1;}
#page-fests .section-items .jcarousel-prev {left: -15px;background: url("img/fests/arrows.gif") no-repeat scroll top left;}
#page-fests .section-items .jcarousel-next {right: -15px;background: url("img/fests/arrows.gif") no-repeat scroll top right;}
#page-fests .section-items .jcarousel-prev, .section-items .jcarousel-next{cursor:pointer;z-index:100;position:absolute;top:5px;display: block;height: 45px;text-indent: -9999px;width: 25px;}
#page-fests .section-items .jcarousel-next:hover{background: url("img/fests/arrows.gif") no-repeat scroll bottom right;}
#page-fests .section-items .jcarousel-prev:hover{background: url("img/fests/arrows.gif") no-repeat scroll bottom left;}
#page-fests .catalog-sections-top .jcarousel-container{padding:0px 20px;position:relative;}
#page-fests .catalog-sections-top .jcarousel-clip{overflow:hidden;width:390px;}
#page-fests .catalog-sections-top .section-items{margin-top:25px;margin-right:20px;}
#page-fests .jcarousel-next-disabled,
#page-fests .jcarousel-prev-disabled{display:none !important;}
#page-fests .catalog-sections-top .section-items .item-title{display:block;color:#1e1e1e;font-weight:bold;}
/* Label index */
#page-label-index .label-content { overflow: hidden; margin-bottom: 20px; }
#page-label-index .right-players { float: right; width: 275px; background-color: #272d32; color: #9badbe; }
#page-label-index .latest-releases { float: left; width: 720px; height: 425px; background-color: #8090a1; color: #eef0f2; }
#page-label-index .latest-releases h2 { font-weight: normal; display: block; text-transform: uppercase; color: white; font-size: 19px; margin: 16px; }
#page-label-index .latest-releases article { float: left; width: 164px; height: 166px; overflow: hidden; margin-left: 13px; margin-bottom: 13px; transition: all 0.3s ease; }
#page-label-index .latest-releases article.big { width: 340px; height: 384px; }
#page-label-index .latest-releases article a { text-decoration: none; }
#page-label-index .latest-releases article img { width: 164px; height: 164px; border-radius: 5px; box-shadow: 0 2px 0 #293e56; }
#page-label-index .latest-releases article a .item_hover { width: 164px; height: 164px; opacity: 0; background-color: rgba(67,106,158,0.9); transition: all 0.1s ease; position: absolute; margin: -167px 0 0 0px; float: left; color: white; text-align: center; line-height: 150px; font-size: 60px; border-radius: 5px; }
#page-label-index .latest-releases article.big a .item_hover { width: 340px; height: 344px; margin: -347px 0 0 0px; border-radius: 4px; line-height: 348px; }
#page-label-index .latest-releases article a:hover .item_hover { opacity: 1; }
#page-label-index .latest-releases article .img_big { width: 332px; height: 336px; border: 4px white solid; }
#page-label-index .latest-releases article .img_min { }
#page-label-index .latest-releases article h3 { color: white; font-weight: normal; font-size: 13px; margin-bottom: 0; }
#page-label-index .latest-releases article h3 span { display: block; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; }
#page-label-index .right-players { }
#page-label-index .right-players h2 { font-weight: normal; display: block; margin-bottom: 0; height: 46px; width: 100%; background-color: #1e2327; color: white; text-transform: uppercase; line-height: 46px; font-size: 19px; padding-left: 14px; }
#page-label-index .right-players h2 i { color: #878d92; font-size: 23px; }
#page-label-index .right-players .gudok { display: block; cursor: pointer; width: 259px; transition: all 0.1s ease; padding: 16px; border-bottom: 1px #41464b solid; overflow: hidden; }
#page-label-index .right-players .gudok .play_pause { width: 32px; height: 32px; background-color: #456287; color: white; float: left; margin-right: 7px; text-align: center; line-height: 32px; font-size: 14px; cursor: pointer; }
#page-label-index .right-players .gudok .play_pause:active { background-color: #151a1d; }
#page-label-index .right-players .gudok .play_pause i.icon-station-play { }
#page-label-index .right-players .gudok .play_pause i.icon-station-pause { display: none; }
#page-label-index .right-players .gudok .play_pause.pause { background-color: #151a1d; }
#page-label-index .right-players .gudok .play_pause.pause i.icon-station-play { display: none; }
#page-label-index .right-players .gudok .play_pause.pause i.icon-station-pause { display: inline; color: #6e9ccb; }
#page-label-index .right-players .gudok .info { float: left; }
#page-label-index .right-players .gudok .artist { display: block; color: white; width: 175px; }
#page-label-index .right-players .gudok .name { display: block; width: 175px; }
#page-label-index .right-players .gudok .open_popup { cursor: pointer; width: 32px; height: 32px; opacity: 0; display: block; float: right; color: white; background-color: #3f7ab7; text-align: center; line-height: 32px; font-size: 20px; }
#page-label-index .right-players .gudok:hover { background-color: #24292e; }
#page-label-index .right-players .gudok:hover .open_popup { opacity: 1; }
#page-label-index .right-players .gudok:hover .open_popup:active { background-color: #151a1d; }
#page-label-index .other-albums { width: 720px; color: black; display: block; float: left; }
#page-label-index .other-albums h2 { font-weight: normal; display: block; text-transform: uppercase; color: white; font-size: 19px; margin: 16px; }
#page-label-index .other-albums article { float: left; width: 164px; height: 166px; overflow: hidden; margin-left: 13px; margin-top: 13px; transition: all 0.3s ease; }
#page-label-index .other-albums article a { text-decoration: none; }
#page-label-index .other-albums article img { width: 164px; height: 164px; border-radius: 5px; box-shadow: 0 2px 0 #293e56; }
#page-label-index .other-albums article a .item_hover { width: 164px; height: 164px; opacity: 0; background-color: rgba(67,106,158,0.9); transition: all 0.1s ease; position: absolute; margin: -167px 0 0 0px; float: left; color: white; text-align: center; line-height: 150px; font-size: 60px; border-radius: 5px; }
#page-label-index .other-albums article a:hover .item_hover { opacity: 1; }
#page-label-index .other-albums article .img_min { }
#page-label-index .other-albums article h3 { color: black; font-weight: normal; font-size: 13px; margin-bottom: 0; }
#page-label-index .other-albums article h3 span { display: block; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; }
#page-label-index .other-albums article h3 span.name { color: #256ba6; }
/* Лейбл */
#page-label-top .label-content { overflow: hidden; margin-bottom: 20px; }
#page-label-top.top_box { background-color: #e1e7ee; width: 100%; height: 66px; font-size: 16px; font-family: Verdana; border-bottom: 1px #677381 solid; }
#page-label-top.top_box .filter { float: left; display: inline-block; cursor: pointer; text-align: center; padding: 0 15px; height: 100%; text-transform: uppercase; cursor: pointer; text-align: center; padding: 0 15px; height: 100%; text-transform: uppercase; cursor: pointer; color: #7c8c9f; font-family: Arial,serif; font-size: 19px; transition: all 0.5s ease; text-decoration: none; }
#page-label-top.top_box .filter:hover { color: #24292e; }
#page-label-top.top_box .filter span, .filter i { line-height: 66px; }
#page-label-top.top_box .filter i { font-size: 22px; }
#page-label-top.top_box .social { display: inline-block; float: right; line-height: 66px; text-transform: uppercase; color: #7c8c9f; height: 66px; }
#page-label-top.top_box .social a, #page-label-top.top_box .social span { float: left; margin-right: 8px; text-decoration: none; color: #7c8c9f; }
#page-label-top.top_box .social a.social_but { cursor: pointer; transition: all 0.1s ease; border: 1px #bbc3cd solid; width: 38px; height: 38px; margin-top: 13px; border-radius: 4px; text-align: center; vertical-align: middle; display: block; }
#page-label-top.top_box .social a.social_but i { display: block; text-align: middle; padding: 10px 5px; font-size: 22px; }
#page-label-top.top_box .social a.social_but.soc_mail { border: 1px #da6969 solid; color: #ffc4c4; background-color: #ef7171; font-size: 10px; line-height: 38px; width: 260px; white-space: nowrap; } #page-label-top.top_box .social a.social_but.soc_vk:hover { color: white; background-color: #306eb7; border: 1px #306eb7 solid; }
#page-label-top.top_box .social a.social_but.soc_mail strong { color: white; text-decoration: underline; }
#page-label-top.top_box .social a.social_but.soc_fb:hover { color: white; background-color: #1d3372; border: 1px #1d3372 solid; }
#page-label-top.top_box .social a.social_but.soc_yt:hover { color: white; background-color: #ef7171; border: 1px #ef7171 solid; }
#page-label-top.top_box .social a.social_but.soc_tw:hover { color: white; background-color: #1acfff; border: 1px #1acfff solid; }
#page-label-top.top_box .social a.social_but.soc_mail:hover { color: white; background-color: #1acfff; border: 1px #1acfff solid; }
#page-label-top.top_box input.search { display: inline-block; float: right; background-color: #95a0ad; color: white; margin-top: 13px; height: 39px; padding: 0 13px; font-size: 14px; width: 240px; margin-right: 10px; border-radius: 3px; }
#page-label-top.top_box input.search:focus { background-color: #313131; }
#page-label-top.top_box input.search::-webkit-input-placeholder { color: white; } /* WebKit browsers */
#page-label-top.top_box input.search:-moz-placeholder { color: white; } /* Mozilla Firefox 4 to 18 */
#page-label-top.top_box input.search::-moz-placeholder { color: white; } /* Mozilla Firefox 19+ */
#page-label-top.top_box input.search:-ms-input-placeholder { color: white; } /* Internet Explorer 10+ */
#page-label-top.top_box .search-l { float: right; position: absolute; display: inline-block; right: 22px; margin-top: 24px; color: white; font-size: 16px; cursor: pointer;}
#page-label-top.top_box .search-l i { transition: all 0.1s ease; }
#page-label-top.top_box .search-l i:hover { color: gray; }
#page-label .album-info { display: block; overflow: hidden; border-bottom: 1px #cfcfcf solid; }
#page-label .artist-image { width: 190px; height: 190px; margin: 16px; border-radius: 5px; overflow: hidden; float: left; background-image: url('img/label/no-photo.png'); background-size: contain; border: 1px #cfcfcf solid; }
#page-label .artist-image img { width: inherit; height: inherit; }
#page-label .artist-text { margin: 16px 0; float: left; width: 750px; }
#page-label .artist-text h2.artist-name { color: black; margin: 60px 0 0 10px; font-size: 22px; max-width: 320px; }
#page-label .artist-text h3.album-name { color: #5f646a; margin: 0 0 0 10px; font-size: 17px; max-width: 320px; }
#page-label .artist-text .album-summary { float: right; display: block; width: 400px; margin-top: 60px; font-size: 15px; border-left: 1px #cfcfcf solid; padding-left: 15px; }
#page-label .artist-text span.album-counter { margin-top: 42px; display: block; margin-left: 10px; background-color: #9ba3ad; width: 35px; height: 35px; color: white; text-align: center; line-height: 35px; font-size: 19px; border-radius: 4px; }
#page-label .artist-text span.album-counter-text { margin-top: 0px; display: block; margin-left: 10px; width: 35px; color: #9ba3ad; text-align: center; font-size: 15px; }
#page-label article.track-item { border-bottom: 1px #cfcfcf solid; padding: 15px; overflow: hidden; }
#page-label article.track-item .track-image { display: block; width: 110px; height: 110px; overflow: hidden; border-radius: 4px; float: left; }
#page-label article.track-item .track-image img { width: inherit; height: inherit; }
#page-label article.track-item .track-play-pause { transition: all 0.1s ease; cursor: pointer; float: left; width: 60px; font-size: 50px; text-align: center; color: #436a9e; }
#page-label article.track-item .track-play-pause:hover { color: #0a2852; }
#page-label article.track-item .track-play-pause .pause { display:none; }
#page-label article.track-item .track-play-pause .play { display:inline; }
#page-label article.track-item .track-play-pause.play { }
#page-label article.track-item .track-play-pause.play .pause { display:inline; }
#page-label article.track-item .track-play-pause.play .play { display:none; }
#page-label article.track-item .track-pos { width: 400px; height: 7px; background-color: #cfcfcf; float: left; margin-top: 24px; transition: all 0.5s ease; }
#page-label article.track-item.play .track-pos { cursor: pointer; }
#page-label article.track-item .track-zapo { height: 100%; width: 0px; background-color: #4b72a5; }
#page-label article.track-item .track-zapo-big { display:none; width: 12px; background-color: #4b72a5; position: relative; height: 25px; margin-top: -16px; left: -6px; }
#page-label article.track-item .track-name { margin-top: 10px; color: #427fb2; font-size: 16px; font-weight: bold; width: 400px; float: left; }
#page-label article.track-item .track-name .artist { color: black; }
#page-label article.track-item .track-balloon { opacity: 0; left: -17px; position: relative; top: -31px; background-color: #9db7da; width: 30px; text-align: center; padding: 2px; }
#page-label article.track-item .track-balloon:before { content: ' '; position: absolute; left: 10px; top: -12px; margin-top: 30px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #9db7da; }
#page-label article.track-item.play .track-balloon { display: block; opacity: 1; }
#page-label article.track-item.play .track-balloon.usered { opacity: 0; }
#page-label article.track-item .track-pos .track-balloon-user { opacity: 0; left: -17px; position: relative; top: -50px; background-color: #9db7da; width: 30px; text-align: center; padding: 2px; }
#page-label article.track-item .track-pos .track-balloon-user:before { content: ' '; position: absolute; left: 10px; top: -12px; margin-top: 30px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #9db7da; }
#page-label article.track-item.play .track-pos:hover .track-balloon-user { display: block; opacity: 1; }
#page-label article.track-item .track-buy-buttons { float: right; margin-top: 8px; }
#page-label #vk_comments { float: left; margin: 15px; }
#page-label #social_line { float: left; width: 100%; margin-left: 12px; margin-bottom: 15px; }
#page-label article {overflow: hidden; margin-bottom: 4px; }
#page-label .player_wrapper { width: 450px; float: left; }
#page-label .player_wrapper table { width: 100%; height: 60px; background-color: white; }
#page-label .player_wrapper table tr { }
#page-label .player_wrapper table td { height: 54px; }
#page-label .player_wrapper table tbody tr td.play_pause { width: 34px; padding-left: 9px; }
#page-label .player_wrapper table tbody tr td.play_info { width: 360px; }
#page-label .player_wrapper table tbody tr td.play_volume { width: 30px; text-align: center; vertical-align: middle; padding: 6px 0 0 0; }
#page-label .player_wrapper table td.play_pause { text-align: center; cursor: pointer; }
#page-label .player_wrapper table td.play_pause i { display:block; height: 36px; }
#page-label .player_wrapper table td.play_pause i.play { display:block; height: 60px; line-height: 60px; font-size: 40px;}
#page-label .player_wrapper table td.play_pause i.pause { display:none; height: 60px; line-height: 60px; font-size: 40px;}
#page-label .player_wrapper table td.play_pause.play { opacity: 1; }
#page-label .player_wrapper table td.play_pause.play i.play { display:none; height: 60px; line-height: 60px; font-size: 40px;}
#page-label .player_wrapper table td.play_pause.play i.pause { display:block; height: 60px; line-height: 60px; font-size: 40px;}
#page-label .player_wrapper table td.play_info { padding: 0 10px; }
#page-label .player_wrapper table td.play_info span { display: block; color: #223a59; font-size: 11px; max-width: 90%; }
#page-label .player_wrapper table td.play_info span.artist { font-size: 13px; font-weight: bold; }
#page-label .player_wrapper table td.play_info span.name { }
#page-label .player_wrapper table td.play_info div.position { width: 100%; margin-top: 5px; background-color: #dbe3e8; border-radius: 2px; }
#page-label .player_wrapper table td.play_info div.position div.buffer { position: relative; width: 100%; height: 5px; background-color: #cfcfcf; border-radius: 2px; }
#page-label .player_wrapper table td.play_info div.position div.now { display: none; position: relative; width: 0; height: 5px; margin-top: -5px; background-color: #456287; border-radius: 2px; }
#page-label .player_wrapper table td.play_info div.position div.area { display: none; position: absolute; width: 360px; height: 11px; margin-top: -8px; cursor: pointer; }
#page-label .player_wrapper table.active td.play_info div.position div.buffer { background-color: #b6cad8; }
#page-label .player_wrapper table.active td.play_info div.position div.now { display: block; }
#page-label .player_wrapper table.active td.play_info div.position div.area { display: block; }
#page-label .player_wrapper table div.now div.baloon { display: none; }
#page-label .player_wrapper table div.area div.baloon_area { display: none; }
#page-label .player_wrapper table.active td.play_info div.position div.now div.baloon { left: 325px; display: block; position: absolute; top: -18px; width: 30px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#page-label .player_wrapper table.active td.play_info div.position div.area div.baloon_area { right: -16px; display: none; position: absolute; top: -20px; border-radius: 2px; opacity: 0.9; background-color: #9db7da; width: 30px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#page-label .player_wrapper table.active td.play_info div.position div.area div.baloon_area:before { content: ' '; position: absolute; left: 10px; margin-top: 12px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #9db7da; }
#page-label .player_wrapper table.active td.play_info div.position:hover div.area div.baloon_area { display: block; }
#page-label .player_wrapper table td.play_volume div.icon path { fill: #b5b5b5; font-size: 18px; }
#page-label .player_wrapper table.active td.play_volume div.icon path { fill:#838587; }
#page-label .player_wrapper table td.play_volume .volume { display: none; width: 6px; height: 54px; margin: -5px auto 0; }
#page-label .player_wrapper table td.play_volume .volume .vol_zapo { position: absolute; width: 6px; height: 54px; background-color: #838587; }
#page-label .player_wrapper table td.play_volume .volume .vol_razd { position: absolute; width: 6px; height: 20px; background-color: #cfcfcf; }
#page-label .player_wrapper table td.play_volume .volume .vol_razd .circle { font-size: 9px; position: absolute; margin-left: -1px; line-height: 40px; color: #414345; margin-top: -2px; }
#page-label .player_wrapper table td.play_volume .volume .vol_clickable { position: absolute; width: 20px; height: 54px; margin-left: 1px; }
#page-label .player_wrapper table.active td.play_volume:hover div.icon { display: none; }
#page-label .player_wrapper table.active td.play_volume:hover div.volume { display: block; cursor:pointer; }
#page-label article { margin-left: 20px; margin-top:20px; }
#page-label article .track-buy-buttons { float: right; margin-right: 20px; }
#page-label article .track-buy-buttons .buy-itunes {
width: 130px;
height: 40px;
background: url('img/label/but_itunes.svg') center center no-repeat;
display: block;
float: left;
}
#page-label article .track-buy-buttons .buy-am {
width: 130px;
height: 40px;
background: url('img/label/but_apple.svg') center center no-repeat;
display: block;
float: left;
}
#page-label article .track-buy-buttons .buy-gplay {
width: 130px;
height: 40px;
background: url('img/label/but_gp.png') center center no-repeat;
display: block;
float: left;
background-size: 115px;
}
#page-label article .track-buy-buttons .buy-itunes.inactive,
#page-label article .track-buy-buttons .buy-am.inactive,
#page-label article .track-buy-buttons .buy-gplay.inactive { display: none; }
#page-label article .open-gudok {
cursor: pointer;
background-color: white;
height: 38px;
transition: all 0.1s ease;
color: #000;
float: left;
margin: 0 4px;
line-height: 38px;
border: 1px #C7C7C7 solid;
padding: 0 9px;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
border-radius: 5px;
}
#page-label article .open-gudok:hover { background-color: #000; color: white; }
#page-label article .open-gudok:active { background-color: #0a2852; color: white; }
#page-label article .open-gudok i { font-size: 18px; }
#page-label article .track-num { float: left; line-height: 58px; font-size: 20px; color: #9ba3ad; width: 24px; text-align: center; }
/*Для шаринга в оновстях*/
#page-label .b-share_theme_counter .b-share-btn__vkontakte, #page-label .b-share_theme_counter .b-share-btn__facebook, #page-label .b-share_theme_counter .b-share-btn__twitter {
background-color: inherit!important;
}
#page-label .b-share_theme_counter .b-share-icon_vkontakte, #page-label .b-share_theme_counter .b-share-icon_facebook, #page-label .b-share_theme_counter .b-share-icon_twitter{
background-color: #b6b6b6!important;
border-radius: 5px;
width: 36px!important;
height: 36px!important;
background-position: 50%!important;
}
#page-label .b-share_theme_counter .b-share-icon_vkontakte{
background-image: url('/bitrix/templates/flat-new/img/vk_share.png')!important;
}
#page-label .b-share_theme_counter .b-share-icon_facebook{
background-image: url('/bitrix/templates/flat-new/img/fb_share.png')!important;
}
#page-label .b-share_theme_counter .b-share-icon_twitter{
background-image: url('/bitrix/templates/flat-new/img/tw_share.png')!important;
}
#page-label .b-share_theme_counter .b-share-btn__counter .b-share-counter {
height: 36px!important;
border: 1px solid #b6b6b6!important;
box-sizing: border-box!important;
border-radius: 5px!important;
color: #b6b6b6!important;
line-height: 34px!important;
padding: 0 8px!important;
margin: 0!important;
margin-left: 8px!important;
}
#page-label .b-share_theme_counter .b-share-btn__counter .b-share-counter:before, #page-label .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -6px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid;
left: 39px;
}
#page-label .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
left: 40px;
border-right-color: white;
}
#page-label .b-share-btn__vkontakte:active, #page-label .b-share-btn__facebook:active, #page-label .b-share-btn__twitter:active{
margin-top: 0px;
height: 36px;
margin-bottom: -1px;
border-top:inherit!important;
background-color: inherit!important;
}
#page-label .b-share-btn__vkontakte:active .b-share-icon, #page-label .b-share-btn__facebook:active .b-share-icon, #page-label .b-share-btn__twitter:active .b-share-icon, #page-label .b-share_theme_counter .b-share__link:active .b-share-counter {
position: static!important;
top: 0px!important;
}
#page-label .b-share_theme_counter .b-share-btn__wrap{
height: 36px!important;
}
#page-label .b-share_theme_counter .b-share-btn__wrap {
margin-left: 15px!important;
}
#page-label .b-share_theme_counter .b-share-btn__wrap:first-child {
margin-left: 0!important;
}
#page-label .b-share-btn__vkontakte:hover .b-share-icon{
background-color: #48729E!important;
}
#page-label .b-share-btn__facebook:hover .b-share-icon{
background-color: #3C5A98!important;
}
#page-label .b-share-btn__twitter:hover .b-share-icon{
background-color: #00ACED!important;
}
/* Label popup */
#page-label-popup .label-content-detail-popup-back { position: fixed; left: 0; top: 0; z-index: 490; background-color: rgba(0,0,0,0.8); width:100%; height: 100%; }
#page-label-popup .label-content-detail-popup-wrapper { width: 440px; position: absolute; z-index: 500; left: 50%; top: 160px; margin-left: -220px; background-color: #cedae8; min-height: 530px; }
#page-label-popup .label-content-detail-popup-wrapper .social-likes { float:left; width: 48px; min-height: 530px; }
#page-label-popup .label-content-detail-popup-wrapper .popup-content { border-left: 2px #a1b5cd solid; float:right; background-color: white; width: 390px; min-height: 530px; }
#page-label-popup .label-content-detail-popup-wrapper .popup-content .popup-image { margin: 15px; width: 360px; height: 360px; overflow: hidden; float: left; background-image: url('img/label/no-photo.png'); background-size: contain; }
#page-label-popup .label-content-detail-popup-wrapper .popup-content .popup-image img{ width: 360px; height: 360px; }
#page-label-popup .label-content-detail-popup-wrapper .popup-content .popup-player { margin: 0 15px; width: 360px; float: left; }
#page-label-popup .label-popup-controlls { position: absolute; color: black; font-size: 48px; line-height: 70px; }
#page-label-popup .label-popup-controlls div { text-align: center; cursor: pointer; transition: all 0.1s ease; }
#page-label-popup .label-popup-controlls div:hover { opacity: 0.7; }
#page-label-popup .label-popup-controlls .close { width: 40px; height: 40px; color: white; background-color: black; margin-left: 440px; float: left; line-height: 40px; font-size: 24px; }
#page-label-popup .label-popup-controlls .left { width: 60px; height: 70px; background-color: #cfdbe9; margin-left: -62px; margin-top: 156px; border-right: 2px #9eabba solid; }
#page-label-popup .label-popup-controlls .right { width: 60px; height: 70px; background-color: #cfdbe9; margin-top: -70px; margin-left: 440px; border-left: 2px #9eabba solid; }
#page-label-popup article.track-item .track-play-pause { transition: all 0.1s ease; cursor: pointer; float: left; height: 40px; width: 40px; line-height: 40px; font-size: 40px; text-align: center; color: #436a9e; }
#page-label-popup article.track-item .track-play-pause:hover { color: #0a2852; }
#page-label-popup article.track-item .track-play-pause .pause { display:none; }
#page-label-popup article.track-item .track-play-pause .play { display:inline; }
#page-label-popup article.track-item .track-play-pause.play { }
#page-label-popup article.track-item .track-play-pause.play .pause { display:inline; }
#page-label-popup article.track-item .track-play-pause.play .play { display:none; }
#page-label-popup article.track-item .track-pos { width: 300px; height: 7px; background-color: #cfcfcf; float: right; margin-top: 17px; transition: all 0.5s ease; }
#page-label-popup article.track-item.play .track-pos { cursor: pointer; }
#page-label-popup article.track-item .track-zapo { height: 100%; width: 0px; background-color: #4b72a5; }
#page-label-popup article.track-item .track-zapo-big { display:none; width: 12px; background-color: #4b72a5; position: relative; height: 25px; margin-top: -16px; left: -6px; }
#page-label-popup article.track-item .track-name { margin-top: 12px; color: #427fb2; font-size: 16px; font-weight: bold; width: 300px; float: right; }
#page-label-popup article.track-item .track-name .artist { color: black; }
#page-label-popup article.track-item .track-balloon { opacity: 0; left: -17px; position: relative; top: -31px; background-color: #9db7da; width: 30px; text-align: center; padding: 2px; }
#page-label-popup article.track-item .track-balloon:before { content: ' '; position: absolute; left: 10px; top: -12px; margin-top: 30px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #9db7da; }
#page-label-popup article.track-item.play .track-balloon { display: block; opacity: 1; }
#page-label-popup article.track-item.play .track-balloon.usered { opacity: 0; }
#page-label-popup article.track-item .track-pos .track-balloon-user { opacity: 0; left: -17px; position: relative; top: -50px; background-color: #9db7da; width: 30px; text-align: center; padding: 2px; }
#page-label-popup article.track-item .track-pos .track-balloon-user:before { content: ' '; position: absolute; left: 10px; top: -12px; margin-top: 30px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #9db7da; }
#page-label-popup article.track-item.play .track-pos:hover .track-balloon-user { display: block; opacity: 1; }
#page-label-popup .track-buy-buttons { float: left; margin-top: 10px; margin-right: 10px; margin-left: 10px; }
#page-label-popup .gudok_nums_info { float: left; margin: 10px 10px 0 10px; color: #bfbfbf; }
#page-label-popup .track-buy-buttons .buy-itunes {
width: 120px;
height: 40px;
background: url('img/label/but_itunes.svg') center center no-repeat;
display: block;
float: left;
}
#page-label-popup .track-buy-buttons .buy-am {
width: 120px;
height: 40px;
background: url('img/label/but_apple.svg') center center no-repeat;
display: block;
float: left;
}
#page-label-popup .track-buy-buttons .buy-gplay {
width: 120px;
height: 40px;
background: url('img/label/but_gp.png') center center no-repeat;
display: block;
float: left;
background-size: 115px;
}
#page-label-popup .track-buy-buttons .buy-itunes.inactive,
#page-label-popup .track-buy-buttons .buy-am.inactive,
#page-label-popup .track-buy-buttons .buy-gplay.inactive { display: none; }
#page-label-popup .open-gudok { cursor: pointer; background-color: white; height: 38px; transition: all 0.1s ease; color: #385986; float: left; margin: 0 4px; line-height: 38px; border: 2px #385986 solid; padding: 0 7px; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#page-label-popup .open-gudok i { font-size: 18px; }
#page-label-popup .gudok_nums_top_border { position: relative; top: -11px; width: 30px; text-align: center; padding: 2px; float: left; margin-left: 316px; }
#page-label-popup .gudok_nums_top_border:before { content: ''; position: absolute; left: 10px; top: -12px; margin-top: 30px; display: block; width: 0px; height: 0px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #4c6c98; }
#page-label-popup .gudok_nums { width: 100%; color: white; font-size: 14px; float: left; margin-top: 15px; }
#page-label-popup .gudok_nums tr { background-color: #4c6c98; height: 55px; }
#page-label-popup .gudok_nums tr:first-child { height: 28px; font-size: 12px; }
#page-label-popup .gudok_nums tr:first-child td:first-child { text-align: left; padding-left: 24px; }
#page-label-popup .gudok_nums tr:nth-child(odd) { background-color: #355177; }
#page-label-popup .gudok_nums tr td { text-align: center; padding: 0 5px; }
#page-label-popup .gudok_nums tr td .operator { width: 111px; height: 55px; background-image: url('img/label/operators.png'); background-repeat: no-repeat; margin: 0 20px; }
#page-label-popup .gudok_nums tr td .operator.megafon { background-position: 0px 15px; }
#page-label-popup .gudok_nums tr td .operator.beeline { background-position: 0px -39px; }
#page-label-popup .gudok_nums tr td .operator.mts { background-position: 0px -96px; }
#page-label-popup .gudok_nums tr td .operator.tele2 { background-position: 0px -150px; }
#page-label-popup .gudok_nums tr td.bolder { font-weight: bold; text-align: center; }
/* Блок лейбла на главной */
section#label-block { }
section#label-block #labels-block-inner-wrapper { }
section#label-block #labels-block-inner { width: 636px; overflow: hidden; height: 150px; margin: 10px 24px 0; position: relative; }
section#label-block ul { display: block; overflow: hidden; position: relative; width: 20000em; }
section#label-block ul li { list-style: none outside none; margin: 0; padding: 0; width: 158px; position: relative; height: 150px; float: left; }
section#label-block ul li a { display: block; text-decoration: none; }
section#label-block ul li a img { width: 150px; height: 150px; margin: 0 4px; }
section#label-block ul li a .item_hover { width: 150px; height: 150px; opacity: 0; background-color: rgba(67,106,158,0.9); transition: all 0.1s ease; position: absolute; margin: -153px 0 0 4px; float: left; color: white; text-align: center; line-height: 150px; font-size: 60px; }
section#label-block ul li a:hover .item_hover { opacity: 1; }
section#label-block ul li a h3 { color: black; font-weight: normal; display: block; width: 150px; margin: 0 4px; }
section#label-block ul li a h3 span { display: block; font-size: 12px; }
section#label-block ul li a h3 span.artist { }
section#label-block ul li a h3 span.name { color: #256ba6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#label-block .label-jcarousel-control-prev {left: 0px;}
#label-block .label-jcarousel-control-next {margin-left: 654px;}
#label-block .label-jcarousel-control-prev,
#label-block .label-jcarousel-control-next{cursor:pointer;z-index:20;position:absolute;margin-top: -96px;display: block;height: 45px;width: 25px; line-height: 45px}
#label-block .label-jcarousel-control-prev i,
#label-block .label-jcarousel-control-next i{margin-left: 8px;font-size: 21px; color: #32373e;}
#label-block .label-jcarousel-control-next:hover,
#label-block .label-jcarousel-control-prev:hover{background-color:#d2d2d2;}
/* Контакты */
#page-contacts { }
#page-contacts .contact-main-info { background-color: #607081; width: 995px; height: 90px; color: white; }
#page-contacts .contact-main-info .main-name { line-height: 90px; background-image: url('/bitrix/templates/flat/img/contacts/r-logo.png'); background-repeat: no-repeat; background-position: left center; padding-left: 60px; font-size: 24px; margin-left: 44px; float: left; }
#page-contacts .contact-main-info .main-address { float: left; margin-left: 60px; font-size: 15px; margin-top: 17px; }
#page-contacts .contact-main-info .main-address a { color: white; }
#page-contacts .contact-main-info .main-address span { display: block; line-height: 28px; }
#page-contacts .contact-main-info .main-address span i { color: #8c9bac; margin-right: 2px; }
#page-contacts .table-icons { width: 945px; margin: 0 auto; margin-bottom: 20px; }
#page-contacts .table-icons td { width: 33%; padding: 10px; }
#page-contacts .table-icons td .td-icon { width: 55px; height: 70px; background-image: url('/bitrix/templates/flat/img/contacts/icons.png'); float: left; margin-right: 16px; background-repeat: no-repeat; }
#page-contacts .table-icons td .td-icon.sms { background-position: -513px center; }
#page-contacts .table-icons td .td-icon.recshop { background-position: -456px center; }
#page-contacts .table-icons td .td-icon.openair { background-position: -399px center; }
#page-contacts .table-icons td .td-icon.reklama { background-position: -342px center; }
#page-contacts .table-icons td .td-icon.booking { background-position: -285px center; }
#page-contacts .table-icons td .td-icon.accredt { background-position: -228px center; }
#page-contacts .table-icons td .td-icon.content { background-position: -171px center; }
#page-contacts .table-icons td .td-icon.farsh { background-position: -114px center; }
#page-contacts .table-icons td .td-icon.label { background-position: -57px center; }
#page-contacts .table-icons td h3 { margin: 0; color: #3f4d5c; font-size: 15px; }
#page-contacts .table-icons td span { display: block; font-size: 14px; color: #3f4d5c; }
#page-contacts .table-icons td a { color: #2182ea; }
#page-contacts .table-icons td a:hover { color: #CC0000; }
#page-contacts div.middle { display: table-cell; height: 70px; vertical-align: middle; }
#form_back { display: none; position: fixed; background-color: rgba(0,0,0,0.6); left:0; top: 0; width: 100%; height: 100%; z-index: 460; }
section#form-farsh { display: none; width: 446px; background-color: #c9d4df; padding: 12px; position: fixed; left: 50%; margin-left: -223px; top: 260px; z-index: 470; }
section#form-label { display: none; width: 446px; background-color: #c9d4df; padding: 12px; position: fixed; left: 50%; margin-left: -223px; top: 260px; z-index: 470; }
.modern-form .form-close { position: relative; float: right; font-size: 18px; color: #687583; cursor: pointer; margin: -12px -12px 0 0; width: 20px; height: 20px; text-align: center; line-height: 20px; padding: 5px; }
.modern-form .form-close:hover { color: black; }
.modern-form .form-header { }
.modern-form .form-header .form-logo { display: block; width: 55px; height: 55px; float: left; margin: 12px 12px 12px 0; }
.modern-form .form-header .form-title { display: block; float: left; height: 55px; margin: 12px 0; color: #3f4d5c; font-size: 16px; width: 368px; }
.modern-form .form-header .form-description { display: block; float: left; margin: 0 12px; color: #687583; font-size: 12px; height: 45px; }
.modern-form .form-body { overflow: hidden; }
.modern-form .form-body .progress-wrapper { margin: 12px; height: 0; }
.modern-form .form-body .progress-wrapper progress { width: 100%; height: 20px; display: none; }
.modern-form .form-body .input-form { margin: 12px; overflow: hidden; }
.modern-form .form-body .input-form textarea { width: 400px; border: 1px #a7b0b9 solid; padding: 10px; height: 130px; }
.modern-form .form-body .input-form input.mini-input { border: 1px #a7b0b9 solid; height: 20px; margin-right: 5px; margin-bottom: 10px; width: 182px; padding: 0 10px; }
.modern-form .form-body .input-form input.mini-input:nth-child(even) { margin-left: 5px; margin-right: 0; }
.modern-form .form-body .input-form div.filenav { background-color: #9eafbf; color: #00486d; font-weight: bold; padding: 7px 10px; font-size: 12px; margin-bottom: 4px; }
.modern-form .form-body .input-form div.filenav span.filesize { margin-left: 5px; color: #485665; }
.modern-form .form-body .input-form div.filenav i.fa { float: right; font-size: 14px; cursor: pointer; }
.modern-form .form-body .form-controlls { overflow: hidden; margin: 6px 12px; }
.modern-form .form-body .form-controlls .fakebut { background-color: #379888; border-bottom: 3px #104b41 solid; float: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; margin-left: 6px; padding: 6px 13px; color: white; font-size: 13px; min-width: 62px; height: 17px; }
.modern-form .form-body .form-controlls .fakebut.submit { background-color: #3578b7; border-bottom: 3px #1d4469 solid; text-align: center; }
.modern-form .form-body .form-controlls .fakebut:active { background-color: #104b41; }
.modern-form .form-body .form-controlls .fakebut.submit:active { background-color: #1d4469; border-bottom: 3px #1d4469 solid; }
.modern-form .form-body .form-controlls span { display: block; text-align: center; font-size: 14px; line-height: 32px; }
.modern-form .form-body .form-controlls span.success { color: green; }
.modern-form .form-body .form-controlls span.error { color: red; }
/* Суперчарт */
#page-superchart article {overflow: hidden; margin-bottom: 4px; }
#page-superchart .supercart-title {width:995px;height: 191px;background: url(/radio/charts/feel-superchart.jpg) no-repeat center top;}
#page-superchart .supercart-title .sc-num {font-family: Arial;font-size: 15px;display: block;position: absolute;background-color: #5dffe6;line-height: 15px;border-bottom: 7px #01b9d4 solid;border-left: 7px #5dffe6 solid;padding: 7px 12px 7px 2px;margin: 123px 0px 0px 558px;color: #005145;}
#page-superchart .supercart-title .sc-date {color: #fff;font-family: pf_dintext_pro;font-size: 15px;display: block;position: absolute;line-height: 15px;margin: 130px 0px 0px 630px;}
#page-superchart .sc-under {padding: 15px 20px;background-color: #fff;border-bottom: 2px #bdbdbd solid;overflow: hidden;}
#page-superchart .sc-u-left {float: left;display: inline;width: 100%; text-align: center;}
#page-superchart .sc-u-left h3 {font-size: 20px;color: #000000;line-height: 20px;font-weight: normal;margin-bottom: 3px;margin-top: 4px;}
#page-superchart .sc-u-left p {color: #999999;font-size: 13px;}
#page-superchart .sc-u-right {float: right;display: inline;}
#page-superchart .sc-u-right a {display: block;float: left;font-size: 16px;line-height: 16px;padding: 14px 18px 15px 18px;text-decoration: none;margin-left: 15px;}
#page-superchart .sc-u-right a.enter {background-color: #fff;color: #999999;}
#page-superchart .sc-u-right a.enter:hover {background-color: #eee;color:#999;}
#page-superchart .sc-u-right a.reg {background-color: #399c72;color: #fff;}
#page-superchart .sc-u-right a.reg:hover {background-color: #68cba1;color:#fff;}
#page-superchart .sc-u-right span.authinfo { float: left; line-height: 45px; font-size: 14px; }
#page-superchart .sc-u-right a.logout {background-color: #399c72;color: #fff;}
#page-superchart .sc-u-right a.logout:hover {background-color: #68cba1;color:#fff;}
#page-superchart .all_audio {padding: 16px;background: url(/radio/charts/chart-bk.gif) repeat left top;}
#page-superchart .player-raiting-holder {height: 60px;overflow: hidden;background-color: #fff;box-shadow: 1px 1px 1px #aaa;}
#page-superchart .place {float: left;display: inline;width: 82px;height: 60px;overflow: hidden;background-color: #F9F9F9;}
#page-superchart .place span.new {display: block;float:left;line-height: 10px;font-size: 10px;color: #fff;padding: 2px;margin: 24px 0px 0px 0px;background-color: #f1370e;}
#page-superchart .place span.up {width: 0px;height: 0px;overflow: hidden;border-bottom:7px #bdff7c solid;border-left:6px #F9F9F9 solid;border-right:6px #F9F9F9 solid;position: absolute;margin: 26px 0px 0px 11px;}
#page-superchart .place span.down {width: 0px;height: 0px;overflow: hidden;border-top:7px #ff9c9c solid;border-left:6px #F9F9F9 solid;border-right:6px #F9F9F9 solid;position: absolute;margin: 28px 0px 0px 11px;}
#page-superchart .place span.same {width: 10px;height: 3px;overflow: hidden;/*border-top:2px #fff solid;*/border-bottom:2px #b8b8b8 solid;position: absolute;margin: 26px 0px 0px 11px;}
#page-superchart .place .place-num {font-family: pf_dintext_pro; font-size: 36px; font-weight: bold; color: #000; position: absolute; width: 50px; margin: 0px 0px 0px 28px; line-height: 60px; text-align: center; overflow: hidden;}
#page-superchart .player {float: left;display: block;}
#page-superchart .raiting {float: left;display: block;width: 151px;}
#page-superchart .raiting .title { display: block; font-size: 11px; color: #7d7d7d; line-height: 11px; margin-top: 7px;float: left;margin-left:12px;}
#page-superchart .raiting .title.sended { color: #48729e; }
#page-superchart .stars { float: left; width: 122px; cursor: pointer; padding-left: 1px; padding-top: 1px; overflow: hidden; line-height: 23px; height: 23px; margin-top: 2px; color: #b5b5b5; }
#page-superchart .stars i { float: right; }
#page-superchart .stars i.rated { color: #ffae00; }
#page-superchart .stars i.rated + i { color: #ffae00; }
#page-superchart .stars i.rated + i + i { color: #ffae00; }
#page-superchart .stars i.rated + i + i + i { color: #ffae00; }
#page-superchart .stars i.rated + i + i + i + i { color: #ffae00; }
#page-superchart .stars i:hover { color: #ffae00; }
#page-superchart .stars i:hover + i { color: #ffae00; }
#page-superchart .stars i:hover + i + i { color: #ffae00; }
#page-superchart .stars i:hover + i + i + i { color: #ffae00; }
#page-superchart .stars i:hover + i + i + i + i { color: #ffae00; }
#page-superchart .raiting .nums { float: right; font-size: 15px; line-height: 62px; display: block; color: #a6a6a6; margin-right: 6px; }
#page-superchart .raiting .nums strong { color: #000; }
/*#page-superchart .ya-social {float: right;display: block;min-width: 230px;margin-top: 17px; overflow: hidden; height: 26px;text-align: left;}*/
#page-superchart .social-likes{
float: right;
display: block;
overflow: hidden;
height: 26px;
text-align: center;
width: 60px;
height: 60px;
line-height: 60px;
right: 0px;
margin-right: 0px;
font-size: 25px;
color: #b6b6b6;
cursor: pointer;
}
#page-superchart .ya_share{
position: absolute;
width: 191px;
margin-top: 77px;
z-index: 100;
}
#page-superchart .social-likes:hover { /*background-color: #7E7E7E;*/ color: #7E7E7E; }
#page-superchart div.all_audio table td.play_social .social-likes div.b-share_theme_counter .b-share.active { display: block; }
#page-superchart .social-likes .ya_share.active::after{
content: ' ';
position: absolute;
z-index: 1000000;
left: 20px;
top: -52px;
border: 8px solid rgba(255, 0, 0, 0);
border-bottom: 8px solid #FFFFFF;
height: 8px;
}
#page-superchart .social-likes .ya_share.active::before{
height: 1px;
box-shadow: 0 0 5px black;
transform: translate;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
content: ' ';
position: absolute;
z-index: 10;
left: 23px;
top: -34px;
border: 5px solid rgba(255, 0, 0, 0);
z-index: -10;
opacity: 0.7;
}
#page-superchart .b-share_theme_counter { position: absolute; width: 191px; margin-top: 77px; z-index: 210;}
#page-superchart .b-share_theme_counter .b-share{
display: none;
}
#page-superchart .b-share_theme_counter .b-share.active {
vertical-align: middle;
position: absolute;
background-color: white;
padding: 5px !important;
display: block;
margin-top: -28px;
margin-left: -53px;
width: auto;
height: 38px;
overflow: hidden;
white-space: nowrap;
box-shadow: 0 0 9px gray;
}
#page-superchart .social-likes i { margin-right: 3px; }
#page-superchart .social-likes { width: 60px; height: 60px; background-color: white; color: #B5B5B5; text-align: center; line-height: 60px; border-radius: 2px; margin: 0 auto; cursor: pointer; font-size: 24px; margin-top: 3px; }
#page-superchart .social-likes:hover { /*background-color: #7E7E7E;*/ color: #7E7E7E; }
#page-superchart .social-likes div.b-share_theme_counter .b-share.active { display: block; }
#page-superchart .count_sum {margin-right: -15px;}
#page-superchart .like_programm>div{
position: absolute;
width: 165px;
background: white;
margin-top: 45px;
margin-left: -70px;
box-shadow: 0px 0px 8px -2px #222325;
font-size: 12px;
z-index: 1000;
text-align: left;
}
#page-superchart .like_programm i{
font-size: 25px;
float: left;
width: 26px;
text-align: center;
line-height: 31px;
}
#page-superchart .like_programm a{
color: #919191;
text-decoration: none;
display: block;
padding: 5px 0px 5px 14px;
line-height: 30px;
}
#page-superchart .like_programm a:hover { color: #959595; background-color: #F8F4F4; }
#page-superchart .like_programm span{
line-height: 30px;
margin-left: 7px;
font-size: 12px;
}
#page-superchart .like_programm::before{
content: ' ';
position: absolute;
z-index: 1000000;
border: 8px solid rgba(255, 0, 0, 0);
border-bottom: 8px solid #FFFFFF;
height: 8px;
margin-top: 21px;
margin-left: -12px;
}
#page-superchart .like_programm::after{
height: 1px;
box-shadow: 0 0 5px black;
transform: translate;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
content: ' ';
position: absolute;
z-index: 10;
border: 5px solid rgba(255, 0, 0, 0);
opacity: 0.7;
margin-top: 40px;
margin-left: -9px;
}
#page-superchart .b-share_theme_counter { position: absolute; width: 191px; margin-top: 77px; z-index: 100;}
#page-superchart .b-share_theme_counter .b-share {
vertical-align: middle;
position: absolute;
background-color: white;
padding: 5px !important;
display: none;
margin-top: -48px;
margin-left: -53px;
width: auto;
height: 38px;
overflow: hidden;
white-space: nowrap;
box-shadow: 0 0 9px gray;
}
#page-superchart .b-share_theme_counter .b-share.visible { display: block; }
/*.index-wrap header .player .top-buttons .volume .player-volume-wrapper { display: none; background-color: #2a2d2e; margin-top: -1px; background-image: url('img/black40.png'); position: relative; z-index: 400; padding-bottom: 20px; }
.index-wrap header .player .top-buttons .volume:hover .player-volume-wrapper { display: block; }*/
#page-superchart .volume-slider { border-radius: 3px; width: 10px; position: relative; height: 130px; background-color: #fff; z-index: 200; }
#page-superchart .volume-slider { position: relative; float: right; cursor: pointer; width: 65px; height: 3px; background: #DDDDDD; margin-top: 30px; border-radius: 5px;}
#page-superchart .volume-slider .ui-slider-range { height: 3px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #FFAE00; position: inherit; margin-top: 8px;}
#page-superchart .volume-slider .ui-slider-range::after {
content: '';
width: 65px;
height: 20px;
display: block;
margin-top: -8px;
}
#page-superchart .volume-slider .ui-slider-handle { position: absolute; border: 1px solid #B5B5B5; font-weight: normal; color: rgb(85, 85, 85); height: 18px; top: -8px; width: 1px; background-color: #B5B5B5;}
#page-superchart .posts {float: right;display: block;color: #aab8c2;overflow: hidden;width: 32px; height: 40px;cursor: pointer;line-height: 60px;font-size: 15px; background-image: url('img/superchart/comment.png'); background-repeat: no-repeat; background-position: 10px 16px; padding: 10px; }
#page-superchart .posts.active {background-color: #7286a0;color: #e2f3ff;}
#page-superchart .posts.nums {background-position: -54px 16px;}
#page-superchart .posts span { display: block; text-align: center; height: 40px; line-height: 40px; }
#page-superchart .comments_wrapper {padding: 15px 20px;background-color: #fff;margin-bottom: 10px;display: none;float: right;border-top: 1px #c7c8c9 solid;}
#page-superchart .comments_wrapper.opened {display: block;}
#page-superchart .player_wrapper { width: 525px; float: left; margin-left: 10px;}
#page-superchart .player_wrapper table { width: 100%; height: 60px; background-color: white; }
#page-superchart .player_wrapper table tr { }
#page-superchart .player_wrapper table td { height: 54px; }
#page-superchart .player_wrapper table tbody tr td.play_pause { width: 34px; padding-left: 9px; }
#page-superchart .player_wrapper table tbody tr td.play_info { width: 430px; }
#page-superchart .player_wrapper table tbody tr td.play_volume { width: 30px; text-align: center; vertical-align: middle; padding: 6px 0 0 0; }
#page-superchart .player_wrapper table td.play_pause { text-align: center; cursor: pointer;}
#page-superchart .player_wrapper table td.play_pause i { display:block; height: 36px; }
#page-superchart .player_wrapper table td.play_pause i.play { display:block; height: 60px; line-height: 60px; font-size: 40px;}
#page-superchart .player_wrapper table td.play_pause i.pause { display:none; height: 60px; line-height: 60px; font-size: 40px;}
#page-superchart .player_wrapper table td.play_pause.play { opacity: 1; }
#page-superchart .player_wrapper table td.play_pause.play i.play { display:none; }
#page-superchart .player_wrapper table td.play_pause.play i.pause { display:block; }
#page-superchart .player_wrapper table td.play_info { padding: 0 10px; }
#page-superchart .player_wrapper table td.play_info span { display: block; color: #223a59; font-size: 11px; max-width: 90%; }
#page-superchart .player_wrapper table td.play_info span.artist { font-size: 13px; font-weight: bold; }
#page-superchart .player_wrapper table td.play_info span.name { }
#page-superchart .player_wrapper table td.play_info div.position { width: 100%; margin-top: 5px; background-color: #dbe3e8; border-radius: 2px; }
#page-superchart .player_wrapper table td.play_info div.position div.buffer { position: relative; width: 100%; height: 5px; background-color: #cfcfcf; border-radius: 2px; }
#page-superchart .player_wrapper table td.play_info div.position div.now { display: none; position: relative; width: 0; height: 5px; margin-top: -5px; background-color: #838587; border-radius: 2px; }
#page-superchart .player_wrapper table td.play_info div.position div.area { display: none; position: absolute; width: 430px; height: 11px; margin-top: -8px; cursor: pointer; }
#page-superchart .player_wrapper table.active td.play_info div.position div.buffer { background-color: #cfcfcf; }
#page-superchart .player_wrapper table.active td.play_info div.position div.now { display: block; }
#page-superchart .player_wrapper table.active td.play_info div.position div.area { display: block; }
#page-superchart .player_wrapper table div.now div.baloon { display: none; }
#page-superchart .player_wrapper table div.area div.baloon_area { display: none; }
#page-superchart .player_wrapper table.active td.play_info div.position div.now div.baloon { left: 400px; display: block; position: absolute; top: -18px; width: 30px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#page-superchart .player_wrapper table.active td.play_info div.position div.area div.baloon_area { right: -16px; display: none; position: absolute; top: -20px; border-radius: 2px; opacity: 0.9; background-color: #cfcfcf; width: 30px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#page-superchart .player_wrapper table.active td.play_info div.position div.area div.baloon_area:before { content: ' '; position: absolute; left: 10px; margin-top: 12px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #cfcfcf; }
#page-superchart .player_wrapper table.active td.play_info div.position:hover div.area div.baloon_area { display: block; }
#page-superchart .player_wrapper table td.play_volume div.icon path { fill: #b5b5b5; font-size: 18px; }
#page-superchart .player_wrapper table.active td.play_volume div.icon path { fill:#838587; }
#page-superchart .player_wrapper table td.play_volume .volume { display: none; width: 6px; height: 54px; margin: -5px auto 0; }
#page-superchart .player_wrapper table td.play_volume .volume .vol_zapo { position: absolute; width: 6px; height: 54px; background-color: #838587; }
#page-superchart .player_wrapper table td.play_volume .volume .vol_razd { position: absolute; width: 6px; height: 20px; background-color: #cfcfcf; }
#page-superchart .player_wrapper table td.play_volume .volume .vol_razd .circle { font-size: 9px; position: absolute; margin-left: -1px; line-height: 40px; color: #414345; margin-top: -2px; }
#page-superchart .player_wrapper table td.play_volume .volume .vol_clickable { position: absolute; width: 20px; height: 54px; margin-left: 1px; }
#page-superchart .player_wrapper table.active td.play_volume:hover div.icon { display: none; }
#page-superchart .player_wrapper table.active td.play_volume:hover div.volume { display: block; cursor:pointer; }
/*Для шаринга в оновстях*/
#page-superchart .b-share_theme_counter .b-share-btn__vkontakte, #page-superchart .b-share_theme_counter .b-share-btn__facebook, #page-superchart .b-share_theme_counter .b-share-btn__twitter {
background-color: inherit!important;
}
#page-superchart .b-share_theme_counter .b-share-icon_vkontakte, #page-superchart .b-share_theme_counter .b-share-icon_facebook, #page-superchart .b-share_theme_counter .b-share-icon_twitter{
background-color: #b6b6b6!important;
border-radius: 5px;
width: 36px!important;
height: 36px!important;
background-position: 50%!important;
}
#page-superchart .b-share_theme_counter .b-share-icon_vkontakte{
background-image: url('/bitrix/templates/flat-new/img/vk_share.png')!important;
}
#page-superchart .b-share_theme_counter .b-share-icon_facebook{
background-image: url('/bitrix/templates/flat-new/img/fb_share.png')!important;
}
#page-superchart .b-share_theme_counter .b-share-icon_twitter{
background-image: url('/bitrix/templates/flat-new/img/tw_share.png')!important;
}
#page-superchart .b-share_theme_counter .b-share-btn__counter .b-share-counter {
height: 36px!important;
border: 1px solid #b6b6b6!important;
box-sizing: border-box!important;
border-radius: 5px!important;
color: #b6b6b6!important;
line-height: 34px!important;
padding: 0 8px!important;
margin: 0!important;
margin-left: 8px!important;
}
#page-superchart .b-share_theme_counter .b-share-btn__counter .b-share-counter:before, #page-superchart .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -6px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid;
left: 39px;
}
#page-superchart .b-share_theme_counter .b-share-btn__counter .b-share-counter:after {
left: 40px;
border-right-color: white;
}
#page-superchart .b-share-btn__vkontakte:active, #page-superchart .b-share-btn__facebook:active, #page-superchart .b-share-btn__twitter:active{
margin-top: 0px;
height: 36px;
margin-bottom: -1px;
border-top:inherit!important;
background-color: inherit!important;
}
#page-superchart .b-share-btn__vkontakte:active .b-share-icon, #page-superchart .b-share-btn__facebook:active .b-share-icon, #page-superchart .b-share-btn__twitter:active .b-share-icon, #page-superchart .b-share_theme_counter .b-share__link:active .b-share-counter {
position: static!important;
top: 0px!important;
}
#page-superchart .b-share_theme_counter .b-share-btn__wrap{
height: 36px!important;
}
#page-superchart .b-share_theme_counter .b-share-btn__wrap {
margin-left: 15px!important;
}
#page-superchart .b-share_theme_counter .b-share-btn__wrap:first-child {
margin-left: 0!important;
}
#page-superchart .b-share-btn__vkontakte:hover .b-share-icon{
background-color: #48729E!important;
}
#page-superchart .b-share-btn__facebook:hover .b-share-icon{
background-color: #3C5A98!important;
}
#page-superchart .b-share-btn__twitter:hover .b-share-icon{
background-color: #00ACED!important;
}
/* Online translation */
.gallery-new-back-close2 { visibility: hidden; cursor: pointer; top: 21px; left: 50%; z-index: 5; margin-left: 300px; position: absolute; background-image: url('/i/img/rr/record_may2012/gallery-close.png'); width: 60px; height: 11px; }
.gallery-new-back-close2:hover { background-position: 0 -11px; }
.translation-button-close { visibility: hidden; cursor: pointer; top: 21px; left: 50%; z-index: 130; margin-left: 300px; position: absolute; background-image: url('http://i.radiorecord.ru/img/rr/record_may2012/gallery-close.png'); width: 60px; height: 11px; }
.translation-button-close:hover { background-position: 0 -11px; }
#translation-video { width: 640px; height: 360px; margin: 0 auto; margin-top: 45px; left: -10000px; visibility: hidden; position: absolute; z-index: 300; }
.translation-new-back { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0; visibility: hidden; z-index: 100; }
.translation-opened { visibility: hidden; position: absolute; top: 0; left: 0; width: 640px; height: 360px; z-index: 110; background-color: black; left: 50%; padding: 10px 50px 0 50px; }
.translation-vk { position: absolute; left: 50%; }
/* Рекорд-Тест */
#page-testchart .login-box { margin: 20px auto; text-align: center; color: #506292; font-size: 17px; }
#page-testchart .auth-box {background-color: #336fac; width: 150px; padding: 10px 0; color: white; margin: 10px auto; cursor: pointer; text-align: center; }
#page-testchart .auth-box.fb { background-color: #3c588c;}
#page-testchart article {overflow: hidden; margin: 2px 6px; float: left; }
#page-testchart .supercart-title {width:995px;height: 191px;background: url(/radio/charts/feel-superchart.jpg) no-repeat center top;}
#page-testchart .supercart-title .sc-num {font-family: Arial;font-size: 15px;display: block;position: absolute;background-color: #5dffe6;line-height: 15px;border-bottom: 7px #01b9d4 solid;border-left: 7px #5dffe6 solid;padding: 7px 12px 7px 2px;margin: 123px 0px 0px 558px;color: #005145;}
#page-testchart .supercart-title .sc-date {color: #fff;font-family: pf_dintext_pro;font-size: 15px;display: block;position: absolute;line-height: 15px;margin: 130px 0px 0px 630px;}
#page-testchart .sc-under {padding: 15px 20px;background-color: #fff;border-bottom: 2px #bdbdbd solid;overflow: hidden;}
#page-testchart .sc-u-left {float: left;display: inline;width: 680px;}
#page-testchart .sc-u-left h3 {font-size: 20px;color: #000000;line-height: 20px;font-weight: normal;margin-bottom: 3px;margin-top: 4px;}
#page-testchart .sc-u-left p {color: #999999;font-size: 13px;}
#page-testchart .sc-u-right {float: right;display: inline;}
#page-testchart .sc-u-right a {display: block;float: left;font-size: 16px;line-height: 16px;padding: 14px 18px 15px 18px;text-decoration: none;margin-left: 15px;}
#page-testchart .sc-u-right a.enter {background-color: #fff;color: #999999;}
#page-testchart .sc-u-right a.enter:hover {background-color: #eee;color:#999;}
#page-testchart .sc-u-right a.reg {background-color: #399c72;color: #fff;}
#page-testchart .sc-u-right a.reg:hover {background-color: #68cba1;color:#fff;}
#page-testchart .sc-u-right span.authinfo { float: left; line-height: 45px; font-size: 14px; }
#page-testchart .sc-u-right a.logout {background-color: #399c72;color: #fff;}
#page-testchart .sc-u-right a.logout:hover {background-color: #68cba1;color:#fff;}
#page-testchart .all_audio {padding: 16px;background: url(/radio/charts/chart-bk.gif) repeat left top;overflow: hidden;display:none;}
#page-testchart .player-raiting-holder {height: 60px;overflow: hidden;background-color: #fff;box-shadow: 1px 1px 1px #aaa;}
#page-testchart .place {float: left;display: inline;width: 56px;height: 60px;overflow: hidden;background-color: #2495cf;border-right:2px #2d688d solid;}
#page-testchart .place .place-num {font-family: pf_dintext_pro; font-size: 36px; font-weight: bold; color: #fff; width: 56px; line-height: 60px; text-align: center; overflow: hidden;}
#page-testchart .player {float: left;display: block;}
#page-testchart .player_wrapper { width: 300px; float: left; }
#page-testchart .player_wrapper table { width: 100%; height: 60px; background-color: white; }
#page-testchart .player_wrapper table tr { }
#page-testchart .player_wrapper table td { height: 54px; }
#page-testchart .player_wrapper table tbody tr td.play_pause { width: 34px; padding-left: 9px; }
#page-testchart .player_wrapper table tbody tr td.play_info { width: 200px; }
#page-testchart .player_wrapper table tbody tr td.play_volume { width: 30px; text-align: center; vertical-align: middle; padding: 6px 0 0 0; }
#page-testchart .player_wrapper table td.play_pause { text-align: center; cursor: pointer; }
#page-testchart .player_wrapper table td.play_pause i { display:block; height: 36px; }
#page-testchart .player_wrapper table td.play_pause i.play { display:block; }
#page-testchart .player_wrapper table td.play_pause i.pause { display:none; }
#page-testchart .player_wrapper table td.play_pause.play { opacity: 1; }
#page-testchart .player_wrapper table td.play_pause.play i.play { display:none; }
#page-testchart .player_wrapper table td.play_pause.play i.pause { display:block; }
#page-testchart .player_wrapper table td.play_info { padding: 0 10px; }
#page-testchart .player_wrapper table td.play_info span { width: 200px; display: block; color: #223a59; font-size: 11px; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#page-testchart .player_wrapper table td.play_info span.artist { font-size: 13px; font-weight: bold; display:none; }
#page-testchart .player_wrapper table td.play_info span.name { display:none; }
#page-testchart .player_wrapper table td.play_info div.position { width: 100%; margin-top: 5px; background-color: #dbe3e8; border-radius: 2px; }
#page-testchart .player_wrapper table td.play_info div.position div.buffer { position: relative; width: 100%; height: 5px; background-color: #cfcfcf; border-radius: 2px; }
#page-testchart .player_wrapper table td.play_info div.position div.now { display: none; position: relative; width: 0; height: 5px; margin-top: -5px; background-color: #456287; border-radius: 2px; }
#page-testchart .player_wrapper table td.play_info div.position div.area { display: none; position: absolute; width: 200px; height: 11px; margin-top: -8px; cursor: pointer; }
#page-testchart .player_wrapper table.active td.play_info div.position div.buffer { background-color: #b6cad8; }
#page-testchart .player_wrapper table.active td.play_info div.position div.now { display: block; }
#page-testchart .player_wrapper table.active td.play_info div.position div.area { display: block; }
#page-testchart .player_wrapper table div.now div.baloon { display: none; }
#page-testchart .player_wrapper table div.area div.baloon_area { display: none; }
#page-testchart .player_wrapper table.active td.play_info div.position div.now div.baloon { left: 168px; display: block; position: absolute; top: -18px; width: 30px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#page-testchart .player_wrapper table.active td.play_info div.position div.area div.baloon_area { right: -16px; display: none; position: absolute; top: -23px; border-radius: 2px; opacity: 0.9; background-color: #9db7da; width: 30px; text-align: center; padding: 2px; float: right; font-size: 10px; }
#page-testchart .player_wrapper table.active td.play_info div.position div.area div.baloon_area:before { content: ' '; position: absolute; left: 10px; margin-top: 15px; display: block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #9db7da; }
#page-testchart .player_wrapper table.active td.play_info div.position:hover div.area div.baloon_area { display: block; }
#page-testchart .player_wrapper table td.play_volume div.icon path { fill: #b5b5b5; font-size: 18px; }
#page-testchart .player_wrapper table.active td.play_volume div.icon path { fill:#456287; }
#page-testchart .player_wrapper table td.play_volume .volume { display: none; width: 6px; height: 54px; margin: -5px auto 0; }
#page-testchart .player_wrapper table td.play_volume .volume .vol_zapo { position: absolute; width: 6px; height: 54px; background-color: #456287; }
#page-testchart .player_wrapper table td.play_volume .volume .vol_razd { position: absolute; width: 6px; height: 20px; background-color: #b6cad8; }
#page-testchart .player_wrapper table td.play_volume .volume .vol_razd .circle { font-size: 9px; position: absolute; margin-left: -1px; line-height: 40px; color: #183151; margin-top: -2px; }
#page-testchart .player_wrapper table td.play_volume .volume .vol_clickable { position: absolute; width: 20px; height: 54px; margin-left: 1px; }
#page-testchart .player_wrapper table.active td.play_volume:hover div.icon { display: none; }
#page-testchart .player_wrapper table.active td.play_volume:hover div.volume { display: block; cursor:pointer; }
#page-testchart .voting-group { width: 100px; margin: 5px; float: right; cursor: pointer; }
#page-testchart .voting-group .vote { display: none; width: 50px; height: 50px; float: left; line-height: 50px; text-align: center; font-size: 23px; color: white; }
#page-testchart .voting-group .vote.positive { background-color: #70b662; }
#page-testchart .voting-group .vote.negative { background-color: #d54c4c; }
#page-testchart .voting-group .voteinfo { display: block; color: gray; font-size: 10px; text-align: center; line-height: 15px; margin-top: 3px; }
#page-testchart .voting-group.active .vote { display: block; }
#page-testchart .voting-group.active .voteinfo { display: none; }
#page-testchart .voting-group.thanks .vote { display: none; }
#page-testchart .voting-group.thanks .voteinfo { display: block; color: white; height: 44px; line-height: 44px; font-size: 14px;}
#page-testchart .voting-group.thanks.good .voteinfo { background-color: #70b662; }
#page-testchart .voting-group.thanks.bad .voteinfo { background-color: #d54c4c; }
/* Record Family */
#page-family { }
#page-family .family-info { float: left; width: 485px; min-height: 650px; background-color: #e0e6e7; background-image: url('/family/family_back.jpg'); background-position: bottom center; background-repeat: no-repeat; background-size: 100% auto; }
#page-family .family-info:after { content: ' '; position: absolute; left: 485px; margin-top: -108px; display: block; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 12px solid #e0e6e7; }
#page-family .family-info .family-info-content {margin: 130px 0 0 40px; font-size: 16px; font-family: Helvetica, Arial;}
#page-family .family-auth { float: right; width: 510px; min-height: 650px; background-color: #2c3548; overflow: hidden; }
#page-family .family-auth .head { color: white; margin: 40px 50px; font-size: 75px; }
#page-family .family-auth .head .icon-rr-family-logo { display: inline-block; transition-property: all; transition-duration: 0.6s; }
#page-family .family-auth .head .icon-rr-family-text { font-size: 150px; margin: -41px 0 0 16px; position: absolute;
transition-property: opacity, color; transition-duration: 0.5s, 1s; }
#page-family .family-auth .head.success .icon-rr-family-logo { font-size: 200px; margin-left: 100px; margin-top: 85px; color: #efcf5f; }
#page-family .family-auth .head.success .icon-rr-family-text { opacity: 0; }
#page-family .family-auth form {display: block; left: 0; transition-property: margin-left, opacity, height; transition-duration: 1s, 0.3s, 3s; float: left; }
#page-family .family-auth form.success { margin-left: -350px; opacity: 0; height: 10px; }
#page-family .family-auth form .form-head { color: #58d793; margin: 0 0 0 50px; font-size: 18px; font-family: Helvetica, Arial; font-weight: lighter; }
#page-family .family-auth form input,
#page-family .family-auth form select { height: 40px; padding: 5px 18px; border-radius: 8px; font-size: 16px; font-weight: lighter; font-family: Helvetica, Arial; width: 250px; }
#page-family .family-auth form input#family_phone { padding: 5px 7px 5px 30px; }
#page-family .family-auth form select { width: 286px; height: 50px; }
#page-family .family-auth form label { font-size: 16px; display: block; line-height: 30px; color: white; font-family: Helvetica, Arial; font-weight: lighter; margin: 10px 0 0 45px; }
#page-family .family-auth form label input[type="checkbox"] { width: 14px; height: 14px; float: left; margin: 7px; }
#page-family .family-auth form label[for="family_phone"]:before { content: "+7"; position: absolute; z-index: 1; color: #A9A9A9; margin-top: 10px; margin-left: 8px; }
#page-family .family-auth form label[for="family_approve"] { font-size: 11px; }
#page-family .family-auth form label .open_agreement { cursor: pointer; border-bottom: 1px dotted white; }
#page-family .family-auth form input.invalid { box-shadow: 0 0 10px 3px #f87f7f; }
#page-family .family-auth form button { margin: 20px 0 0 50px; background-color: #27ab65; color: white; cursor: pointer; height: 50px; width: 285px; border-radius: 8px; font-size: 18px; font-family: Helvetica, Arial; font-weight: lighter; }
#page-family .family-auth form button:hover { background-color: #4fbb78; }
#page-family .family-auth .loading { display: none; opacity: 0; color: #58d793; font-size: 50px; margin-top: 63px; overflow: hidden; margin-left: 230px; float: left;
transition-property: opacity, margin-left; transition-duration: 0.3s, 0.5s; transition-delay: 0.5s, 0.1s; float: left; padding: 5px; }
#page-family .family-auth .loading.showed { display: block; opacity: 1; }
#page-family .family-auth .loading.closed { margin-left: -230px; opacity: 0; }
#page-family .family-auth .thanks-text { width: 510px; position: absolute; color: #58d793; margin: -40px 0 0 0; font-size: 22px; text-align: center; opacity: 0;
transition-property: opacity; transition-duration: 0.3s; transition-delay: 0.5s; }
#page-family .family-auth .thanks-text.active { opacity: 1; }
.user_agreement-back { z-index: 300; position: fixed; display: none; top:0px; left:0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
#page-family .user_agreement { z-index: 310; display: none; opacity: 0; position: absolute; background-color: rgba(255,255,255,1); padding: 20px; width: 700px; left: 50%; margin-left: -350px; margin-top: 20px; border-radius: 6px; }
#page-family .user_agreement .closer { float: right; font-size: 22px; cursor: pointer; color: #2c3548; }
#page-family .user_agreement, .user_agreement-back { transition: opacity 3s linear 0s;}
#page-family .user_agreement.show, .user_agreement-back.show { display: block; opacity: 1; }
#page-family .ui-autocomplete {position: absolute; top: 0; left: 0; cursor: default; }
#page-family .ui-autocomplete .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; }
#page-family .social_auth { margin: 0 0 0 50px; }
#page-family .social_auth > div { margin: 0 0 22px 0; cursor: pointer; background-color: #3173c1; float: left; color: white; text-align: center; width: 286px; height: 50px; line-height: 50px; font-size: 19px; font-family: Helvetica, Arial; font-weight: lighter; border-radius: 8px; }
#page-family .social_auth .auth_via_vk { margin-top: 20px; }
#page-family .social_auth .auth_via_fb { background-color: #3655a0; }
#page-test{
min-height: 950px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 200px;
}
#page-test article#login-screen {
display: block;
width: 600px;
height: 800px;
overflow: hidden;
}
#page-test article#login-screen .login-heder {
height: 133.33333333px;
margin: 15px;
text-align: center;
}
#page-test article#login-screen .login-heder h1 {
height: 88.88888889px;
text-align: center;
color: #506292;
font-size: 34.18803419px;
font-weight: normal;
line-height: 44.44444444px;
text-transform: uppercase;
}
#page-test article#login-screen .login-heder p {
height: 44.44444444px;
text-align: center;
color: #767676;
font-size: 17.09401709px;
font-weight: normal;
line-height: 44.44444444px;
}
#page-test article#login-screen .login-heder p .poll {
background-color: #7eb06b;
color: white;
padding: 5.55555556px 8.88888889px;
}
#page-test article#login-screen .login-box {
height: 606.66666667px;
border: 10px #506292 solid;
margin: 15px;
text-align: center;
overflow: hidden;
}
#page-test article#login-screen .login-box .login-info {
color: #506292;
font-size: 24.26666667px;
margin-top: 151.66666667px;
padding: 0 5%;
}
#page-test article#login-screen .login-box .auth-box {
background-color: #336fac;
width: 50%;
padding: 5% 0;
color: white;
margin: 30.33333333px auto;
cursor: pointer;
}
#page-test article#login-screen .login-box .fb {
background-color: #3c588c;
}
#page-test article#poll-screen {
display: none;
width: 600px;
height: 533.33333333px;
overflow: hidden;
}
#page-test article#poll-screen #username {
background-color: #6b82ae;
width: 600px;
height: 66.66666667px;
text-align: center;
color: white;
line-height: 66.66666667px;
font-size: 18px;
}
#page-test article#poll-screen .poll-position {
height: 320px;
margin: 15px;
border: 10px #506292 solid;
text-align: center;
color: #506292;
}
#page-test article#poll-screen .poll-position p {
margin-top: 64px;
font-size: 26.66666667px;
}
#page-test article#poll-screen .poll-position p.nums {
margin-top: 10.66666667px;
font-size: 128px;
}
#page-test article#poll-screen .poll-position p.nums span.all {
color: #c2c8d9;
}
#page-test article#poll-screen #player {
height: 80px;
margin: 15px;
}
#page-test article#poll-screen #player .play_pause {
width: 0;
height: 0;
border-style: solid;
border-width: 40px 0 40px 68px;
border-color: transparent transparent transparent #506292;
float: left;
}
#page-test article#poll-screen #player .play_pause.play {
width: 20px;
height: 80px;
border-width: 0;
border-color: #506292;
border-left: 20px solid #506292;
border-right: 20px solid #506292;
margin: 0 4.44444444px;
}
#page-test article#poll-screen #player .track_name {
width: 480px;
height: 53.33333333px;
color: #506292;
font-size: 26.66666667px;
float: right;
line-height: 53.33333333px;
}
#page-test article#poll-screen #player .volume_wrapper {
width: 30px;
float: right;
margin-top: 5px;
}
#page-test article#poll-screen #player .position {
height: 10px;
background-color: #cad3e4;
width: 360px;
float: right;
margin-top: 10px;
cursor: pointer;
}
#page-test article#poll-screen #player .position .buffer {
position: absolute;
background-color: #bfc8db;
height: 5.33333333px;
}
#page-test article#poll-screen #player .position .now {
position: absolute;
background-color: #506292;
height: 10px;
cursor: pointer;
}
#page-test article#poll-screen #player .nowtime {
height: 26.66666667px;
width: 100px;
float: right;
line-height: 26.66666667px;
text-align: center;
}
#page-test article#likes {
display: none;
width: 600px;
/*height: 216.66666667px;*/
background-color: #c3d0e8;
overflow: hidden;
color: white;
text-align: center;
cursor: pointer;
}
#page-test article#likes .negative {
width: inherit;
height: 80px;
background-color: #506292;
float: left;
}
#page-test article#likes .positive {
width: 100%;
height: 80px;
background-color: #5E77BB;
float: left;
}
#page-test article#likes .positive:hover{
opacity: 0.5;
}
#page-test article#likes .info {
width: 600px;
float: left;
font-size: 24.07407407px;
color: #506292;
line-height: 36.11111111px;
margin-top: 72.22222222px;
}
#page-test article#likes .question {
width: 600px;
float: left;
font-size: 25px;
color: #506292;
line-height: 36.11111111px;
margin-top: 15px;
margin-bottom: 15px;
}
#page-test article#likes .info span.secondsremain {
display: block;
font-size: 43.33333333px;
line-height: 43.33333333px;
}
#page-test article#likes .next {
width: 100%;
height: 100%;
background-color: #40a295;
font-size: 36.11111111px;
line-height: 216.66666667px;
}
#page-test article#likes.voting {
font-size: 30px;
line-height: 80px;
margin-top: 20px;
}
#page-test #likes.waiting {
background-color: white;
}
#page-test #likes.waiting .info {
display: block;
}
#page-test #likes.waiting .golos {
display: none;
}
#page-test #likes.waiting .question {
display: none;
}
#page-test #likes.waiting .next {
display: none;
}
#page-test #likes.waiting #away {
display: none;
}
#page-test #likes.voting #away {
display: block;
}
#page-test #likes.already #away {
display: block;
}
#page-test #likes.voting .info {
display: block;
}
#page-test #likes.voting .golos {
display: block;
}
#page-test #likes.voting .golos:hover{
display: block;
opacity: 0.5!important;
}
#page-test #likes.voting .next {
display: none;
}
#page-test #likes.already .info {
display: none;
}
#page-test #likes.already .question {
display: none;
}
#page-test #likes.already .golos {
display: none;
}
#page-test #likes.already .next {
display: block;
}
#page-test article#success {
display: none;
width: 600px;
height: 800px;
overflow: hidden;
background-color: #e9ecf5;
}
#page-test article#success .thanks {
text-align: center;
margin: 266.66666667px 5% 0;
font-size: 40px;
color: #506292;
}
#page-test article#away {
display: none;
background-color: #cad3e4;
height: 56px;
width: 600px;
text-align: center;
line-height: 50px;
}
#page-test article#away a {
text-decoration: none;
color: #506292;
font-size: 18px;
}
/*#page-test article#likes .positive{
border-top: 5px #506292 solid;;
}*/
#page-test .volume_wrapper div.icon path { fill: #b5b5b5; font-size: 18px; }
#page-test .volume_wrapper .active td.play_volume div.icon path { fill:#838587; }
#page-test .volume_wrapper .volume { display: none; width: 6px; height: 54px; margin: -5px auto 0; }
#page-test .volume_wrapper .volume .vol_zapo { position: absolute; width: 6px; height: 54px; background-color: #838587; }
#page-test .volume_wrapper .volume .vol_razd { position: absolute; width: 6px; height: 20px; background-color: #cfcfcf; }
#page-test .volume_wrapper .volume .vol_razd .circle { font-size: 9px; position: absolute; margin-left: -1px; line-height: 40px; color: #414345; margin-top: -2px; cursor: pointer;}
#page-test .volume_wrapper .volume .vol_clickable { position: absolute; width: 20px; height: 54px; margin-left: 1px; cursor: pointer;}
#page-test .volume_wrapper:hover div.icon { display: none; }
#page-test .volume_wrapper:hover div.volume { display: block; }
.news-detail{
padding: 35px;
line-height: 140%;
}
.news-detail h3{
color: black;
font-size: 22px;
line-height: 140%;
font-family: 'Open Sans';
margin-bottom: 20px;
}
#page-commercial{
font-size: 14px;
font-family: Arial, serif;
line-height: 140%;
}
.vacancy-detail{
line-height: 140%;
font-size: 14px;
}