@import url("reset.css");

body,html {height:100%}
a {color:#ffcc00}
body {color:#d6d6d6; background:#080808; font:13px "Trebuchet MS", Helvetica, sans-serif; background: url('https://www.radioroks.ua/images/bg.jpg') no-repeat scroll 50% 0px #080808; }
td,th {color:#d6d6d6; font:1em "Trebuchet MS", Helvetica, sans-serif}
input,textarea,option,select,button {color:#000; font:1em "Trebuchet MS", Helvetica, sans-serif}
#inline_program{display:none}
/* // ---- typography ---- // */

a {color:#fc0; text-decoration:underline}
a:hover {color:#fff}

.s-title {
    color: #ffffff;
    font-size: 15px;
    background-color: #3e3e3e;
    height: 28px;
    padding: 0 10px;
    margin-top: 10px;
	line-height: 30px;
}
	.s-title a {color:#ffcc00; text-decoration:none}
		.s-title a:hover {color:#fff}
	.s-title sup {position:relative; top:-8px; vertical-align:baseline; line-height:0; font-size:8px}

.m-title {color:#fc0; font:bold 36px "Calibri","Trebuchet MS", Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 10px}


.b-title {
    color: #ffffff;
    font-size: 15px;
    background-color: #3e3e3e;
    height: 17px;
    padding: 6px 10px 6px 10px;
    margin-top: 10px;
    font-weight: bold;
}

.b-title a {
	color: #FDCD01;
	font-size: 14px;
	font-weight: normal;
}

.b-title a:hover {
	color: #fff;
}

.content {
	max-width: 728px;
	width: 100%;
	/*background: #191919;*/
	padding-top: 5px;
}

.songFisrtLine {
    margin-bottom: 10px;
}

.songFisrtLine .time {
    float: left;
    margin-left: 3px;
}

.songFisrtLine .title {
    float: right;
    width: 215px;
    margin-right: 2px;
}

.songSecondLine {
	padding-left: 10px;
	color: #fdcd01;
}

#bottom_border {
	border-bottom: 1px solid #1B1B1B;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* -- ---- typography ---- -- */

#minWidth {
	position: relative;
    z-index: 8;
    width: 986px;
    margin: 0px auto;
    height: 122px !important;
    min-height: 122px !important; 
}
.top {width:1046px; margin:0 auto;}

.slogan{
	background: url('/static/img/header_icons_new/roks_slogan_new.png');
    width: 469px;
    height: 60px;
    position: absolute;
    top: 48px;
    left: 237px;
}

.b-preline {width:960px; margin:0 auto; padding-bottom:23px}
	.b-preline .b-audio {position:relative; float:right; width:300px; margin-top:-9px; z-index:80}
	.b-marquee {position:relative; float:left; font-size:12px; width:630px; z-index:50}
		.b-marquee .l-shd {position:absolute; z-index:6; top:-9px; left:-42px; width:94px; height:32px; background:url(../images/marquee-shd.png); clip:rect(auto auto auto 42px)}
		.b-marquee .r-shd {position:absolute; z-index:6; margin-left:100%; top:-9px; left:-42px; width:42px; height:32px; background:url(../images/marquee-shd.png) no-repeat}
		.b-marquee .b-marquee-i {position:relative; width:100%; overflow:hidden; white-space:nowrap; margin-top:-2px}

/* // ---- navigation ---- // */
.b-navigation {
	position:relative; 
	margin:0 auto;
}
	.b-navigation ul {position:relative; z-index:2; padding-left:2px}

	.b-navigation li {display:inline; font:16px/26px "Trebuchet MS", Helvetica, sans-serif}
		.b-navigation li a, .b-navigation li .hr {position:relative; float:left; color:#fc0; font-weight:normal; overflow:hidden; padding:0 15px; height:29px; text-decoration:none; margin-right:1px}
			.b-navigation li a span, .b-navigation li .hr span {position:relative; z-index:2}
		.b-navigation li i {position:absolute; top:0; left:-15px; background:url(../images/nav-bg.png) no-repeat; height:29px; visibility:hidden}
		.b-navigation li .hr, .b-navigation li a:hover {color:#fff; text-indent:0; text-decoration:none}
		.b-navigation li a:hover i, .b-navigation  li .hr i {visibility:visible}
		.b-navigation .l {width:100%}
		.b-navigation .r {margin-left:100%; width:15px}
	.b-navigation .pt {position:absolute; z-index:1; left:0; top:-7px; width:960px; height:45px; background:url(../images/nav-pt.png)}

.b-auth {position:relative; z-index:3; float:right; font-size:12px; padding:6px 22px 0 25px; background:url(../images/brd-auth.gif) no-repeat 0 7px; padding-bottom:1px}
	.b-auth a {color:#ffcc00; text-decoration:none; border-bottom:1px dashed #9aa2ad}
		.b-auth a:hover {color:#fff}
/* -- ---- navigation ---- -- */

.middle {width: 100%; max-width:986px; margin:0 auto; padding-bottom:140px}

/* // ---- border block ---- // */
.bd-tp {position:relative; z-index:3; display:block; height:3px; background-color:#000; font-size:1px; margin:0 1px}
	.bd-tp .l, .bd-tp .r {position:absolute; top:0; left:-4px; width:9px; height:9px; background:url(../images/bd-cr.png) no-repeat}
	.bd-tp .r {margin-left:100%; left:-14px; width:18px; clip:rect(auto auto auto 9px)}
.bd-bt {position:relative; z-index:3; display:block; height:5px; border-top:3px solid #000; font-size:1px; margin:0 6px 10px}
	.bd-bt .c {display:block; height:5px; background:url(../images/bd-bt-c.png)}
	.bd-bt .l, .bd-bt .r {position:absolute; top:-13px; left:-9px; width:9px; height:18px; background:url(../images/bd-cr.png) no-repeat; clip:rect(9px auto auto auto)}
	.bd-bt .l {clip:rect(9px auto auto auto)}
	.bd-bt .r {margin-left:100%; width:18px; clip:rect(9px auto auto 9px)}
.b-brd {position:relative; z-index:2; margin:0 -3px; border-left:3px solid #000; border-right:3px solid #000; background-color:#010101}
/* -- ---- border block ---- -- */

/* // ---- grids ---- // */
.grid-1 {}
	.grid-1 .l-col-1 {float:left; width:728px}
	.grid-1 .l-col-2 {float:right; width:240px}

.grid-2 {}
	.grid-2 .l-col-1 {float:left; width:300px}
	.grid-2 .l-col-2 {float:right; width:300px}

.grid-3 {}
	.grid-3 .l-col-1 {position:relative; float:left; width:240px; margin-left: 15px;}
	.grid-3 .l-col-2 {float:left; width:728px}
/* -- ---- grids ---- -- */

/* // ---- main announce ---- // */
.b-main-announce {}
	.b-main-announce .b-main-announce-i {position:relative; width:100%; height:360px; overflow:hidden}
	.b-main-announce-i ul {width:5000px}
		.b-main-announce-i li {position:relative; width:630px; height:360px}
		.b-main-announce-i .shad, .b-radioshow .ph .shad, .b-legends .shad {position:absolute; top:0; left:0; width:630px; height:360px; background:url(../images/bd-shd.png)}
	.b-main-announce-i .title {position:absolute; left:0; bottom:-1px; width:100%}
		.b-main-announce-i .title-i {color:#d3d3d3; font-size:12px; line-height:15px; background:url(../images/shad-bg.png); padding:13px 50px 13px 20px}
		.b-main-announce-i a {position:relative}
	.b-main-announce-i .date {font-size:1em; font-weight:bold}
		.b-main-announce-i .date big {position:absolute; left:15px; top:10px; font-size:36px; font-weight:bold; line-height:normal;text-align:right; width:46px}
	.b-main-announce-i h3 {font:bold 30px/33px 'Calibri',"Trebuchet MS", Helvetica, sans-serif; padding-bottom:1px}
		.b-main-announce-i h3 a {text-decoration:none}
	.navigator {position:absolute; font:8px Arial; z-index:91; top:4px; right:5px}
		.navigator li {float:left; padding-right:2px}
		.navigator span {position:relative; z-index:3}
		.navigator a {position:relative; display:block; color:#000; width:16px; height:16px; line-height:15px; padding-right:1px; overflow:hidden; text-align:center; text-decoration:none}
			.navigator a i {position:absolute; top:0; left:0; width:16px; height:48px; background:url(../images/navigator-bg.png)}
			.navigator a:hover {color:#d6d6d6; text-indent:0}
			.navigator a {color:#d6d6d6; text-indent:0}
				.navigator a:hover i {top:-16px}
			.navigator .current {color:#fff !important; text-indent:0}
				.navigator .current i {top:-32px !important}
/* -- ---- main announce ---- -- */

/* // ---- news horizontal ---- // */
.b-newshorz {position:relative; color:#d3d3d3; font-size:12px; line-height:15px; padding:4px 0 25px 5px; width:625px}
	.b-newshorz .p-l-ar {left:-8px; top:42px}
	.b-newshorz .p-r-ar {left:-2px; top:42px}
	.b-newshorz .pt {position:absolute; z-index:2; left:-14px; top:0; width:662px; height:107px; background:url(../images/newshorz-bg.png)}
	.b-newshorz-i {position:relative; z-index:6; width:100%; overflow:hidden; padding-top:7px}
		.b-newshorz-i ul {width:5000px}
			.b-newshorz-i ul li {float:left; width:199px; padding:0 31px 0 95px; height:auto !important; height:83px; min-height:83px;}
		.b-newshorz-i .img-cover {position:relative; float:left; left:-92px; margin-right:-92px}
			.b-newshorz-i .img-cover .b {position:absolute; top:-3px; left:-3px; width:86px; height:86px; background:url(../images/cover-bg.png)}
	.b-newshorz-i .date {position:relative; display:block; color:#747474; font-size:11px; margin-top:-4px}
	.b-newshorz-i h3 {padding-bottom:5px}

.h-news-prev {padding-left:12px; padding-bottom:5px}
/* -- ---- news horizontal ---- -- */

/* // ---- legends ---- // */
.b-legends {height:289px; overflow:hidden}
	.b-legends .title {position:absolute; left:0; bottom:-1px; width:100%}
	.b-legends .title-i {color:#d3d3d3; font-size:12px; line-height:15px; background:url(../images/shad-bg.png); padding:10px 12px}
	.b-legends a {position:relative}
	.b-legends h3 {font-size:17px; line-height:normal; padding-bottom:4px}
		.b-legends h3 a {text-decoration:none}
/* -- ---- legends ---- -- */

/* // ---- know how ---- // */
.b-knowhow {color:#d3d3d3; font-size:12px; line-height:15px; background:#000 url(../images/knowhow-bg.jpg) no-repeat 0 0; padding:6px 10px 8px}
	.b-knowhow .img-cover {position:relative; float:left; margin:3px 14px 0 0}
		.b-knowhow .img-cover .b, .b-afisha .img-cover .b {position:absolute; top:-3px; left:-3px; width:86px; height:86px; background:url(../images/cover-bg.png)}
	.b-knowhow .b-tx {overflow:hidden}
	.b-knowhow p {padding-bottom:5px}
	.b-knowhow h3 {padding-bottom:5px}
	.b-knowhow .flash {padding-bottom:7px}
/* -- ---- know how ---- -- */

/* // ---- afisha ---- // */
.b-afisha {color:#d3d3d3; font-size:12px; line-height:15px; background:#000 url(../images/afisha-bg.jpg)}
	.b-afisha .lst {border-bottom-width:0}
	.b-afisha li {position:relative; padding:2px 10px 8px 150px; border-bottom:1px solid #181818; height:auto !important; height:86px; min-height:86px}
	.b-afisha .date {position:absolute; }
	.b-afisha .img-cover {position:absolute; top:8px; left:56px}
	.b-afisha h3 {font-size:17px; line-height:normal; padding-bottom:5px}
		.b-afisha h3 a {color:#fc0; text-decoration:none}
			.b-afisha h3 a:hover {color:#fff}
	.b-afisha .date {position:absolute; left:5px; font-size:12px; text-align:right}
		.b-afisha .date big {font-size:36px; line-height:38px}
/* -- ---- afisha ---- -- */

/* // ---- calendar ---- // */
.b-calendar {background:#000 url(../images/calendar-bg.jpg); padding:9px 0 12px}
	.b-calendar h3 {text-align:center; color:#d3d3d3; font-size:18px; font-weight:normal; padding-bottom:5px}
	.b-calendar .ar-p {top:5%; margin-top:3px}
	.b-calendar .p-l-ar {left:10px}
	.b-calendar .p-r-ar {left:-17px}
	.b-calendar table {width:218px; border-collapse:separate; border-spacing:1px; margin:0 auto}
		.b-calendar table td {color:#696969; font-size:12px; width:14%; background-color:#0c0c0c; text-align:center; padding:1px}
		.b-calendar table .hr {color:#fc0}
		.b-calendar table th {font-size:12px; width:14%; text-transform:lowercase; text-align:center; padding:1px}
		.b-calendar table .pmt {background-color:#111}
		.b-calendar a {color:#ffcc00}
			.b-calendar a:hover {color:#fff}
/* -- ---- calendar ---- -- */

/* // ---- radio show ---- // */
.b-radioshow {color:#d3d3d3; font-size:12px}
	.b-radioshow .ph {position:relative; overflow:hidden; width:100%; width:300px; min-height:250px; background:#000 url(../images/announce-bg.jpg) center 0px;}
	.b-radioshow .ph-title { position:absolute; font:bold 18px Calibri, 'Trebuchet MS'; padding:5px 10px; backgr ound:url(../images/shad-bg.png); width:100%;}
	.b-radioshow .ar-p {top:50%; margin-top:3px}
	.b-radioshow .p-l-ar {left:10px}
	.b-radioshow .p-r-ar {left:-17px}
	.b-radioshow .b-cont {position:relative; background-color:#080808; padding:10px 32px 15px; margin:0}
		.b-radioshow .b-cont h3 {position:relative; color:#747474; margin-left:-20px; font-size:11px; font-weight:normal; text-transform:uppercase; padding-bottom:3px}
		.b-radioshow .b-cont h4 {padding-bottom:2px}
/* -- ---- radio show ---- -- */

/* // ---- song hour ---- // */
.b-songhour {background:#000 url(../images/chart-bg.jpg)}
	/*.b-songhour a:hover {color:#d3d3d3}*/
	.b-songhour table {width:100%}
		.b-songhour table td, .b-songhour table th {font-size:12px; border-bottom:1px solid #1b1b1b; vertical-align:top}
		.b-songhour table td {padding:5px 10px 6px; width:100%}
		.b-songhour table th {color:#666; padding:5px 0 6px 14px}
	.b-songhour .lst td, .b-songhour .lst th {border-bottom-width:0}
/* -- ---- song hour ---- -- */

/* // ---- song hour ---- // */
.bp-songhour {margin:0 10px;}
	.bp-songhour a:hover {color:#d3d3d3}
	.bp-songhour table {width:100%}
		.bp-songhour table td, .bp-songhour table th {font-size:12px; border-bottom:1px solid #1b1b1b; vertical-align:top}
		.bp-songhour table td {padding:5px 10px 6px; width:100%}
		.bp-songhour table td a {color:#fc0; text-decoration:underline}
		.bp-songhour table td a:hover {color:#fff}
		.bp-songhour table th {color:#3d3d3d; padding:5px 0 6px 14px}
	.bp-songhour .lst td, .bp-songhour .lst th {border-bottom-width:0}
/* -- ---- song hour ---- -- */

.h-sbn {padding-top:10px;position: relative;    z-index: 1;}
	.h-sbn .l, .h-sbn .r {background:url(../images/bd-cr-1.png) no-repeat}
	.h-sbn .bd-tp {background-color:#202020}
	.h-sbn .bd-bt {border-top-color:#202020}
	.h-sbn .b-brd {border-left-color:#202020; border-right-color:#202020}
	.h-sbn .bd-bt .c {background-image:url(../images/bd-bt-c-1.png)}
.fixed-stop{position: fixed;top: 45px;    height: 620px;width: 300px;}

.bottom {position:relative; z-index:10; font-size:12px; width:958px; margin:-120px auto 0; height:55px; padding:15px 11px 0}
	.bottom .l-col-1 {float:left; width:100%;margin-left: 5px;}
	.bottom .l-col-2 {float:right; color:#d6d6d6; width:350px; text-align:right}
		.bottom .l-col-2 a {color:#ffcc00}
	.bottom a {color:#fc0}
		.bottom a:hover {color:#fff}
		.bottom a {color:#ffcc00}

.footer {
	margin-top: 20px;
	border-top: 1px solid #262626;
	width: 100%;
	/*background-color: #262626;*/
	height: 77px;
}
/* // ---- navigation ---- // */
.b-sidenav {padding-bottom:10px}
	.b-sidenav li {padding-bottom:1px}
	.b-sidenav a, .b-sidenav .hr {display:block; padding:5px 15px 6px; font-weight:normal}
	.b-sidenav a:hover, .b-sidenav .hr {color:#d4d4d4; background-color:#191919; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; text-decoration:none}
/* -- ---- navigation ---- -- */

.b-cont {
	/*background-color:#191919; */
	padding:8px 20px 10px;
	margin-bottom:17px;
padding-right: 1px;
}
	.b-cont h2 {color:#d4d4d4; font:bold 30px/1em "Calibri", "Trebuchet MS", Helvetica, sans-serif; padding-bottom:5px}
	.b-cont h1 {color:#d4d4d4; font:bold 30px/1em "Calibri", "Trebuchet MS", Helvetica, sans-serif; padding-bottom:5px}
        .b-count a{color: #ffcc00}
/* // ---- for editor ---- // */
.for-editor {line-height:18px;}
	.for-editor .date {position:relative; margin-top:-9px; color:#747474}
	.for-editor .big {color:#d3d3d3; font-weight:bold}
	.for-editor p {padding-bottom:18px}
	.for-editor	ul	{ margin:0px 30px}
		.for-editor	ul	LI	{ list-style-type:disc; padding:0 0px 8px;}
	.for-editor	ol	{ margin:0px 30px}
		.for-editor	ol	LI	{ list-style-type:decimal; padding:0 0px 8px;}
	.for-editor h3 {clear:both; color:#595959; font:bold 24px "Calibri", "Trebuchet MS", Helvetica, sans-serif; padding-bottom:11px; padding-top:5px}
	.for-editor a {color:#ffcc00}
		.for-editor a:hover {color:#fff}
		.for-editor a {color:#ffcc00}
	.for-editor .big-photo {position:relative; margin:0 -20px; padding-bottom:35px; text-align:center}
		.for-editor .big-photo img {border:3px solid #000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px}
	.for-editor .time-air {position:relative; margin-top:-9px; color:#d3d3d3; font-size:13px; padding-bottom:32px}
		.for-editor .time-air sup {position:relative; top:-6px; line-height:0; vertical-align:baseline; font-size:9px}
	.for-editor .img-left {position:relative; float:left; border:3px solid #000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin:0 16px 10px -9px}
        .for-deitor p a {color: #ffcc00}
/* -- ---- for editor ---- -- */

/* // ---- gallery line ---- // */
ul.b-gallery {position:relative; background-color:#131313; padding:8px 10px 0 0; margin:0 -9px 10px -8px}
	ul.b-gallery li {float:left; padding: 0 0px 15px 0px; margin: -10px 12px 10px 13px;; background-image:none; list-style-type:none}
	ul.b-gallery li a {border:3px solid #262626; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
ul.b-gallery li {width: 114px;height: 86px;}
ul.b-gallery li a {width: 114px;height: 86px; display: inline-block; text-align: center;}
/* -- ---- gallery line ---- -- */


.b-ev-list {color:#d3d3d3; font-size:12px; line-height:15px}
	.b-ev-list li {padding:0 0 15px 95px; height:auto !important; height:89px; min-height:89px}
	.b-ev-list .img-cover {position:relative; float:left; left:-95px; margin-top:4px; margin-right:-95px}
		.b-ev-list .img-cover .b {position:absolute; top:-3px; left:-3px; width:86px; height:86px; background:url(../images/cover-bg.png)}
	.b-ev-list .date {position:relative; display:block; color:#747474; font-size:11px; margin-top:-4px}
	.b-ev-list h3 {padding-bottom:5px}

/* // ---- news col ---- // */
.b-news-col {position:relative; margin-left:-30px; margin-right:-20px; padding:14px 0}
	.b-news-col .col {float:left; width:294px; padding-left:30px; }
/* -- ---- news col ---- -- */

/* // ---- pages ---- // */
.b-pages {position:relative; font-size:11px; background-color:#131313; margin:0 -9px 10px; padding:5px 9px}
	.b-pages a, .b-pages span {display:-moz-inline-stack; display:inline-block; color:#b4b4b4; padding:2px 4px; margin-right:2px}
	.b-pages a:hover, .b-pages .hr {color:#4a4a4a; background-color:#191919; text-decoration:none}
	.b-pages .prev-next {float:right; color:#4a4a4a; padding:2px 0; margin-right:0}
		.b-pages .prev-next a {padding:0; text-decoration:none}
			.b-pages .prev-next a span {padding:0; text-decoration:underline}
			.b-pages .prev-next a:hover {background-color:transparent;color: #ffcc00}
			.b-pages .prev-next a {color: #ffcc00}
				.b-pages .prev-next a:hover span {color:#4a4a4a}
				.b-pages .prev-next a span {color:#ffcc00}
/* -- ---- pages ---- -- */

.back-to {position:relative; z-index:3; margin-top:-7px; margin-left:12px; float:left; font:13px 'Times New Roman'; text-decoration:none; padding-bottom:1px}
	.back-to span {font:11px 'Trebuchet MS'; border-bottom:1px solid}
.link-top {position:relative; margin-top:-7px; font:13px 'Times New Roman'; text-align:right; padding:0 10px 10px}
	.link-top a {text-decoration:none}
		.link-top span {font:11px 'Trebuchet MS'; border-bottom:1px dashed}

/* // ---- announce list ---- // */
.b-annce-list {position:relative; margin:0 -10px 0 -17px}
	.b-annce-list li {display:-moz-inline-stack; display:inline-block; vertical-align:top; width:320px; padding:0 0 4px 34px}
	.b-annce-list .b-brd {height: auto; background:url(../images/announce-bg.jpg)}
	.b-annce-list .shd {/*position:absolute; top:0; left:0; width:100%; height:289px; background:url(../images/bd-shd.png)*/}
	.b-annce-list a {position:relative; color:#ffcc00}
		.b-annce-list a:hover {color:#fff}
	.b-annce-list .title {position:absolute; left:0; bottom:-1px; width:100%}
		.b-annce-list .title-i {color:#d3d3d3; font-size:12px; line-height:15px; background:url(../images/shad-bg.png); padding:8px 8px 2px;}
	.title-i p {margin-bottom: 5px;}
	.b-annce-list h3 {font:bold 17px/20px 'Calibri',"Trebuchet MS", Helvetica, sans-serif; padding-bottom:6px}
		.b-annce-list h3 a {color:#ffcc00; text-decoration:none}
	.b-annce-list .c-g {color:#696969}
	.b-brd img {width: 320px !important; height: auto !important;}
/* -- ---- announce list ---- -- */

A.b-send-letter {


/*        border: solid 1px;*/
	position:relative; z-index:3; float:right; font-size:12px; font-weight:bold; width:71px; height:18px;
	background:url(../images/Roks_small_letter.png) no-repeat;
	margin:-1px -10px 0 0; text-align:center; text-decoration:none; padding-top:20px;
	}
	.b-send-letter span {border-bottom:1px dashed;visibility:hidden}
A.b-send-letter:hover {background:url(../images/Roks_small_letter.png) no-repeat;}

.bl-let-index	{ height:0px}
A.let-index	{ margin-top:-10px; clear:both}

/* // ---- expand title ---- // */
.expand-cont {position:relative; background:url(../images/brd.gif) repeat-x 0 100%; margin:0 -10px 16px; padding:0 10px 2px}
	.expand-cont .expand-cont-i {display:none; padding-bottom:20px}
	.expand-cont h5 {color:#6c6c6c; font-size:11px; font-weight:normal; text-transform:uppercase; padding:0 0 6px}
.exp-title {font-size:13px}
	.exp-title a {color:#ffcc00; text-decoration:none}
		.exp-title a .ar {display:-moz-inline-stack; display:inline-block; vertical-align:top; width:19px; height:21px; background:url(../images/exp-ar.png) no-repeat -19px 0; margin-left:3px}
		.exp-title a span {border-bottom:1px dashed}
		.exp-title a:hover {color:#fff}
		.exp-title a {color:#ffcc00}
			.exp-title a:hover .ar {background-position:-38px 0}
		.active-expand .ar {background-position:0 0 !important}
.b-showtime {position:relative; margin:0 -10px; background-color:#131313; padding:7px 36px 6px}
	.b-showtime .ar-p {top:50%; margin-top:-8px}
	.b-showtime .p-l-ar {left:12px}
	.b-showtime .p-r-ar {left:-19px}
	.b-showtime-mp3	{ margin-top:10px}
	.b-showtime .b-showtime-i {position:relative; font-size:10px; line-height:12px; width:100%; overflow:hidden}
		.b-showtime ul {width:5000px; list-style-type:none; margin:0  }
		.b-showtime ul li {list-style-type:none !important; padding:0}
		.b-showtime li {float:left; padding:0 2px; width:90px; list-style-type:none}
		.b-showtime li a, .b-showtime li .hr {position:relative; display:block; color:#d6d6d6; font-weight:normal; background:url(../images/showtime-hr.png) no-repeat 0 -55px; padding:12px 0 0 58px; text-decoration:none; height:43px}
		.b-showtime li a:hover, .b-showtime li .hr {color:#d6d6d6; text-indent:0; background-position:0 0}
		.b-showtime big {position:absolute; left:0; top:8px; width:52px; color:#fc0; font-size:36px; line-height:36px; font-weight:bold; text-align:right}
/* -- ---- expand title ---- -- */

ul.b-author-ul {font-size:12px; line-height:15px; padding:3px 0 0; margin:0}
	ul.b-author-ul li {display:-moz-inline-stack; display:inline-block; width:296px; padding:0 0 20px; margin:0 -4px 0 0; vertical-align:top}
	ul.b-author-ul .i {position:relative; padding-left:92px; padding-right:20px}
	ul.b-author-ul .img-cover {position:relative; float:left; left:-92px; margin-right:-92px}
		ul.b-author-ul .img-cover .b {position:absolute; top:-3px; left:-3px; width:86px; height:86px; background:url(../images/cover-bg.png)}
	ul.b-author-ul h4 {font:bold 18px/20px 'Calibri',"Trebuchet MS", Helvetica, sans-serif; padding-bottom:4px}
		ul.b-author-ul h4 a {color:#fc0; text-decoration:none}
			ul.b-author-ul h4 a:hover {color:#fff}
	ul.b-author-ul p {padding-bottom:0}

/* // ---- forms ---- // */
.b-forms {}
	.b-forms h3 {clear:both; color:#595959; font:bold 24px "Calibri", "Trebuchet MS", Helvetica, sans-serif; padding-bottom:11px; padding-top:5px}
	.b-forms table {width:100%}
		.b-forms th {vertical-align:top; padding:5px 15px 12px 38px; white-space:nowrap}
		.b-forms td {vertical-align:top; padding-bottom:12px; width:100%}
		.b-forms .i-p {color:#d6d6d6; border-width:0; background-color:#3f3f3f; padding:5px 1px 5px 6px; width:393px}
		.b-forms .alert {background-color:#3c3333; border:1px dashed #d93c3c}
		.b-forms textarea.i-p {height:129px}
		.b-forms-alert	label{ color:#ce5a5a}
		.b-forms-alert	span{ color:#ffcc00}
		.login-form-alert	label{ color:#ce5a5a}
		.login-form-alert	span{ color:#ffcc00}
	.b-forms #captimg {float:left; margin-right:4px}
	.b-forms .capt-ip {float:left; width:173px}
	.b-forms .lbl {padding-bottom:5px}
	.b-forms .btn {padding-top:10px; text-align: center; padding-right: 85px;}
	.b-forms .btn-style {cursor:pointer; cursor:hand; color:#959595; font-size:12px; border:1px solid #000; overflow:visible; width:auto; background:url(/static/img/send-but.png) no-repeat; height:26px; width: 86px; padding:0 30px}
	.b-forms .btn-style-ua {cursor:pointer; cursor:hand; color:#959595; font-size:12px; border:1px solid #000; overflow:visible; width:auto; background:url(/static/img/send_btn_ukr.png) no-repeat; height:32px; width: 125px; padding:0 30px}
	.b-forms .btn-style2 {cursor:pointer; cursor:hand; color:#959595; font-size:12px; border:1px solid #000; overflow:visible; width:auto; background:url(../images/btn-2.png) no-repeat 50% 0; height:32px; padding:0 30px}
		/*.b-forms .btn-style:hover, .b-forms .hoverbtn {background-position:50% -30px}*/
/* -- ---- forms ---- -- */

/* // ---- side search music ---- // */
.b-valtr {padding:17px 8px 0 9px; background:#191919 url(../images/valtr-bg.png)}
.b-search {padding-bottom:7px}
	.b-search .i-p {float:left; background:#e0e0e0; border-width:0; width:248px; padding:4px 30px 6px 5px; margin-right:-26px}
	.b-search .btn {position:relative; float:left; margin-top:5px}

.b-alphabet {color:#f8f8f8; padding-bottom:10px; text-transform:uppercase}
	.b-alphabet li {float:left; padding-right:7px; padding-bottom:2px}

.b-letter-music {color:#f8f8f8; position:relative; font-size:12px; line-height:22px; padding:14px 0 10px 50px}
	.b-letter-music dt {position:absolute; top:7px; left:0; width:35px; height:35px; color:#fff; font-size:18px; background:url(../images/alphabet-letter.png); text-align:center; line-height:35px}

/* -- ---- side search music ---- -- */

.b-contact-page {padding:5px 0 0 26px}
	.b-contact-page p {padding-bottom:15px}
	.b-contact-page .dashed {text-decoration:none; border-bottom:1px dashed}
	.b-contact-page a {color:#fc0}
		.b-contact-page a:hover {color:#fff}

.b-peoples-work {color:#d2d7e0; line-height:16px; padding:10px 0 10px 38px}
	.b-peoples-work li {padding:0 0 18px 69px}
	.b-peoples-work .img-cover {position:relative; float:left; left:-69px; margin-right:-69px; width:60px; margin-top:3px}
	.b-peoples-work .img-cover .op-b {position:absolute; left:0; top:0; border:3px solid #fff; width:54px; height:54px; -moz-opacity:0.5; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'}

/* // ---- timetable ---- // */
.b-timetable {border-top:1px dotted #111; margin-top:10px}
	.b-timetable li {padding-top:1px; border-top:1px dotted #262626;border-bottom:1px dotted #111; background:#121212}
	.b-timetable .i {padding:14px 11px 14px;}
	.b-timetable .time {color:#666; font-size:18px; width:120px; padding-right:8px;}
	.b-timetable h3 { font:18px "Trebuchet MS"; font-weight:normal; width:400px; text-tran sform:uppercase;position:relative; margin-left:130px; margin-top:-27px;}
	.b-timetable h3	A	{ color:#FFCC00}
	.b-timetable .txt {width:400px; line-height:13px;margin-left:130px; margin-top:-5px; font-size:12px}
	.b-timetable .active-time {}
		.b-timetable .active-time .i {background:#262626}
		.b-timetable .active-time .time {color:#fff}
/* -- ---- timetable ---- -- */
.m-snav-1 {font-size:12px}
	.m-snav-1 a {color:#ffcc00}
	/* // ---- sub nav ---- // */
.sub-nav {position:relative; margin-top:23px; padding-bottom:23px}
	.sub-nav a {color:#ffcc00}
	.sub-nav li {float:left; padding:2px 11px 3px; height:auto !important; min-height:18px; height:18px; margin-bottom:2px; line-height:18px; }
		.sub-nav .hr {color:#fff; background-color:#262626; -moz-border-radius:7px; -webkit-border-radius:7px}
		.sub-nav .hr a {color:#ffcc00}

/* -- ---- sub nav ---- -- */

.bannim	{ min-height:10px}
.pl-lnk	{ text-align:right; font-size:10px; position:relative; margin:0 0 -17px; padding:26px 12px 0px 0}
.pl-lnk	IMG	{ margin:3px 0 3px 27px;}

.songhour-note	{ padding:5px 10px; font-size:11px; color:#d6d6d6; background:#000}
.dsbl	{ visibility:hidden}







#geoBlock{
    z-index: 15;
    background-image: url(https://www.radioroks.ua/images/geo/first_geo_bg.gif);
    width:228px;
    height:60px;
}


#geoSelect{
	cursor: pointer;
	background: #191919;
	border: 1px solid #272727;
	display: none;
	width: 238px;
	font-size: 15px;
	height: 29px;
	padding-top: 8px;
	text-align: center;
}
#geoSelectActive{
	position: absolute;
	display: none;
	margin-top: 12px;
	margin-left: -1px;
	border: 1px solid #727272;
	z-index: 12;
	width: 238px;
	background-color: #FFF;
	text-align: left;
}
#geoSelectActiveUl{
    list-style-type: none;
    cursor: pointer;
    color:#d6d6d6;
    background-color: #3e3e3e;
}

#geoSelectActiveUl li{
    font-weight: bold;padding-left: 15px;height: 18px;
}
#geoSelectActiveUl li:hover {
    background-color: #836d27;
}
.geoSelectActiveUlSub{
    list-style-type: none;
    display: none;
    font-weight: normal;
    margin-left: 15px;
}
#geoCaption{
    padding-top: 3px;padding-left: 9px; cursor: pointer;
}

#geoSelectNo{
	cursor: pointer;
	background: #191919;
	border: 1px solid #272727;
	display: none;
	width: 100%;
	font-size: 15px;
	height: 29px;
	padding-top: 8px;
	text-align: center;
}
.help{
	display: block;
	cursor: pointer;
	background: #191919;
	border: 1px solid #272727;
	width: 100%;
	font-size: 15px;
	padding-top: 8px;
	text-align: center;
	margin-bottom: 6px;

}
.help a{
	text-decoration: none;
	font-size: 24px;
	padding: 7px 40px 30px;
}
.help p{
	margin-bottom: 9px;
	margin-top: -8px;
}
.mpb{position: fixed;right: 0px;top: 164px;width: 129px;cursor: pointer;z-index: 9;}
.mpb-top{background-image: url('https://www.radioroks.ua/images/mpb/roks_minic_top.png');}
.mpb-mid{background-image: url('https://www.radioroks.ua/images/mpb/rokc_minic_middle.png');}
.mpb-bot{background-image: url('https://www.radioroks.ua/images/mpb/roks_minic_bottom.png');}
.mpb-item{display: block; text-decoration: none;width:129px;height:44px;color:#3c3c3c;font-size: 14px;padding-left: 11px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;font-weight: bold;line-height: 14px;}
.mpb-item:hover{color: #000;text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;}
.mpb-s2{height: 6px;width: 1px;}
.mpb-s1{height: 12px;width: 1px;}

#slide_menu {
    display: block;
}

#slide_btn {
    cursor: pointer;
    background-image: url('https://www.radioroks.ua/images/mpb/slider_hide_ua.png');
    position: fixed;
    right: 0px;
    top: 141px;
    width: 81px;
    height: 23px;
    z-index: 10;
}

.vkConteiner{
    display: none;
    height: 370px;
}
.fbConteiner{
    display: block;
    height: 370px;
}
.twConteiner{
    display: none;
    height: 370px;
}
.okConteiner{
    display: none;
    height: 370px;
}
.sButton{
    width: 119px;
    height: 28px;
    float: left;
    margin-right: 1px;
}
.vkact{background: url('/static/img/icon/vk_new_tab_notactiv.png') top no-repeat;cursor: default;}
.vkunact{background: url('/static/img/icon/vk_new_tab_activ.png') top no-repeat;cursor: pointer;}

.fbact{background: url('/static/img/icon/fb_new_tab_notactiv.png')top no-repeat;cursor: default;}
.fbunact{background: url('/static/img/icon/fb_new_tab_activ.png')top no-repeat;cursor: pointer;}

.okact{background: url('https://www.radioroks.ua/images/btn/ok_activ_tab.png')top no-repeat;cursor: default;}
.okunact{background: url('https://www.radioroks.ua/images/btn/ok_standart_tab.png')top no-repeat;cursor: pointer;}

#vk_groups iframe{height: 370px !important;}

.vticket {
	margin-left: 160px;
	height: 80px;
	cursor: pointer;
	background: url(https://v-ticket.com.ua/static/img/widget/buy.png) no-repeat;
}
.but-roks-player-main {
	background: url('/static/img/listen_radioroks_btn.png?a=1') no-repeat;
	width: 302px;
	height: 48px;
}
.but-roks-player-main:hover {
	background: url('/static/img/listen_radioroks_btn_over.png?a=1') no-repeat;
}

.but-roks-player-kamtugeza {
	background: url('/static/img/listen_kamtugeza_btn.png') no-repeat;
	width: 153px;
	height: 27px;
}
.but-roks-player-kamtugeza:hover {
	background: url('/static/img/listen_kamtugeza_btn_over.png') no-repeat;
}

.but-roks-player-hardnheavy {
	background: url('/static/img/listen_hardnheavy_btn.png') no-repeat;
	width: 101px;
	height: 25px;
}
.but-roks-player-hardnheavy:hover {
	background: url('/static/img/listen_hardnheavy_btn_over.png') no-repeat;
}

.but-roks-player-concert {
	background: url('/static/img/listen_rock_concert_btn_3.png') no-repeat;
	width: 149px;
	height: 27px;
}
.but-roks-player-concert:hover {
	background: url('/static/img/listen_rock_concert_btn_3_over.png') no-repeat;
}

.but-roks-player-beatles {
	background: url('/static/img/listen_beatles_btn.png') no-repeat;
	width: 101px;
	height: 25px;
}
.but-roks-player-beatles:hover {
	background: url('/static/img/listen_beatles_btn_over.png') no-repeat;
}

.but-roks-player-rksballads {
	background: url('/static/img/listen_rockballads_btn.png?a=1') no-repeat;
	width: 100px;
	height: 25px;
}
.but-roks-player-rksballads:hover {
	background: url('/static/img/listen_rockballads_btn_over.png?a=1') no-repeat;
}


.close {
    text-align: right;
    margin: -7px auto 0;
    width: 940px;
}
.close img {
    width: 15px;
    cursor: pointer;
}
.header-bar-search {
    position: relative;
    z-index: 2;
    top: 2px;
}

.header-bar-search-icon {
    background-position: 0px -1px;
    float: left;
    width: 22px;
    height: 18px;
    background: url('/static/img/header_icons_new/search_icon.png');
    float: left;
    margin-right: 36px;
}
.header-bar-search-text {
    padding: 2px 4px;
    border: 1px solid #626262;
    border-right: none;
    float: left;
    height: 14px;
    color: #8c8c8c;
    background: #131313 !important;
}
.header-bar-search-text::-webkit-input-placeholder {
    color: #8c8c8c;
}
.header-bar-search-text:-moz-placeholder {
    color: #8c8c8c;
}
.header-bar-search-text::-moz-placeholder {
    color: #8c8c8c;
}
.header-bar-search-text:-ms-input-placeholder {
    color: #8c8c8c;
}

.gsc-search-box, .gcsc-branding {
    display: none;
}

a.gs-title, a.gs-title b {
    color: #fc0 !important;
    font-size: 18px !important;
    font-weight: bold;
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
    color: #fc0 !important;
    font-size: 11px !important;
}
.gs-result .gs-snippet, .gs-result .gs-snippet b {
    color: #fff !important;
}
.gsc-result-info {
    color: #fc0 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #fff !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color: #fc0 !important;
}
.gs-snippet {
    border: 0px !important;
    color: #fff !important;
}

.gsc-webResult .gsc-result {
	border-bottom: 1px solid #747474 !important;
}
.socialb {
    padding: 10px 0;
}
.play-button-youtube {
    background-image: url('/static/img/play-but.png');
    width: 23px;
    height: 24px;
    float: left;
    cursor: pointer;
}

.player-popup {
    display: none;
    background: #ccc;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0.7;
    overflow:hidden;
    margin:0 auto;
}

.popup-container {
	display: none;
	background: #ccc;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0.7;
	overflow:hidden;
	margin:0 auto;
}

.login-close {
	position: absolute;
	top: 3px;
	right: -2px;
	background: url('/static/img/close_btn_2.png') no-repeat;
	width: 21px;
	height: 21px;
	cursor: pointer;
	z-index: 122;
}

.player-content {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.login-popup {
	display: none;
	background-color: #191919;
	left: 50%;
	margin-left: -364px;
	padding: 21px;
	position: absolute;
	top: 50px;
	width: 728px;
	z-index: 103;
	min-height: 354px;
}

.player-y {
   	background-color: #fff;
    padding: 11px 21px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 768px;
    height: 585px;
    z-index: 103;
}

#player-y {
    text-align: center;
}

.player-y .social-likes__widget, .fancybox-social-widgets .social-likes__widget {
	background: #fff;
	color: #000;
}

.social-likes_notext .social-likes__button {
	min-height: 18px;
}

.social-likes_notext .social-likes__widget {
	margin: 0 !important;
	margin-left: 2px !important;
}

/*.right-share-widget .social-likes__widget {
	width: 47%;
	float: left;
	margin: 0;
	margin-left: 5px !important;
	margin-bottom: 4px;
}*/

.player-close {
    position: absolute;
    top: 8px;
    right: -2px;
    background: url('/static/img/close_btn_2.png') no-repeat;
    width: 21px;
    height: 21px;
    cursor: pointer;
    z-index: 122;
}
.bold {
	font-weight: bold;
}
#player-title {
	color: #000;
}
.kamtugeza-btn {
	background: url('/static/img/sprites/kamtugeza_btn_sprite.png') no-repeat transparent;
	width: 128px;
	height: 29px;
	cursor: pointer;
	display: block;
	margin-top: -2px;
	margin-left: 10px;
 }

 .kamtugeza-btn:hover {
	background-position: 0 -30px;
 }

 .activ .kamtugeza-btn {
     background: url('/static/img/kamtugeza_btn_title_over.png') no-repeat transparent;
     cursor: default;
 }

 .shop-btn {
     background: url('/static/img/roksshop_btn_title.png') no-repeat scroll 50% 50% transparent;
     width: 155px;
     height: 43px;
     cursor: pointer;
 }

 .shop-btn:hover {
     background: url('/static/img/roksshop_btn_title_over.png') no-repeat scroll 50% 50% transparent;
 }

 .kamtugeza-bg {
     background: linear-gradient(to bottom, #010101 0%, #5A5A5A 1%, #494949 2%, #232323 50%, #2B2B2B 98%, #303030 99%, #060606 100%) repeat scroll 0% 0% transparent;
     margin-top: 1px;
 }

 .kamtugeza-bg:hover {
 	background: rgba(1,1,1,1);
    background: -moz-linear-gradient(top, rgba(1,1,1,1) 0%, rgba(90,90,90,1) 1%, rgba(90,90,90,1) 2%, rgba(35,35,35,1) 50%, rgba(43,43,43,1) 98%, rgba(48,48,48,1) 99%, rgba(6,6,6,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,1,1,1)), color-stop(1%, rgba(90,90,90,1)), color-stop(2%, rgba(90,90,90,1)), color-stop(50%, rgba(35,35,35,1)), color-stop(98%, rgba(43,43,43,1)), color-stop(99%, rgba(48,48,48,1)), color-stop(100%, rgba(6,6,6,1)));
    background: -webkit-linear-gradient(top, rgba(1,1,1,1) 0%, rgba(90,90,90,1) 1%, rgba(90,90,90,1) 2%, rgba(35,35,35,1) 50%, rgba(43,43,43,1) 98%, rgba(48,48,48,1) 99%, rgba(6,6,6,1) 100%);
    background: -o-linear-gradient(top, rgba(1,1,1,1) 0%, rgba(90,90,90,1) 1%, rgba(90,90,90,1) 2%, rgba(35,35,35,1) 50%, rgba(43,43,43,1) 98%, rgba(48,48,48,1) 99%, rgba(6,6,6,1) 100%);
    background: -ms-linear-gradient(top, rgba(1,1,1,1) 0%, rgba(90,90,90,1) 1%, rgba(90,90,90,1) 2%, rgba(35,35,35,1) 50%, rgba(43,43,43,1) 98%, rgba(48,48,48,1) 99%, rgba(6,6,6,1) 100%);
    background: linear-gradient(to bottom, rgba(1,1,1,1) 0%, rgba(90,90,90,1) 1%, rgba(90,90,90,1) 2%, rgba(35,35,35,1) 50%, rgba(43,43,43,1) 98%, rgba(48,48,48,1) 99%, rgba(6,6,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#060606', GradientType=0 );
 }

 .kamtugeza-bg-active {
     margin-top: 1px;
     background: linear-gradient(to bottom, #010101 0%, #5A5A5A 1%, #2B2B2B 2%, #232323 50%, #484848 99%, #060606 100%) repeat scroll 0% 0% transparent;
 }

ul.main-menu {
	width: 1044px;
    display: flex;
    justify-content: space-between;
    float:left;
    padding: 0 !important;
    margin-top: 2px !important;
    margin-top: 1px !important;
}
.main-menu li ul li a {
    padding: 7px 0px !important;
}
.main-menu li a {
    line-height: 25px !important;
    padding: 9px 1em;
    margin: 0;
    position: none !important;
    text-align: center !important;
    width: auto;
    height: auto !important;
    font-weight: bold !important;
}
.main-menu li a:hover,
.main-menu li.activ a {
    color: #fff;
}

.main-menu li.sub a {
	color: #fc0;
}

.main-menu li.sub a:hover {
	color: #fff;
}

.main-menu li.url-activ a {
	color: #fc0;
}
.main-menu li {
    float: left;
    background: #3E3E3E;
    width: auto;
    position: relative;
    height: 44px;
}

.main-menu li:last-child,
.main-menu li.active:last-child,
.main-menu li:hover:last-child {
	border-right: 0;
	width: 123px;
}

.main-menu li.activ,
.main-menu li.url-activ {
    background: #2B2B2B;
}

.main-menu li ul {
	position: absolute;
	top: 43px;
	display: none;
	left: -10px;
	z-index: 995;
}


.main-menu li ul li {
	width: 243px;
	background: #3e3e3e !important;
	padding-left: 10px !important;
	height: auto;
}


/*Zer pizdec*/
.main-menu li ul li, .main-menu li ul li a{
	width: 213px !important;
	text-align: left !important;
	background: #3E3E3E !important;
	font-size: 14px;
	line-height: 15px !important;
	border-right: 0;
}

.main-menu li:hover ul {
	display: block;
}

.main-menu .li-submenu {
	background: url('/static/img/yellow_arrow_menu.png');
	width: 11px; height: 7px;
	position: absolute;
	top: 20px; right: 5px;
}

.devider-black-1 {
	width: 1px;
	background: #000;
	height: 45px;
	float: left;
}

.download-button{
    width: 67px;
    height: 26px;
    display: block;
    background-image: url('/static/img/download-but.png');
    cursor: pointer;
}

.share-button {
    width: 86px;
    height: 26px;
    margin-right: 10px;
    display: block;
    cursor: pointer;
    background: url(/static/img/share-but.png);
}

.program-button-new {
	border: 1px solid #414141;
	background: #3F3F3F none repeat scroll 0% 0%;
	color: #FECB00;
	padding: 7px 14px;
	font-size: 14px;
	cursor: pointer;
	padding: 5px;
	margin-right: 5px;
	display: inline;
	text-decoration: none;
	cursor: pointer;
}

.button-new {
    color: #fecb00;
    background: #3F3F3F;
    padding: 5px;
    margin-right: 5px;
    display: inline;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #414141;
}
.button-new:hover {
	color: #fff;
}
.button-new-gold {
    color: #ffcd02;
    text-shadow: 2px 2px 1px #000;
    background: linear-gradient(to top, #323232 50%, #535353 100%) repeat scroll 0% 0% transparent;
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
    display: inline;
    text-decoration: none;
    cursor: pointer;
}

.button-new a {
    color: #D4D4D4 !important;
}

.share-button-active {
    background: url(/static/img/share-but-active.png);
}

/* START clear */
.clear-hor-16{
    clear: both;
    font-size: 1px;
    height: 16px;
    overflow: hidden;
}

.clear-hor-11{
    clear: both;
    font-size: 1px;
    height: 11px;
    overflow: hidden;
}
.clear-hor-31{
    clear: both;
    font-size: 1px;
    height: 31px;
    overflow: hidden;
}
.clear-hor-25{
    clear: both;
    font-size: 1px;
    height: 25px;
    overflow: hidden;
}
.clear-hor-20{
    clear: both;
    font-size: 1px;
    height: 20px;
    overflow: hidden;
}
.clear-hor-9{
    clear: both;
    font-size: 1px;
    height: 9px;
    overflow: hidden;
}
.clear-hor-6{
    clear: both;
    font-size: 1px;
    height: 6px;
    overflow: hidden;
}
.clear-hor{
    clear: both;
    font-size: 0px;
    height: 0px;
    overflow: hidden;
}
.clear-ver-40{
    float:left;
    font-size: 0px;
    height: 6px;
    width:40px;
    overflow: hidden;
}
.clear-ver-30-h500{
    float:left;
    font-size: 0px;
    height: 500px;
    width:30px;
    overflow: hidden;
}
.clear-ver-20{
    float:left;
    font-size: 0px;
    height: 6px;
    width:20px;
    overflow: hidden;
}
.clear-ver-16{
    float:left;
    font-size: 0px;
    height: 6px;
    width:16px;
    overflow: hidden;
}
.clear-ver-15{
    float:left;
    font-size: 0px;
    height: 6px;
    width:15px;
    overflow: hidden;
}
.clear-ver-9{
    float:left;
    font-size: 0px;
    height: 6px;
    width:9px;
    overflow: hidden;
}
.clear-ver-6{
    float:left;
    font-size: 0px;
    height: 6px;
    width:6px;
    overflow: hidden;
}
/* END clear*/

.main-menu-bg {
	background: #3E3E3E;
    width: 100%;
    height: 44px;
    display: block;
    position: absolute;
    top: 124px;
	left: 0;
    z-index: 8;
}

.submenu {
    border: 1px solid #474747;
    border-radius: 6px;
    background: #3E3E3E;
    height: 44px;
    float: left;
}

.submenu-left {
	background: #3E3E3E;
	border-left: 1px solid #525252;
    border-radius: 6px 0px 0px 6px;
    width: 5px;
    float: left;
    height: 44px;
}
.submenu-item {
    float: left;
}

.submenu a{
    margin: 13px 14px;
    float: left;
    font-size: 14px;
}

.submenu .text{
    margin: 13px 14px;
    float: left;
    font-size: 14px;
    color: rgb(255, 255, 255);
}

.submenu-spacer {
    background: #000;
    width: 1px;
    height: 100%;
    float: left;
    font-size: 15px;
}

.submenu-item-active {
    background: #2B2B2B;
    height: 100%;
    float: left;
    font-size: 15px;

}

.submenu-item-right-active {
	background: #2B2B2B;
	height: 100%;
    float: left;
    font-size: 15px;

}

.submenu a:hover{
    background-color: transparent;
}

.submenu-item-active span{
    margin: 13px 14px;
    float: left;
    font-size: 14px;
    color: #fff !important;
}

.submenu-left-active {
    background: url('/static/img/menu-bg-left-active.png') no-repeat;
    background: #333333;
    border-left: 1px solid #585858;
    border-radius: 6px 0px 0px 6px;
    height: 44px;
    width: 5px;
    float: left;
    font-size: 15px;
}

.submenu-right {
    background: url('/static/img/menu-bg-right.png') no-repeat;
    background: linear-gradient(to bottom, #494949 10%, #202020 100%);
    border-right: 1px solid #525252;
    border-radius: 0px 6px 6px 0px;
    height: 44px;
    width: 6px;
    float: left;
    font-size: 15px;
}

.submenu-right-active {
    background: url('/static/img/menu-bg-right-active.png') no-repeat;
    background: #333333;
    border-right: 1px solid #585858;
    border-radius: 0px 6px 6px 0px;
    height: 44px;
    width: 5px;
    float: left;
    font-size: 15px;
    margin-left: -2px;
}


.winner {
    background: url('/static/img/winner_yellow_bg.png') repeat scroll 0% 0% transparent;
	background-size: 100% 100%;
    height: 45px;
    width: 296px;
    position: absolute;
    bottom: 5px;
    left: -7px;
    color: #191919;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.galery-pre {
	margin-right: 10px;
	width: 282px;
}

.listens {
	background: url('/static/img/hp_icon_yellow.png');
	width: 31px; height: 32px;
	float: left;
	margin-top: -10px;
}

.listens-count {
	margin-right: 5px;
	float: left;
	min-width: 30px;
	text-align: center;
}

.action-img {
	border: 1px solid rgba(141, 141, 141, 1);
	margin-bottom: 5px;
	max-width: 690px;
	max-height: 1028px;
	width: 100%;
}

#single_image img {
	width: auto;
	height: auto;
	max-height: 580px;
}

@media screen and (min-height: 800px) {
	#single_image img {
		max-height: 720px;
	}
}

.efir-btn {
	background: url('/static/img/roks-player-btn-sprite_2.png');
	width: 240px;
	height: 58px;
	/*background-color: #F2C308;*/
	/*border-radius: 5px;*/
	cursor: pointer;
}

.chan-btn {
	position: absolute;
	cursor: pointer;
	font-weight: bold;
	margin: 37px 0 0 32px;
	/*margin: -23px 0 0 32px;*/
}

.block-efir-btn-small {
	right: -161px;
	top: 9px;
	display: none;
	position: absolute;
	text-align: center;
}

.efir-btn-small {
	background: url('/static/img/roks-player-btn-sprite_2.png') 0px -57px;
	width: 95px;
	height: 29px;
	cursor: pointer;
}

.efir-btn-small:hover {
	background: url('/static/img/roks-player-btn-sprite_2.png') -96px -57px;
}

.radio-player-container {
	width: 100%;
	text-align: center;
	font-family: Verdana;
	font-size: 13px;
	color: #241d04;
	z-index: 3;
	position: absolute;
}

.right-head-container {
	position: absolute;
	top: 51px;
	right: 0;
	width: 300px;
	text-align: center;
}
.play_ico {
	background: url('/static/img/roks-player-btn-sprite_2.png') -192px -57px;
	width: 11px; height: 13px;
	margin-left: 20px;
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

.chanels-container {
	background: #F2C308;
	cursor: pointer;
	position: relative;
	z-index: 8;
	top: -4px;
	display: none;
	border-radius: 0 0 5px 5px;
	z-index: 10;
}

.chanels-container span {
	background: #F2C308;
	display: block;
	float: left;
	text-align: left;
	width: 100%;
	padding: 4px 0px;
	font-weight: bold;
}

.chanels-container .clear {
	margin-bottom: 2px;
}

.chanels-container span:hover {
	background: #cca72f;
	color: #000;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clear {
	clear: both;
}

.write-to-us, .roks_shop {
	color: #FFCB00;
	float: left;
	padding: 4px 2px;
	margin-left: -4px;
}

.roks_shop {
    margin-top: 4px;
    padding: 0;
    text-align: center;
    margin-right: 36px;
}

.mlp-player {
	display: none;
}

.marker {
    position: absolute;
    left: -14px;
    top: 5px;
    width: 6px;
    height: 7px;
    background: url('/static/img/list_marker_yellow.png');
}

.Slider {
	position: relative;
	width: 728px;
	height: 416px;
}

.SLD {
	position: absolute;
	top: 3px;
	right: 3px;
	overflow: hidden;
}

.bx-wrapper {
	width: 728px !important;
}

.bx-caption {
	position: absolute !important;
	bottom: 0px !important;
	font-size: 26px !important;
	padding: 20px;
	padding-top: 30px;
	background: none !important;
	background: linear-gradient(-180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.05) 5%, rgba(0,0,0,0.2) 15%, rgba(0,0,0,0.7) 100%) !important;
    background: -moz-linear-gradient-180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.05) 5%, rgba(0,0,0,0.2) 15%, rgba(0,0,0,0.7) 100%) !important;
    background: -webkit-linear-gradient-180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.05) 5%, rgba(0,0,0,0.2) 15%, rgba(0,0,0,0.7) 100%) !important;
    text-shadow: #000 2px 2px 0px;  
	width: 100%;
	color: #fff !important;
	cursor: pointer !important;
	font-weight: bold !important;
}

.bx-caption span {
	color: #fff !important;
	padding: 0 !important;
	font-family: inherit !important;
}

.bx-wrapper .bx-prev {
    background: url('/static/img/slider_left_arrow.png') !important;
    width: 57px !important;
    height: 69px !important;
    top: 120px !important;
    left: 000px !important;
    z-index: 1 !important;
}

.bx-wrapper .bx-next {
    background: url('/static/img/slider_right_arrow.png') !important;
    width: 57px !important;
    height: 69px !important;
    top: 120px !important;
    right: 0px !important;
    z-index: 1 !important;
}

.bx-wrapper .bx-viewport {
	border: none !important;
	background: #080808 !important;
}
.bx-controls-direction {
	display: none;
}


.bx-wrapper .bx-next:hover {
    background-position: 0 0 !important;
}

.slider-pager {
	width: 14px; height: 14px;
	background: #9E9E9E;
	opacity: 0.7;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}

a.active div {
	background: #ffcc00; /* Old browsers */
	background: -moz-linear-gradient(top,  #be9700 30%, #ffcc00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#be9700), color-stop(100%,#ffcc00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #be9700 30%,#ffcc00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #be9700 30%,#ffcc00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #be9700 30%,#ffcc00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #be9700 30%,#ffcc00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be9700', endColorstr='#ffcc00',GradientType=0 ); /* IE6-9 */
	opacity: 1;
}

.hidden {
    display: none;
}

.show_hidden a{
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dotted #FC0;
}

.afisha-block {
	font-size: 17px;
	color: #fff;
}

.afisha-block img {
	border: 1px solid #3f3e3c;
	width: 78px;
	float: left;
}

.afisha-block .place {
	font-size: 14px;
	color: #d6d6d6;
}

.afisha-block .about {
	margin-left: 10px; width: 70%;
	float: left;
}

.afisha-block .about div {
	margin-bottom: 5px;
}

/*-------------------*/
.news-block img {
	border: 1px solid #3f3e3c;
	width: 110px;
	margin-right: 5px;
	float: left;
}

.news-block .about {
	margin-left: 10px; 
	width: 210px;
	float: left;
}

.news-block .about div {
	margin-bottom: 5px;
}

.legends {
	position: relative;
}

.legends img {
	width: 300px;
}

.legends .about {
	position: absolute;
	bottom: 0px;
	background: rgba(000,000,000, 0.8);
	padding: 10px;
	font-size: 14px;
	/*max-height: 75px;*/
	overflow: hidden;
}

.legends .title {
	margin-bottom: 5px;
	font-size: 17px;
	font-weight: bold;
}


.onAir-block {
	margin-bottom: 10px;
}

.onAir-block .text {
	width: 140px;
	margin-left: 15px;
	float: left;
	font-weight: bold;
}

.onAir-block img {
	float: left;
	border: 1px solid #3F3E3C;
	margin-left: 2px;
	width: 60px;
}

.philips-choose-block {
	width: 200px;
	text-align: left;
	float: left;
	margin-right: 30px;
}

.philips-choose-block:last-child {
	margin-left: 0;
}

.philips-main-container {
	margin-left: 20px;
	margin-bottom: 20px;
}

.philips-radio {
	width: 30px;
	float: left;
}

.philips-choose-text {
	width: 170px;
	float: left;
}

.padding-left {
	margin-left: 10px;
}

.padding-right {
	margin-right: 10px;
}

#singer0 {
	float: left;
}

#program0 {
	float: left;
	margin-right: 5px;
}

.playerSinger #singer0:after {
	width: 10px;
	margin-right: 5px;
	content: " - ";
}

.header-logo {
	background: url('/static/img/header_icons_new/roks_logo_new.png');
    width: 193px;
    height: 108px;
}

#up-arrow {
    background: url("/static/img/up_arrow.png?a=1");
    max-width: 60px;
    max-height: 60px;
    min-width: 40px;
    min-height: 40px;
    width: 13vw; height: 13vw;
    display: none;
    position: fixed;
    z-index: 10;
    right: 50px;
    bottom: 50px;
    background-size: 100% auto;
    cursor: pointer;
}

.online-title {
	margin-left: 0 !important; 
	top: 4px; 
	bottom: 5px; 
	margin-top: 0 !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1600px) {
	.header-logo {
		background: url('/static/img/LogoRetina.png') no-repeat;
		background-size: 100% auto;
	}

	.slogan{
		background: url('/static/img/SloganRetina.png') no-repeat;
		background-size: 100% auto;
	}
}

.music-submenu {
	width: 100%;
	background: #2B2B2B !important;
	margin-top: -6px !important;
	border: none;
	border-radius: 0px;
	height: 36px;
}

.submenu .submenu-item-active span, .music_songs_item, .music_songs_item:hover {
    margin: 2px 5px;
    margin-bottom: 1px;
    background: #1D1B1B !important;
    border-radius: 10px;
    padding: 5px 10px;
	padding-top: 6px;
}

.music-submenu a {
	margin: 8px 14px ;
}

.music_songs_item {
	margin: 3px 5px !important;
}

.music-submenu .submenu-spacer {
	background: none;
}

.fa.fa-headphones {
    color: #F2C309 !important;
    margin-top: 1px;
}

.actions_user_views {
	font-weight: bold; 
	position: relative; 
	top: -1px;
	margin-right: 2px;
}

.photo_back_link {
	float: right;
	font-size: 13px; 
	text-decoration: underline; 
	padding-top: 5px;
	font-weight: normal;
}

#htmlBanContainer_3477 {
	z-index: 6 !important;
}

.popup-youtube-share {
	width: 100%;
	color: black; 
	height: 30px; 
	display:inline-block; 
	position: relative; 
	top: -15px;
}

.player-popuo_share-text {
	display:inline-block; 
	position: relative; 
	right: 5px; 
	top: 2px;
}

.about_sub_item {
	left: -107px !important;
}

.main_video_play {
    background: url(/static/img/roks_play_video_btn.png); 
    width: 65px;height: 65px; 
    margin-top: 0; 
    position: relative; 
    right: -150px; 
    top: 65px;
}

.viber_kamtugeza, .telegram_kamtugeza {
	 width: 20px;
    height: 20px;
    background-size: 100% auto !important;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 2px;
}
.viber_kamtugeza {
    background: url(/static/img/social/social_icons/contact-viber.png) no-repeat;
}

.telegram_kamtugeza {
    background: url(/static/img/social/social_icons/telegram-icon-60x60.png) no-repeat;  
}
.kamtugeza_notification {
    border: 1px solid #ffcc00; 
    background: #3e3e3e; 
    color: #fff;
	width: 1044px;

	margin-top: 7px;
	margin-bottom: 5px;
    text-align: center; 

    font-size: 17.2px;
}
.kamtugeza_notification .bold{
	display: block;
	padding: 5px 0 12px;
	text-decoration: none;
	width: 100%;
}
@media (min-width: 500px){
	.no-mobile {display: none;}
}
@media (max-width: 500px){
	.yes-mobile{display: none;}
}
#popup {
    background: #080808;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0.7;
    overflow: hidden;
    margin: 0 auto;
    overflow: hidden;
    background-color: #080808;
    opacity: 0.9;
    z-index: 130;
    display: none;
}
.close_1 img {
    display: none;
}
.header-bar-search-icon {
    cursor: pointer;
}
.kamtugeza-title-picture, .noviyrock-title-picture, 
.rokConcert-title-picture, .sutsobitiy-title-picture {
	width: 355px;
	height: 103px;
	margin: auto;
}
.kamtugeza-title-picture {
	background: url('/static/img/ROKS_Kamtugeza_progpic_355x103.jpg') no-repeat;
}
.noviyrock-title-picture {
	background: url('/static/img/newrock-pic-header-355x103.jpg') no-repeat;
}
.rokConcert-title-picture {
	background: url('/static/img/rockconcert-pic-header-355x103.jpg') no-repeat;
}
.sutsobitiy-title-picture {
	background: url('/static/img/sutsobitij-pic-header-355x103.jpg') no-repeat;
}
.main-news-block {
	padding-left: 0 !important;
	position: relative;
	height:auto;
	overflow:hidden;
}
.main-news-block img {
	width: 355px;
	border: 0;
	margin-right: 0px;
	margin-bottom: 1px;
}
.main-news-block .about {
    margin-left: 0px; 
    width: 100% !important;
    float: left;
    background: linear-gradient(-180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.05) 5%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,1.7) 100%);
    background: -moz-linear-gradient-180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.05) 5%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,1.7) 100%);
    background: -webkit-linear-gradient-180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.05) 5%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,1.7) 100%);
    position: absolute;
    bottom: -1px;
    padding: 30px 0 5px 0;
    text-shadow: #000 1px 1px 0px;
}
.page_views i {
	font-size: 16px; 
	color: #FFCC00 !important;
}
.main-news-block .about div {
	margin-bottom: 0 !important;
}
.about_logo {
	margin-left: -20px;
}
@media screen and (min-width: 1370px) {
	.player-y {
	    width: 898px;
	    height: 675px;
	}

	#player-y iframe {
	    width: 100%;
		height: 505px;
	}
}

.play-big-ico{
	margin-top: 7px;
	float: left !important;
	font-size: 27px !important;
	color: #3b3b3b !important;
	position: relative;
	left: 10px;
	margin-right: 10px;
}

.bars-style{
	position: relative;
	float: left;
	color: #3b3b3b !important;
	margin: 39px 0 0 -21px;
}

.efir-btn-new {
	width:300px;
	height: 58px;
	background-color: #F2C308;
	border-radius: 5px;
	cursor: pointer;
}

.efir-text{
	position: absolute;
	text-align: left;
	font-family: "Trebuchet MS";
	font-size: 20px;
	margin: 12px 0px 0px 45px;
}

.chan-btn-new {
	position: absolute;
	cursor: pointer;
	font-weight: bold;
}

.chanel-wrapper-item{
	margin: 0 0 0 34px;
	text-decoration: unset !important;
}

.play_ico_new {
	/*background: url('/static/img/roks-player-btn-sprite_2.png') -192px -57px;*/
	width: 11px;
	margin-left: 20px;
	float: left;
	margin-top: 3px;
	margin-right: 4px;
	z-index: 10;
}

.play-ico{
	color: #3b3b3b !important;
	margin: 0 5px 0 -24px;
}

i{
	font-style: unset !important;
	font-family: "Trebuchet MS";
}


@media screen and (min-width: 360px){
	.kamtugeza-mobile{
		display: block;

	}
}

@media screen and (min-width: 760px){
	.kamtugeza-mobile{
		display: none;
	}
}