#hd101.channel {height: 380px;}
#hd101.channel:not(.personal) {background-image: none;}
#hd101.personal.design {background-image: none; background-color: #000;}
#top-channel-block {width: 100%; height: 100%; position: relative; background-color: rgba(0,0,0,0.65); color: #fff; text-shadow: 0px 0px 8px rgba(0,0,0,1);}
.no-rgba #top-channel-block {background-image: url('/design/images/main-design/opacity-bg-black.png');}

#top-channel-block .wrap {width: 100%; max-width: 1290px; height: 100%; padding: 15px 20px 10px 50px;}
#hd101.personal .ch-backimg {margin-left: 110px; height: auto;}
@media (max-width: 1024px)  {
#hd101.personal .ch-backimg {margin-left: 60px;}
}
.ch-backimg {position: absolute; top: 0; left: 0; height: 100%;}
.ch-name {width: 80%;}
.ch-name h1 {color: #fff; margin-top: 1px; margin-bottom: 5px; font-size: 48px; float: left; line-height: 100%; width: 85%;}
.ch-name h1.middle-font {font-size: 40px;}
.ch-name h1.small-font {font-size: 30px;}
.ch-name h1 .icon {margin-left: 8px; position: relative; top: 0;}
.ch-name img.logo {width: 50px; float: left;  margin-right: 25px;}
.ch-name .listeners ins, .ch-name .ingroup ins {margin-right: 2px;}
.ch-name .ingroup {font-size: 13px; margin-left: 75px;}
.ch-name .listeners {font-size: 13px; margin-left: 30px;}
.ch-name .addFavorite:before { content: '\e823'; }
.ch-name .remFavorite:before { content: '\e837'; }

#top-channel-block .onair-pic {width: 210px; height: 210px; position: relative; background-color: #232323; border: solid 1px rgba(255,255,255,0.4); overflow: hidden; box-shadow: 1px 3px 7px -2px #000; display: inline-block; vertical-align: middle;}
#top-channel-block .player-control {z-index: 10; top: 50%;}

#top-channel-block .player-control.icon {position: absolute; left: -2px; bottom: -32px; top: inherit; background-image: none; margin: 0; font-size: 42px;}
#top-channel-block .player-control.icon:hover {color: #ffa000;}
#top-channel-block .player-control.play.icon:before {content: '\e820';}
#top-channel-block .player-control.stop.icon:before {content: '\e842';left: 2.5px; top: -2px; font-size: 37px; position: relative;}
#top-channel-block .player-control.icon:after {margin-top: -60px; margin-left: -15px;}

#top-channel-block .player-volume {position: absolute; bottom: -35px; left: 55px; opacity: 1;}
#top-channel-block .sliderStrip {border-radius: 5px; width: 125px; height: 8px; position: relative; cursor: pointer; border: solid 1px rgba(255,255,255,0.45); background-color: rgba(255,255,255,0.4); margin: 8px 0 0 10px;}
#top-channel-block .sliderThumb {width: 16px; height: 16px; border-radius: 50%; position: absolute; left: 0; top: -5px; cursor: pointer; border: solid 1px #5D5D5D; background-color: #fff; box-shadow: 0 0 5px #000;}
#top-channel-block .sliderThumb:hover {border: solid 2px #FFA000;}
#top-channel-block .sliderThumb:active {background-color: #FFA000;}
#top-channel-block .sliderBack {width: 0%; height: 6px; position: absolute; left: 0; top: 0; background-color: #FFA000; border-radius: 3px;}
#top-channel-block .onair-pic img {width: 210px; height: 210px; margin-top: -1px; margin-left: -1px;}
#top-channel-block .onair-title {margin-left: 30px; width: 70%; display: inline-block; vertical-align: middle;}
#top-channel-block .onair-title .icon {display:none; margin-right: 3px;}
#top-channel-block .onair-title .icon:hover {color: #FFA000;}
#top-channel-block .onair-title .track {margin-bottom: 8px}
#top-channel-block .onair-title .track a {color: #FFCA70;}
#top-channel-block .onair-title .track a:hover {border: none;}
#top-channel-block .onair-title .track .TitleTracksAir {font-size: 34px;}
#top-channel-block .onair-title .track .TitleExecutorAir {font-size: 24px;}
#top-channel-block .onair-title .time {top: 2px; margin-right: 15px; position: relative;}
#top-channel-block .onair-title .icon {cursor: pointer;}
#top-channel-block .onair-title .TitleSongAirPollVoted, #top-channel-block .onair-title .TitleSongAirPollVoted:hover {cursor: default; color: rgba(255,255,255,0.6);}
#top-channel-block .onair-title .TitleSongAirPollActive, #top-channel-block .onair-title .TitleSongAirPollActive:hover {color: #ffa000;}
#top-channel-block .toggle.active {color: #ffa000;}
#top-channel-block .editor {min-width: 150px; max-width: 170px; width: 20%; position: relative;}
#top-channel-block .editor img {width: 50px; border: solid 1px rgba(255,255,255,0.4); float: left; margin-left: 10px; background-color: #fff;}
#top-channel-block .editor h6 {text-align: right; font-size: 11px; margin-top: 2px;}
#top-channel-block .editor h4 {text-align: right; line-height: 115%; margin-top: 3px; word-break: break-all;}
#top-channel-block .editor .icon-mail {position: absolute; right: 40px; top: 42px;}

#hd101.notitle-radio .ch-backimg {height: auto;}
#hd101.notitle-radio .onair-pic {width: 110px; height: 110px; border: solid 2px rgba(255,255,255,0.4); background-color: #000;}
#hd101.notitle-radio .onair-pic img {display: none;}
#hd101.notitle-radio .player-control {margin-left: -33px;}
#hd101.notitle-radio .player-control.icon {margin: 0; bottom: 48px; left: 35px;}
#hd101.notitle-radio.channel {height: 230px;}
#hd101.notitle-radio .social-share {margin-top: -50px;}
#hd101.notitle-radio .player-volume {bottom: 12px; left: 130px;}
a.player-control:hover, .search-links a, .search-links a:hover {border: none;}

.search-links {width: 400px; margin-left: 250px;}
.search-links .h4.caps {margin-right: 10px; opacity: 0.7;}
.search-links .h4.caps span {letter-spacing: 1.1px;}
.search-links .vk {background-position: 0 0;}
.search-links .google {background-position: 0 -43px;}
.search-links .yandex {background-position: -43px -43px;}
.search-links .youtube {background-position: -129px -43px;}
.search-links .discogs {background-position: -172px -43px;}

.ch-about {font-size: 18px;}
.ch-about .icon-link {margin-right: 2px;}

.list.menu.h3 {font-size: 24px; border: none; margin-bottom: 10px;}
.list.menu.h3 li {margin-right: 30px;}

.list.tracks .first:last-child {display: none;}

.channel .aux240.second {padding-top: 50px;}



/* Лого динамик конструтор */

#box {position: relative; float: left; width: 150px; height: 150px; margin: 10px 20px 20px 0;}

#box_ctrl {position: relative; float: left; width: 560px;}

#box1_ctrl, #box2_ctrl, #box3_ctrl, #box4_ctrl, #box5_ctrl, #box6_ctrl, #box7_ctrl {position: relative; float: left; width: 560px; height: 25px;}

#unsupported {position: relative; float: left; width: 560px; height: 50px;}

#box_ctrl span.title {float: left; font-size: 13px; text-transform: uppercase; line-height: 22px; width: 75px; height: 20px;}
#box_ctrl .minicolors, #box_ctrl .set-item, #box_ctrl .set-item-space {float: left; width: 22px; height: 22px; margin: 0 5px 0 0;}
#box_ctrl .set-item {font-size: 18px; line-height: 22px; text-align: center;}

#box_ctrl .minicolors, #box_ctrl .space {margin-right: 15px;}

#box1, #box2, #box3, #box4, #box5, #box6, #box7 {position: absolute;}
#box1, #box2, #box3, #box4 {border-radius: 150px;}
#box1 img, #box2 img, #box3 img, #box4 img, #box5 img, #box5 svg, #box6 img, #box6 svg {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#box5 svg {z-index: 1;}
#box5 img {z-index: 2;}
#box6 svg {z-index: 3;}
#box6 img {z-index: 4;}
#box7 {z-index: 5;}
.set-item {float: left; margin-right: 6px; border-radius: 4px; color: #000; background-color: #e0e0e0;}
.set-item.active {background-color: #FFA000;}
.set-item.active, .set-item.active:hover {color: #fff;}
a.set-item {text-decoration: none;}