* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html ,body{
	height: 100%;
	width: 100%;
}
body{
	background-position:50% 0;
    background-repeat:no-repeat;
    background-size:cover;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    line-height:1.25;
	color: #ffffff;
}

#bg{
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
}

#dots {
    background: url("g/dots.png") repeat 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

#container_main{
	margin:0 auto;
    position: relative;
    padding-top:10px;
    z-index:2;
}
.platform_desktop{
    width:900px;
}
#jplayer_no_solution{
	position: absolute;
	top: 460px;
	width: 500px;
	z-index: 1;
}
#jplayer_no_solution a{
	color: red;
}
#container_player {
	height:100%;
    position:relative;
}
.stream {
	cursor: pointer;
    width: 100%;
	padding-bottom:13px;
	padding-left:50px;
    padding-right:10px;
	padding-top:13px;
	line-height:1.15;
}
.stream:nth-child(odd) {
    background-color:#4BADF2;
    background-color:rgba(75,173,242,.4);
}
.stream-mouseover {
	background-color:#fff !important;
    color:#1295fd !important;
}
.stream-on {
	background-image:url(g/speaker.png);
    background-color:#fff !important;
    background-repeat:no-repeat;
    background-position:20px 50%;
    color:#1295fd !important;
}
#container_stream,
#container_info {
    height:670px;
}
#container_stream {
	position: relative;
    background-color:#1295FD;
    background-color:rgba(18,149,253, .7);
    font-size:14px;
    float:left;
    padding:20px 0 0;
    width:266px;
}
#container_info {
	background-color:#011C32;
    background-color:rgba(1,28,50,.7);
    position: relative;
	width:634px;
	padding:37px 40px 20px;
	float:left;
}
#container_netiraadio_info {
	display:none;
    padding:16px 0;
	font-size:14px;
	color: #c7c7c7;
    line-height:1.75;
    width:100%;
}
#container_netiraadio_info p {
    margin:0 0 24px;
}
#container_netiraadio_info span {
    color:#fff;
}
#container_netiraadio_info strong {
    color:#fff;
}
#container_jplayer {
	/*
    width:330px;
	height:40px;
	padding: 5px;
	position: absolute;
	left: 195px;
	top: 11px;
    */
}
#logo_netiraadio{
	position: absolute;
	top:0;
	left:0;
}

#bg_link{
	color: #fff;
	text-decoration: none;
	letter-spacing: 3px;
}
.a-center { text-align:center !important; }
.flag_ee{
	position: absolute;
	top: 6px;
	left: 12px;
}
.flag_en{
	position: absolute;
	top: 6px;
	left: 9px;
}
#lang{
    cursor: pointer;
    font-size:11px;
    position: absolute;
	top:8px;
	left:266px;
    width:75px;
}
#lang div {
    float:left;
}
#lang_ee{
    margin-right:18px;
}
#lang_en{}
.info{
	background:url(g/nav.png) 0 0 no-repeat;
    position: absolute;
	top:5px;
	right:0;
	width:20px;
	height:20px;
	cursor: pointer;
	line-height: 1;
}
.player {
    background:url(g/close.png) no-repeat 0 0;
    cursor:pointer;
    display:none;
    height:40px;
    position:absolute;
    top:-20px;
    right:-20px;
    width:40px;
    z-index:1;
}
#select_style{
	position: absolute;
	top: 64px;
	left: 0px;
    text-align: center;
    width: 100%;
}

#select_style img{
    display: block;
    max-width: 100% !important;
    margin: auto;
}


#select_style_bottom{
    margin: 0 auto;
    padding: 5px 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 26px;
    font-weight: 100;
    width: 340px;
    background:url(g/valistiil4.png) left center no-repeat;

}


#song_artist{
    display:block;
	color:#d9d9d9;
    text-transform:uppercase;
}
#song_name{
    color:#fff;
    display:block;
	font-size:32px;
    margin-bottom:4px;
}
#glass{
	position: absolute;
	-top: 15px;
	left: 138px;
}
#glass2{
	position: absolute;
	top: 0px;
	left: 25px;
}
#light{
	position: absolute;
	top: 300px;
	left: 202px;
}
#progress {
    top:50%;
	left:50%;
    margin:-50px 0 0 -50px;
	width:100px;
	height:auto;
	position: absolute;
	overflow:hidden;
    z-index:1;
}
#progress_value {
	background-color: #7d7d7d;
	width:0px;
	height:8px;
}
#song_cover{
	height:250px;
    position: static;
	margin:0 auto;
    width:auto;
    max-width:100%;
    min-width:200px;
}
#song_realtone{cursor: pointer;}
.realtone{ cursor: pointer; }
#song_video{
	cursor: pointer;
}
.video{

	cursor: pointer;

}
#song_buylink{
	cursor: pointer;
}
.buy{
	cursor: pointer;
}
#main_debug{
	position: absolute;
	top: 235px;
	left: 30px;
	font-size: 10px;
}
#name{

}
#artist{

}
#album{

}
#composer{

}
#previous{}
#label_name{}
#label_artist{}
#label_album{}
#label_composer{}
.prev {
    color:#fff;
    font-size:13px;
    margin-bottom:10px;
    opacity:.3;
}
#label_previous{}
#banners{
	position: absolute;
    top:65px;
    left:920px;
    padding:0;
    width: 135px;
}
.banner{
	width: 135px;
	height: 135px;
	float: left;
	margin-bottom: 10px;
}
#jplayer_play {
	position: absolute;
    left:50%;
    top:50%;
    margin:-22px 0 0 -23px;
	width: 46px;
	height: 46px;
	cursor: pointer;
    z-index:2;
}
#jplayer_mute {
	position: absolute;
	top: 8px;
	left: 0;
	cursor: pointer;
}
#pause,
#play {
	cursor: pointer;
}
#jplayer_volume {
	position: absolute;
	background-color: #2A1C1C;
	width:150px;
	cursor: pointer;
	top:12px;
	left:20px;
}
#jplayer_volume_value {
	background-color: #fff;
    position:relative;
	width:0px;
	height:7px;
}
#jplayer_volume_value span {
    background:#fff;
    display:block;
    height:14px;
    position:absolute;
    right:-7px;
    top:-4px;
    width:14px;
    -webkit-border-radius:7px;
       -moz-border-radius:7px;
            border-radius:7px;
}
div.jp-seek-bar {
	background-color: blue;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background-color: red;
	width:0px;
	height:100%;
}
.hide{
    display: none !important;
}
.hide_visibility{
    visibility:hidden;
}

/**/
.circle-progress {
    height:100px;
    position:relative;
    width:100px;
    z-index:10;
}
.circle-progress > svg {
    height: 100%;
    display: block;
}

.song-album-player {
    height: 330px;
    padding:40px 0;
    position:relative;
    text-align:center;
}

.song-links {
    text-align:center;
/*
    margin-top: -60px;
*/
}

.btn {
    color:#fff;
    display:inline-block;
    height:36px;
    line-height:36px;
    margin:0 20px 20px;
    overflow:hidden;
    text-decoration:none;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
.btn * {
    vertical-align:top;
}
.btn span {
    background-color:#1295FD;
    display:inline-block;
    min-width:100px;
    padding:0 15px;
}
.btn strong {
    background-color:#fff;
    background-position:0 0;
    background-repeat:no-repeat;
    display:inline-block;
    height:36px;
    width:45px;
}
.btn-video strong {
    background-image:url(g/btn_video.png);
}
.btn-buy strong {
    background-image:url(g/btn_buy.png);
}
.btn-buy:hover strong {
    background-color:#1295FD;
    background-image:url(g/btn_buy_h.png);
}
.btn-buy:hover span {
    background-color:#fff;
    color:#1295FD;
}
.btn-video:hover strong {
    background-color:#1295FD;
    background-image:url(g/btn_video_h.png);
}
.btn-video:hover span {
    background-color:#fff;
    color:#1295FD;
}


.song-data {
    color:#d9d9d9;
    font-size:11px;
}
.song-data div {
    margin-bottom:5px;
}

.header {
    height:65px;
    position:relative;
}

.sound {
    float:right;
    height:15px;
    margin-right:60px;
    position:relative;
    width:170px;
}

.footer {
    background:#202020;
    background:rgba(32,32,32,.5);
    padding:26px 40px 4px;
}
.footer img {
    margin-bottom:20px;
    margin-right:55px;
    vertical-align:top;
}
#logo_appstore {
    float:right;
    margin-right:0;
    width: 110px;
    margin-right: 20px;
    margin-top: 5px;
}
#logo_gplay {
    float:right;
    margin-right:0;
}

.info-table {
    margin:0 0 15px;
    width:100%;
}
.info-table th {
    font-weight:400;
    padding:15px 25px 15px 0;
    width:2%;
}
.info-table td {
    padding:0;
}
.info-table b {
    background:#1295FD;
    color:#fefefe;
    display:block;
    font-size:38px;
    font-weight:400;
    line-height:54px;
    height:54px;
    width:54px;
    text-align:center;
    -webkit-border-radius:27px;
       -moz-border-radius:27px;
            border-radius:27px;
}
.info-table a {
    color:#fff;
    text-decoration:none;
}

.light {
    font-weight:300;
}

.nav-mob {
    display:none;
    position:absolute;
    left:10px;
    top:8px;
    height:auto;
    width:22px;
}


div.clear { background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;position:static;overflow:hidden;visibility:hidden;width:0;height:0; }
.clearfix:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



@media screen
and (min-height:820px){
    .desktop #container_main {
        padding-top:35px;
    }
}
@media screen
and (min-height:1000px){
    .desktop #container_main {
        padding-top:80px;
    }
}


@media screen
and (max-width:900px){
    .nav-mob {
        display:block;
    }
    #select_style {top: 0;}
    #select_style_bottom {background: none;}
    .song-album-player {padding-top: 5px;}

    #container_info {
        width:100%;
    }
    #lang, .sound {
        display:none;
    }
    .platform_desktop {
        width:100%;
    }
    #logo_netiraadio {
        height:24px;
        left:50%;
        margin-left:-59px;
        top:11px;
        width:auto;
    }
    .info {
        right:10px;
    }
    .footer img {
        float:none !important;
    }
    #container_stream {
/*
        background-color:#252325;
*/
        background-color: rgba(18,149,253, 0.9);
        left:-100%;
        position:absolute;
        top:0;
        z-index:3;
    }
    #container_stream.visible {
        left:0;
    }
    .header {
        background-color:#271C27;
        height:44px;
    }
/*
    .stream {
        background-color:#252325;
    }
    .stream:nth-child(odd) {
        background-color:#252325;
        background-color:rgba(37,35,37,.9);
    }
*/
    #container_netiraadio_info {
        padding-left:10px;
        padding-right:10px;
    }
    .player {
        right:10px;
    }
    #container_main {
        padding-top:0;
    }
    #container_info {
        height:auto;
        padding:20px 10px;
    }
    .info, .nav-mob { top:14px; }
}

.btn, .btn strong, .btn span {
    -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:   all 0.1s ease-in-out;
    -o-transition:     all 0.1s ease-in-out;
    -ms-transition:    all 0.1s ease-in-out;
    transition:        all 0.1s ease-in-out;
}

#container_stream {
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:   all 0.2s ease-in-out;
    -o-transition:     all 0.2s ease-in-out;
    -ms-transition:    all 0.2s ease-in-out;
    transition:        all 0.2s ease-in-out;
}