footer {padding-bottom: 100px;}

/*Chakaame Music*/

.Chakaame-Player-box {max-width: 1070px;}
.audiojs  {
    overflow: hidden; 
    position: fixed!important; bottom: 0!important;
    width: 100%; height: 50px; padding-bottom: 15px; z-index: 10000;
background-color: rgba(0,0,0,0.85);
background: @include filter-gradient(#000000, #000000, vertical);
background: @include background-image(linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.41) 12%, rgba(0,0,0,0.49) 25%, rgba(0,0,0,0.58) 39%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.65) 51%, rgba(0,0,0,0.71) 60%, rgba(0,0,0,0.81) 76%, rgba(0,0,0,0.9) 91%, rgba(0,0,0,0.96) 100%));
    
}
.audiojs audio { position: absolute; left: -1px; }
.audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; /*border-right: 1px solid #000;*/ }
.audiojs p { display: none; width: 25px; height: 25px; margin: 0px; cursor: pointer; }
.audiojs .play { display: block; }        
.audiojs .scrubber { position: relative; float: left;
    width: -moz-calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
    width: -o-calc(100% - 160px);
    width: calc(100% - 160px);
    background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; } 

.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;           background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));           background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }

.audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222)); background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }

.audiojs .time { float: right; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; /*border-left: 1px solid #000;*/ color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); font-size: 13px; width: 68px;}

.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }

.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }

.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }

.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }           
.eq:after { content: ""; width:29px; height: 24px; position: absolute; right: 2px; vertical-align: middle; bottom: 5px;
background: url('http://chakaa.me/media/img/player/eq1.gif') no-repeat center center;
}
.eq-white:after { content: ""; width:29px; height: 24px; position: absolute; right: 2px; vertical-align: middle; bottom: 5px;
background: url('http://chakaa.me/media/img/player/eq.gif') no-repeat center center;
}
.inLoad:after { content: ""; width:24px; height: 24px; position: absolute; right: 5px; vertical-align: middle; bottom: 5px;
background: url('../img/orbit/loading.gif') no-repeat center center; background-size: contain;
}
.audiojs .play { background: url("../js/audiojs/player-graphics.gif") -2px -1px no-repeat; }
.audiojs .loading { background: url("../js/audiojs/player-graphics.gif") -2px -31px no-repeat; }
.audiojs .error { background: url("../js/audiojs/player-graphics.gif") -2px -61px no-repeat; }
.audiojs .pause { background: url("../js/audiojs/player-graphics.gif") -2px -91px no-repeat; }
.playing .play, .playing .loading, .playing .error { display: none; }

.playing .pause { display: block; }

.loading .play, .loading .pause, .loading .error { display: none; }         .loading .loading { display: block; }

.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }

.error .error { display: block; } 
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; }


.Music, .MusicDownload {
    position: absolute;
    z-index: 1;
    width: 50px; height: 50px;
    top: calc(50% - 50px); left: calc(50% - 20px);
    opacity: 0;
    background-color: #fff;
    line-height: 50px;
    border-radius: 10%;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.Music i, .MusicDownload i {font-size: 20px; line-height: 50px; height: 50px; width: 50px; cursor: pointer; color: #af4516;}
.Music:hover > i, .MusicDownload:hover > i {color: #333!important;
background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 51%, rgba(219,219,219,1) 64%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(64%, rgba(219,219,219,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 51%, rgba(219,219,219,1) 64%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 51%, rgba(219,219,219,1) 64%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 51%, rgba(219,219,219,1) 64%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 51%, rgba(219,219,219,1) 64%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );

}
.Music-tumb {position: absolute; z-index: 1000; width: 48px; height: 48px; top: 0; line-height: 48px; text-align: center; }
.Music-tumb i {font-size: 15px; line-height: 48px; height: 100%; width: 100%; cursor: pointer;}
.Music-tumb-Playing {background: url('http://chakaa.me/media/img/player/eq.gif') no-repeat center center;}

.Music-full {position: absolute; z-index: 1; text-align: center; width: 100%; height: 100%;top: 0!important; left: 0!important; background: transparent!important; opacity: 1;}
.Music-full:hover, .Music:hover > i {background: none!important; color: #CC7C00}
.Music-full i {color: rgba(255,255,255,0.5); font-size: 60px; width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px;  cursor: pointer; position: absolute; text-align: center; }

.div25-news:hover> .Music {opacity: 1; }
@media screen and (max-width: 620px)
	{
        .Music {opacity: 1!important; right: 5px; top:auto; bottom: 5px; box-shadow: none;}
        
	}

.songs-header-img, .songs-header-info {display: inline-block; text-align: right; vertical-align: top;}
.songs-header-img img {width: 90%; max-width:280px; max-height: 280px; margin: 10px; }
@media screen and (max-width: 360px)
	{
        .songs-header-img, .songs-header-info {display: block; text-align: center;}
        .songs-header-img img {margin: auto;}
	}

.news-img {width: 350px; max-height: 350px; margin: auto;}

/*Poems*/

.mesra_center, .mesra_right, .mesra_left {width: 45%;  margin: 5px auto; display: inline-block; vertical-align: top; line-height: 1.8; font-family: iranyekan, sans-serif; font-size: 13px;}
.mesra_center { display: block!important; text-align: center; width: auto!important; }

.mesra_right {
    margin-left: 2.5%;
    text-align: left;
}

.mesra_left {
    text-align: right;
    margin-right: 2.5%;
}

@media screen and (max-width: 480px)
	{
        .mesra_center, .mesra_right, .mesra_left {display: block; width: 90%; margin: auto; line-height: 1.8;}
        .mesra_right {text-align: right;}
        .mesra_left {text-align: left;}
	}
@media screen and (max-width: 320px)
	{
        .mesra_center, .mesra_right, .mesra_left {display: block; width: 90%; margin: auto; text-align: center; line-height: 1.8;}
/*
        .mesra_right {text-align: right;}
        .mesra_left {text-align: left;}
*/
	}


/*Album Page*/
.Album-Header {position: relative;
    margin: 0 auto ;
    text-align: center; overflow: hidden; height: 200px;
     background-color: rgba(255,255,255,0.8);
}
.Album-Header img { position: absolute; background-size: contain; width: 140%; height: 130%; top: -10px; left: -5px; padding: 10px; z-index: -200; opacity: 0.5;

}

.Album-cover {height: 200px; width: 200px; margin: auto; background-size: cover; z-index: 999999;}
.Album-details {
    width: -moz-calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
    width: -o-calc(100% - 250px);
    width: calc(100% - 250px);
    overflow: scroll; text-align: right; font-family: iranyekan, sans-serif; font-size: 11px; vertical-align: top; line-height: 1.8; margin: 20px;
    height: 200px;
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
    -webkit-column-gap: 10px; 
    -moz-column-gap: 10px;
    column-gap: 10px;

}

.download-album-btn {line-height: 30px!important; height: 30px!important; min-height: auto;}
/*Tracks*/
ol {color: #E2BD48; text-align: right;
display: block;
    list-style-type: decimal;
    background: rgba(255,255,255,0.5);
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    cursor: pointer;
}
ol li {
    padding-right: 5px;
    border-top: 1px solid #eee; vertical-align: middle;
    position: relative;
}
.track { display: block; width: 100%;}
.Album-Tracks li { height: 50px; border-top: 1px solid #eee; margin: 0 10px; position: relative!important; display: block; vertical-align: middle;}
.Album-Tracks-img {height: 40px; width: 40px; display: inline-block; margin: 0 5px; background-size: cover; background-position: center center; background-repeat: no-repeat; vertical-align: middle; background-color: #fff;}
.Album-Tracks-title {font-family: iranyekan, sans-serif; font-weight: normal; color: #333; display: inline-block; color: #333; vertical-align: middle; font-size: 13px;}
.Album-Tracks-play {display: }
.in-tracks-cover {color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.8); text-align: center; line-height: 35px; width: 100%; height: 100%; vertical-align: middle; font-size: 25px; font-family: iranyekan, san-serif; font-weight: bold; opacity: 0.7}
.Album-Tracks-btns-area { position: absolute; left: 1%;top: 10px;}
.Album-Tracks-btns {margin-right: 5px; z-index: 100;}
.Album-Tracks-btns i {color: #E2BD48; }
.Album-Tracks-btns a:hover, .Album-Tracks-btns i:hover {color: #333!important; }
.no-lyric i, .no-lyric:hover >i {color: #d4d4d4!important; cursor: default;}
.Lyric-hidden {display: none; visibility: hidden; opacity: 0;}
/*#lyrics {display: none; position: absolute; height: 100%; top:0; left: calc(100% - 500px);  width: 100%; max-width: 500px; z-index: 99999;}*/

#lyrics {padding-bottom: 50px;}
.PopUpMediaModal {max-width: 600px!important;}

#goto-artists {display: none; visibility: hidden;}
@media screen and (max-width: 620px)
{
    #goto-artists {display: block; visibility: visible;}

}


/**/
.Music-Download-btn {
    vertical-align: top;
    width:auto;
    height:40px;
    opacity: 1;
    top: 0; left: 0;
    display: inline-block;
    margin: 0 2px;
    position: relative;
    box-shadow: none!important;
    border-radius: 0!important
    
}
.Music-Download-btn i{
line-height: 40px; height: 40px;    
}
.song-img {
    margin: 0;
    display: inline-block;
    width: 250px;
    height: 250px;
    margin-left: 20px;
}

.song-details {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

@media screen and (max-width: 620px)
{

}