@charset "UTF-8";

.votebut{
width:200px;
height:200px;
position:absolute;
right:999999999999px;
}
.stopped .pausebu{display:none;}
.playing .playbu{display:none;}
#votenow{
  background: rgba(0,0,0,0.4);}
.votenow {
    background: rgba(251,222,42,1);
    background: -moz-linear-gradient(left, rgba(251,222,42,1) 0%, rgba(242,113,35,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(251,222,42,1)), color-stop(100%, rgba(242,113,35,1)));
    background: -webkit-linear-gradient(left, rgba(251,222,42,1) 0%, rgba(242,113,35,1) 100%);
    background: -o-linear-gradient(left, rgba(251,222,42,1) 0%, rgba(242,113,35,1) 100%);
    background: -ms-linear-gradient(left, rgba(251,222,42,1) 0%, rgba(242,113,35,1) 100%);
    background: linear-gradient(to right, rgba(251,222,42,1) 0%, rgba(242,113,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbde2a', endColorstr='#f27123', GradientType=1 );
    text-align: center;
    color: white;
    font-family: iradioheading;
    font-size: 50px;
    padding: 4px 54px;

}
.vco {
    -webkit-box-shadow: none !important;
    box-shadow: initial !important;
    background: transparent !important;
    border: none !important;
}
#channel-bar li:hover > a{
background: #4d4d4d !important;
color:orange !important;
}
#channel-bar li:hover > a h3 span{

color:orange !important;
}
.close {
    font-size: 46px !important;;
    color: #000 !important;;
    text-shadow: 0 1px 0 black !important;;
    opacity: 1 !important;;
    position: relative;
    right: 14px;
}
@media(max-width:460px){
#channel-bar li{
  float:none !important;
  display:block !important;
  width:100% !important;
}
}
@media (min-width: 1200px){
.iradio-menu-desktop ul li a {
    font-size: 69px !important;
}
	}
	@media (max-width: 1199px) and (min-width: 1000px){
.iradio-menu-desktop ul li a {
    font-size: 55px !important;
}
	}
@media (max-width: 999px){
.mobile-voda {
    max-width: 300px !important;
    margin: 0 auto;
}
.middle-mobile {
    background: #4D4D4D;
    padding: 28px 0 0 0;
    width: 300px !important;
    margin: 0 auto;
}
}
.playerouter {
    background: #4d4d4d;
    padding-top: 30px;
    padding-bottom: 30px;
}
.ddyy {
    width: 100%;
    height: 137px;
    padding-right: 5px;
}
.ddyy:last-child {
    padding-right: 0px;
}
.mdyy {
    width: 100%;
    height: 110px;
    padding-right: 5px;
}
.mdyy:last-child {
    padding-right: 0px;
}
.playerrightimage{
	position: absolute;
    right: 0;
    top: 0;
}
.playermiddleimage {
    width: 828px;
    padding-top: 50px;
    position: relative;
    bottom: 14px;
}
.playerleftimage {
    width: 370px;
    padding-top: 38px;
    /* padding-left: 65px; */
    position: relative;
    /* left: 39px; */
}
.yottie-widget-feed-section{
	padding-top:0px !important;
	padding-bottom:0px !important;	
}
.playercoo{
	    position: absolute;
    top: 57px;
    left: 152px;
    width: 467px;
    height: 262px;
    overflow: hidden;
}
.playerouterr{
	    position: relative;
}
.player-inn{
	width: 140px;
    background: #242424;
    /* overflow: hidden; */
    float: left;
}
.yott{
    position: absolute;
    top: 58px;
    left: 176px;
    width: 496px;
    height: 279px;
}
@media (min-width:1500px){
.playerrightimage {
    position: absolute;
    right: 0;
    top: 0;
}
.playerouter {
    background: #4d4d4d;
    padding-top: 50px;
    padding-bottom: 50px;
}
.playerleftimage {
    padding-top: 63px;
    position: relative;
}
.playermiddleimage {
    width: 1043px;
    padding-top: 65px;
    position: relative;
    bottom: 14px;
}	
.yott {
    position: absolute;
    top: 75px;
    left: 187px;
    width: 496px;
    height: 279px;
}
}
@media (max-width:600px){
.yott {
    position: absolute;
    top: 107px !important;
    left: 24px !important;
    width: 255px !important;
    height: 455px !important;
}	
}
@media (min-width: 768px){
.modal-sm {
    width: 400px !important;
    margin: 0 auto !important;
}
}